HTML(HyperText Markup Language) 

웹 페이지를 기술하기위한 마크업 언어



html 파일을 만든 후 

brackets 의 경우 html:5 를 작성 후 Tab키를 누르면


1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
cs

이렇게 자동완성이 됩니다. 

HTML5의 경우 <!DOCTYPE html>

시작을 해야합니다.  

document는 <html> </html> 사이에 작성하며 

<head>사이에는 meta 정보들이 들어갑니다. 

웹 브라우저에 나타내는 요소들은 <body> 사이에 작성합니다.


1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <h1>Hello World</h1>   
     <p>안녕하세요! HTML5</p>
</body>
</html>
cs


body 안에 

<h1>Hello World</h1>   
     <p>안녕하세요! HTML5</p>


요소를 추가하고 


우측 상단에 번개 표시 를 눌러보자 !

이제 여러가지 바꿔가면서 출력을 해보시면서 테스트를 해보세요 ~


'웹 프론트엔드 > HTML' 카테고리의 다른 글

1. HTML 웹 디자인 학습 사이트 모음  (2) 2018.02.15
웹 디자인 Text 에디터  (0) 2018.02.04

+ Recent posts

티스토리툴바