Web & MarkUp/MarkUP [ Html & CSS ]

[ Mark UP & Web ] HTML 기초 문법 미리보기.

안다미로 : Web3 & D.S 2024. 10. 31. 15:48

 

 

 

 

 

[ Mark UP & Web ] HTML 기초 문법 미리보기.

 


 

∇ HTML 문법 간략하게 정리.


  이전 글에서 말했듯이,

     HTML은 명령어 태그와 속성 그리고 값으로 구성되어져있습니다.

 

   태그는 <태그명>로 둘러싸여져 있고, 끝에는 </태그명>형태로 닫아줘야 합니다.

 

   처음과 끝에 구성되는 태그를 요소(element)라고 하고

   이러한 요소들을 이용하여 웹 문서를 작성하는 것을마크업(MARK UP)이라고 합니다.

 

 

<!doctype html>
<html>
  <head>
    <title>Hello HTML</title>
  </head>
  <body>
    <p>Hello World!</p>
  </body>
</html>

 

     요소는 요소안에 또 다른 요소를 추가할 수 있지만,

           닫는 것을 순서대로 닫아줘야 합니다.

 

   요소의 유형은 블럭과 인라인으로 나뉩니다.

 

    ○ 블럭은 줄바꿈이 가능 

    ○  인라인은 줄바꿈이 불가능 합니다.

 

             <p> , <h1>~<h5> 등은 블럭 요소이고,

             <strong> , <a> 태그 등은 인라인 요소입니다.

 


    ∇ 태그 요소.

 

태그 요소

 


 

 

    ∇ 리스트 요소.

리스트 요소

 


 

 

    ∇ Input 요소.

input의 타입들 정리

 

 


    ∇ 레이아웃 요소.