HTML의 기본구조는 다음과 같다.
<!Doctype html>
<html lang="kr">
<head>
something
</head>
<body>
something
</body>
</html>
1. html 은 여러가지 tag를 사용한다.
기본구조는 다음과 같다.
<name-of-the-tag> CONTENT </name-of-the-tag>
추가로 태그안에 다른태그를 겹쳐서 사용 할 수 있다. 하지만 태그를 닫는 순서는 잘 지켜주어야 브라우저가 코드를 이해하고 실행할 수 있다.
2. tag안에 많은 attribute들을 사용할 수 있다.
기본구조는 다음과 같다.
<tag-name attribute-name = "value"> CONTENT </tag-name>
값을 담는 부분에는 항상 큰따옴표를 사용하는 습관을 들여야 편하다.
(모든 태그에는 id라는 attribute를 가질 수 있다.)
3. 코드작성시 의미 부여를 위해 semantic 태그를 사용하자.
대부분의 태그들은 가장 널리쓰이는 div태그로 사용할 수 있지만, 의미를 알아챌 수 있는 semantic 태그들을 사용한다.
예를들어, <main></main> <footer></footer> <h1></h1> <header></header> 등이 있다.
mdn사이트에서 위의 내용을 찾아볼 수 있다.
'HTML-CSS' 카테고리의 다른 글
Classes (0) | 2022.09.07 |
---|---|
Margin, Padding, Border (0) | 2022.09.07 |
Blocks and Inlines (0) | 2022.09.07 |
css 내용정리 (0) | 2022.09.07 |
CSS를 페이지에 추가하는 방법! (0) | 2022.09.07 |