HTML 이란?
: Hyper Text Markup Language 약자이며, 태그를 이용한 Markup 언어이다.
: HTML은 프로그래밍 언어가 아니다. 웹의 기초라고 할 수 있는 Markup 언어이다.
: HTML을 배운다는 것은 웹페이지를 만들기 위한 "태크"를 적재적소에 사용하는 것을 말한다.
HTML Tag 특징, 구조
: 시작태그와 종료태그 사이에 컨텐츠를 넣는다.
HTML 문서 기본구조
: doctype, html, head, body
: html 태그로 시작하며, 그 안에는 head(문서 정보를 나타냄)와 body(실제 보여지는 부분을 담당) 로 이루어져 있다.
HTML 주석
: 메모
: <!-- -->
Emmet
: HTML과 CSS의 자동완성 기능
1. HTML의 표준구조
: ! 입력 후 Tab 키
: 간단하게 HTML의 기본구조를 만들어준다.
2. 자식 노드
: >
: div>ul>li 입력 후 Tab
3. 형제 노드
: +
: div>ul+ol+div 입력 후 Tab
4. 반복하기
: *
: div>ul>li*3 입력 후 Tab
5. 아이디 속성
: 태그에 고유이름을 짓는다.
: #
: span#item 입력 후 Tab ( item이라는 아이디를 가지는 span 태그)
: 태그의 기본값은 div이기 때문에 #item 입력 후 Tab을 누르면, item 아이디를 가지는 div 태그를 생성
6. 클랙스 속성
: .
: span.title (title이라는 클래스를 가지는 span 태그 생성)
: .title을 입력하면 자동으로 title 태그를 가지는 div 태그 생성
7. 컨텐츠 삽입
: { }
: container라는 클래스명을 가지는 p 태그를 생성하고, Hello World~! 컨텐츠 삽입
: p.container{Hello World~!} 입력 후 Tab
8. 자동 넘버링
: $
: p.container{item$} >>> item이란 컨텐츠를 만들 뿐아니라 넘버링을 부여
: p.container{item$}
'HTML' 카테고리의 다른 글
| Head 태그 안에 배치할 수 있는 요소 (0) | 2024.01.22 |
|---|---|
| Form 태그 (0) | 2024.01.22 |
| 이미지 & 멀티미디어 | 오디오, 비디오, 하이퍼링크 태그 (0) | 2024.01.22 |
| Sementic 태그 | Inlin Element vs Block Element (0) | 2024.01.22 |
| HTML 태그 | 글꼴태그 | 목록태그 | 표태그 (1) | 2024.01.21 |
댓글