반응형
1. HTML
- HTML은 프로그래밍 언어가 아닌 마크업 언어
- 웹 페이지에서 다른 페이지로 이동할 수 있도록 하는 마크업 언어
- 마크업 언어란 우리가 보는 웹페이지가 어떻게 구조화되어있는지 표기해서 브라우저에게 알려주는 역할을 하는 언어
(집의 골격 - 문의 개수, 창문 개수, ...)
2. HTML의 요소(태그)
- ①<p>②Hello HTML!③</p>
① 여는 태그(Opening Tag) : 요소의 이름(p)과 열과 닫는 꺽쇠 괄호로 구성되어 있음
② 내용(Content) : 단순한 텍스트
③ 닫는 태그(Closing Tag) : 요소의 이름 앞에 /(슬래쉬)가 있다.
- 위에 것들을 통틀어서 요소라고 함
- 요소의 이름은 대소문자를 구분하지 않지만 가독성에 있어서 소문자로 작성하는 것을 권장 - 내포된 요소(Nested Elements)
- 요소 안에 다른 요소를 넣는 기법
<p>Hello <b>HTML!</b></p>
3. HTML의 기본 정보
- <!DOCTYPE html>
- HTML5 시작을 알리는 선언( 형식상 사용 ) - <head> ~ </head>
- 브라우저가 해당 html 파일을 해석할 때 필요한 정보들을 담는 태그 - <태그이름 속성 = "속성값">
- HTML의 속성은 요소 이름과 속성 이름 사이에 공백으로 띄어져 있어야 함
- 속성 이름 다음에는 등호로 속성의 값을 표현( 생략되는 것들도 있음 )
- 속성 값은 따옴표 안에 작성, 따옴표는 큰따옴표, 작은따옴표를 구별하지 않음
( 따옴표가 없어도 되지만 속성 값에 띄어쓰기가 표현된 경우가 있기 때문에 따옴표를 씀 )
ex) <head lang = "kor"> ~ </head> - <title> ~ </title>
- 브라우저 창 가장 위에 써지는 페이지의 제목, 보통 15자 이내 - <body> ~ </body>
- 실제 페이지의 내용들을 담는 태그 - 주석
<!-- ~ -->
HTML 주석 : Ctrl + Shift + /
HTML 주석 해제 : Ctrl + Shift + \
반응형
'웹개발 > HTML' 카테고리의 다른 글
| [HTML] 테이블 태그, hr 태그 (0) | 2022.04.27 |
|---|---|
| [HTML] 단일 태그, HTML 태그(이미지 태그, 하이퍼링크) (0) | 2022.04.23 |
| [HTML] HTML 제어문자, 태그(h, br, 서식 태그, 리스트 태그) (0) | 2022.04.22 |
| [HTML] 인코딩(Encoding), www, 웹 표준(Web Standard), 웹 접근성 (0) | 2022.04.20 |
| [HTML] 웹(Web), 프로토콜(Protocol), 도메인(Domain) (0) | 2022.04.20 |