HTML 웹프로그래밍 (7) 썸네일형 리스트형 텍스트 표현 HTML 주석 문서 소스의 이해를 돕기 위한 설명을 추가할 때 사용 브라우저에 의해 출력되지 않으므로 소스에서만 확인 가능 ''는 하나의 문자처럼 사용 -> 각 문자 사이에 공백 불가 주석 안에서는 , --를 사용하지 말아야 함 태그 내에서는 사용 불가 CSS, 자바스크립트의 주석 형식 -> /* 소스 설명 */ 줄을 바꾸는 태그 편집기에서 엔터기와 같은 기능 종료태그 없이 사용 -> 단락을 나누는 태그 문단을 나누어 독립적인 단락을 생성 다른 내용과의 구분을 위해 단락 전후에서 자동 줄바꿈 수행 p 태그를 연속해서 여러 개를 사용해도 한 번 사용한 것과 같은 효과를 가진다. 공백 및 특수 문자 입력 두 칸 이상의 연속된 공백, 예약어로 사용되는 문자, 키보드로 직접 입력할 수 없는 문자를 입력하는 경우.. HTML에서 텍스트 표현 텍스트 표현 글자 스타일 지정(준비중...) 목록 지정(준비중...) 콘텐츠 그룹핑(준비중...) HTML 문서 작성의 기초 HTML 문서의 구성요소 ◎ 하나의 HTML 문서는 다양한 요소(element)들의 조합으로 구성 내용 종료태그 없이 사용 -> , , 등 전역 속성 : 글로벌한 의미를 가진 속성으로 모든 태그들에게서 사용이 가능하다. ex) class, id, style, lang, title 등 HTML 문서 작성 시 주의사항 ◎ 태그는 대소문자를 구분하지 않는다. = = -> W3C에서는 소문자 표기를 권고 ◎ 파일의 확장자는 반드시 htm 또는 html로 지정 파일명.htm, 파일명.html ◎ 화이트스페이스는 입력한 의도대로 적용되지 않음 두 칸 이상의 연속된 공백은 하나의 공백으로 처리 ◎ 요소 안에는 다른 요소를 포함할 수 있다. .. .. .. HTML 문서의 기본 구조 문서의 본문 내용 ◇ 문서유형 DO.. HTML 문서 작성을 위한 준비 HTML 웹 프로그래밍을 위한 준비물 1. 문서 작성을 위한 텍스트 편집기 ex) 윈도우 메모장, notepad, Eclipse, 워드프로세서 등 2. 문서 실행을 위한 웹브라우저 ex) 크롬, 오페라, 사파리 등 HTML5 관련 사이트 HTML5 관련 기술의 지원 현황 HTML5 관련 태크 지원 현황 HTML이란? Hyper Text Markup Language 웹페이지를 작성하기 위한 가장 기본적인 언어 웹 World Wide Web에서 사용하는 마크업 언어 인터넷 상에서 사용되는 웹페이지의 정보를 표현하기 위한 언어 하이퍼텍스트 다른 텍스트에 대한 참조("링크")를 가진 텍스트 단위 텍스트들과 이것들을 결합하는 링크로 구성 사용자가 연상하는 순서에 따라 관련 있는 쪽으로 이동하여 정보를 얻도록 조직화된 시스템 마크업 mark + up 합성어 "태그" tag 문서의 구조와 내용 등에 추가적인 정보를 부여하기 위해 문서 내에 삽입되는 일련의 문자 또는 기호 문서의 구성 및 마크업의 분류 의미적 마크업 구조적 마크업 양식적 마크업 제목, 주소 등 문단, 제목글 등 모양, 색상 등 , , ... , , , ... , .. HTML 개요 HTML이란? HTML 문서 작성을 위한 준비 HTML 문서 작성의 기초 HTML HTML 개요 HTML에서 텍스트 표현 HTML에서 그림과 링크 표현(준비중...) HTML에서 테이블 표현(준비중...) HTML에서 멀티미디어 표현(준비중...) HTML에서 입력 양식(준비중...) CSS 개요(준비중...) CSS 속성(준비중...) 이전 1 다음