1. title 태그 출력 위치
<title>KASSY의 HTML 기초</title>
결과물>
2. meta 태그 사용이유
<meta charset="UTF-8">쓰지 않으면 한글이 제대로 나오지 않는 경우가 있다.
메모장에서 html 문서를 작성할 때는
저장시 인코딩으로 UTF-8을 선택해 주면 된다.
3. 닫아주지 않아도 되는 태그
<br> <img> <meta> <link> <input> <hr> 등
4. html의 문법 오류 허용
문법오류에 관대하다.
태그를 깜빡하고 닫지 않거나, 오타가 있어도 웹 브라우저가 임의로 해석해 출력해 준다.
5. 대소문자를 구별하지 않는다.
표준은 소문자를 쓰는 것을 권장한다.
HTML = html
6. 주석을 쓰는 이유
코드를 읽는 사람을 위해서 설명을 돕기 위해서 쓴다.
긴 코드의 경우나 여러 명과 같이 작업을 할 때 알아 보기 쉽게 할 수 있다.
NotePad 에디터 사용시
주석 단축키 Ctrl + Q
7. 태그 사용
1. 있는 그대로 쓰는 태그
<p></p>
2. 내용이 들어간 태그
<p>hello world!</p>
3. 내용 + 속성(세부설정)을 부여한 태그
<p align="center">hello world!</p>
8. 태그에도 순서가 있다.
html이 제일 최상위
html의 자식태그 - head, body
자식태그 안에 부모태그가 절대 들어갈 수 없다.
문제> html의 자식태그는?
<html>
<head>
<title>
hi!
</title>
</head>
<body>
hello world!
</body>
</html>정답 : head, body 2개
* title은 head 태그의 자식이지 html의 자식 태그가 아니다.
태그의 영문명
부모태그 parent
자식태그 child / children
형제태그 sibling
9. 전용에디터를 사용하는 이유
- 태그와 내용을 구별하여 색으로 나타내준다.
- 각 코드의 위치를 확인해서 오류를 쉽게 찾을 수 있다.
- 태그 자동완성 기능이 있다.
- 확장자를 설정해 두어서 저장을 용이하게 한다.
'Front-End > HTML' 카테고리의 다른 글
| HTML - Favicon이란? (0) | 2023.02.08 |
|---|---|
| HTML 태그 - 서식에 사용되는 태그들 (0) | 2023.02.06 |
| HTML 요소 - inline-element, block-element (0) | 2023.02.05 |
| HTML 태그 - img, a href (0) | 2023.02.01 |
| HTML이란? (0) | 2023.01.19 |
