본문 바로가기

HTML-CSS

HTML

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