반응형
1. HTML 기본구조
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
</body>
</html>
<!DOCTYPE>
모든 HTML 문서는 <!DOCTYPE>으로 시작.
태그 아님.
* 태그 : HTML에서 사용하는 명령어
<html>
HTML 문서의 최 상위 태그.
<html> 시작 ~ </html> 종료.
<html> 태그 안에는 <head>와 <body>가 있음.
<head>
HTML 문서의 제목, 머리말의 정보가 입력됨.
* head 태그의 자식 태그
<title>, <style>, <base>, <link>, <meta>, <script>, <noscript>
<body>
HTML 문서의 내용이 입력됨.
* body 태그의 자식 태그
<img>, <video>, <table>, <a>, <ul>, <textarea>, <input>, <button>, <canvas> … 등 화면을 구성하는 다양한 태그가 있음.
예제
코드1
<!DOCTYPE html>
<html>
<head>
<title>제목</title>
</head>
<body>
안녕하세요.
</body>
</html>
코드1 - 결과
반응형
'skill > HTML.Javscript.CSS' 카테고리의 다른 글
| [script] modal 열기, 닫기, 닫기 이벤트처리 및 해제 (0) | 2021.10.19 |
|---|---|
| toast-chart column data 배열 받기 및 처리 (0) | 2021.07.26 |
| [javascript] form data -> json 변경 및 list(배열) 타입 (0) | 2021.05.12 |
| [javascript/css] 출력(print) 및 다음장 넘기기 (0) | 2021.05.12 |
| [javacirpt] jquery 스크롤 자동 이동 + 부드럽게 이동 (0) | 2021.05.12 |