HTML의 기본 구조
오랜만에 다시 개발 공부를 시작한 기념으로 기초적인 내용들을 다시 복습해보기 위에 적는 시리즈.
▶️HTML 기본 템플릿
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
- HTML 문서는 .html 확장자로 저장하며, 모든 HTML 문서는 위의 코드를 가지고 있어야 HTML로 인식한다.
<head>내부엔 사이트 생성에 필요한 인코딩형식, 사이트제목, 필요한 CSS나 JS파일이 들어갈 수 있으며,<body>내부엔 실제 웹사이트에서 보여줄 글, 그림 등을 적어준다.
▶️ HTML의 기본 태그 목록과 규칙
<p>글 본문</p>
<h1>글 제목</h1>
<img src="이미지 경로">
<a href="">링크</a>
<button>버튼</button>
<ul><li>리스트</li></ul>
<ol><li>리스트</li></ol>
- HTML은 태그로 작성한다. 태그들은 종류와 용도가 매우 다양한데, 글을 작성하고 싶다면 글을 넣을 때 쓰는 태그를 사용하고, 버튼을 넣고 싶으면 버튼을 넣을때 쓰는 태그를 사용한다.
- 특정 태그는 안에 href="", src="" 같은 속성을 집어 넣어서 추가정보를 기입한다. href는 클릭시 이동할 링크를 기입하고, src는 파일 경로를 기입한다.
- HTML은 마크업 언어이기 때문에 자료의 구조를 쉽게 파악할 수 있어야하며,용도에 맞는 태그를 사용하면 더욱 '웹표준'에 맞는 웹을 만들 수 있다.
관조, 사유, 끈기