반응형
HTML에는 가장 기본적이면서도 필수적인 태그가 몇 가지 존재합니다. 웹 브라우저에서 사용자들에게 보이는 것에 관여를 하지 않지만, HTML을 사용하는 개발자들의 암묵적인 약속과 같은 태그이기에 지켜주는 것이 좋습니다.
<!DOCTYPE html>
<html>
<head>
<title>.</title>
<meta charset="UTF-8">
</head>
<body>
</body>
</html>| <!DOCTYPE html> </html> | <head> </head> | <body> </body> |
| 어떤 형식으로 파일이 작성되었는지 알려주는 태그 | 웹페이지의 정보를 담거나 외부 자료들을 해당 문서에서 사용하기 위해 링크하는 태그들을 담는 태그 | 웹페이젱서 실제로 사용자가 볼 수 있는 부분을 담는 태그 |
| title, meta 태그 등 | h, p, img, i 태그 등 |
주석 처리
프로그래밍을 하면서 메모를 하는 경우가 빈번하게 발생합니다. 그런 경우에 주석 처리를 해서 코드에 설명을 추가한다거나 메모를 해둘 수 있습니다. 주석 처리는 웹브라우저가 해석하지 않으므로 브라우저 화면에서는 확인할 수 없으며 개발자 본인이나 다른 개발자가 소스 코드를 분석하거나 수정할 때 유용합니다. 사용 방법은 아래와 같습니다.
<!DOCTYPE html>
<html>
<head>
<title>.</title>
<meta charset-"UTF-8">
</head>
<body>
<!-- 이건 주석 처리된 메세지이므로 화면에 출력되지 않습니다. -->
</body>
</html>HTML뿐만 아니라 CSS와 j-Query 혹은 자바스크립트에서의 주석 형태는 다릅니다. 웹브라우저를 만들기 위해서는 빠질 수 없는 언어들이기 때문에 기억해두는 것이 좋습니다. 또한 편집 프로그램마다 단축키가 다를 수 있는 점 참고해주시면 좋겠습니다.
| HTML | CSS | j-Query, JavaScript |
| <!-- --> | /* */ | // 한 줄 주석 처리 /* */ |
| Ctrl + / | Ctrl + / | 단축키 없음 |
반응형
'웹 디자인 > HTML · CSS' 카테고리의 다른 글
| [HTML/CSS] table 태그로 표 만들기 (tr, th, td 태그) (0) | 2021.12.17 |
|---|---|
| [HTML/CSS] a 태그와 이미지 태그 사용해보기 (map 태그) (0) | 2021.12.16 |
| [HTML/CSS] 기본적인 글꼴 태그 알아보기 (0) | 2021.12.08 |
| [HTML/CSS] 블록과 인라인 요소 태그 종류와 특징 (0) | 2021.12.04 |
| [HTML/CSS] 편집 프로그램 Sublime Text 다운로드 및 사용법 (0) | 2021.12.03 |