[ 목차 ]
1. HTML
2. Hello HTML5
3. HTML5의 기본문법 - 요소
4. HTML5의 기본문법 - 요소의 중첩
5. HTML5의 기본문법 - 빈 요소
6. HTML5의 기본문법 - 어트리뷰트
7. HTML5의 기본문법 - 글로벌 어트리뷰트
8. HTML5의 기본문법 - 주석
1. HTML5
1) 웹페이지를 기술하기 위한 마크업 언어
2) 웹페이지의 내용과 구조를 담당하는 언어로써 HTML태그를 통해 정보를 구조화
3) 5까지 최신 버전이 나와 있으며, 머티미디어, 그래픽, 통신, 디바이스접근, 시맨틱 태그 등 다양한 기능을 지원
2. Hello HTML5
1) 반드시 <!DOCTYPE html>으로 시작하며 문서형식을 HTML5로 지정해야 함
2) 실제적 HTML document는 2행부터 시작되며, <html>과 </html> 사이에 기술
3) <head>와 </head>사이에는 타이틀, 외부 파일의 참조, 메타데이터의 설정 등이 위치하며 브라우저에 표시되지 않음
4) 웹브라우저에 출력되는 모든 요소는 <html>과 </html> 사이에 위치
3. HTML5의 기본문법 - 요소
<p> Hello </p>
시작태그 콘텐츠 종료태그
1) 시작태그, 종료태그, 태그 사이에 위치한 content로 구성
2) HTML 문서는 요소들의 집합으로 구성
3) 태그는 대소문자를 구분하지 않으나 소문자를 사용하는 것이 일반적
4. HTML5의 기본문법 - 요소의 중첩
1) 요소는 다른 요소를 포함하여 중첩 가능
2) 부자관계가 성립되며, 부자관계로 정보를 구조화
5. HTML5의 기본문법 - 빈 요소
1) 컨텐츠를 가질 수 없으며 어트리뷰트만 가질 수 있는 요소
2) br, hr, img, input, link, meta 등
6. HTML5의 기본문법 - 어트리뷰트
<img src = "이미지 주소">
1) 요소의 성질, 특징을 정의하는 명세
2) 요소에 추가적인 정보를 제공
3) 시작 태그에 위치해야 하며 이름과 값의 쌍을 이룸
4) width를 통해 너비, height를 통해 높이의 정보를 입력해 출력 가능
7. HTML5의 기본문법 - 글로벌 어트리뷰트
1) 모든 HTML 요소가 공통으로 사용할 수 있는 어트리뷰트
2) 몇몇 요소에는 효과가 적용되지 않을 수 있지만 글로벌 어트리뷰트는 대체로 모든 요소에 사용 가능
8. HTML5의 기본문법 - 주석
1) 개발자에게 코드를 설명하기 위해 사용되여 브라우저는 이를 화면에 표시하지 않으나 소스에는 나타남
'학원 > HTML' 카테고리의 다른 글
| 6장. Hyperlink (0) | 2020.03.30 |
|---|---|
| 5장. 텍스트 관련 태그 (0) | 2020.03.30 |
| 4장. 웹페이지를 구성하는 기본 태그 (0) | 2020.03.30 |
| 3장. 시맨틱 요소 (0) | 2020.03.30 |
| 1장. 기본 설치와 설정 (0) | 2020.03.27 |
