HTML

1. HTML 기초

삼색이삼랑해 2022. 8. 11. 13:50

  HTML(Hyper Text Mark-up Language)이란? 

전자 문서 작성 표순으로 문서의 골격을 만들기 위한 언어이다.

한 문서는 여러 요소로 구성되어 있으며, 요소는 태그(Tag)와 속성(Attribute)로 구성되어 있다.

HTML(Hyper Text Mark-up Language)이란? 

  요소의 형태

<태그명 [속성명="속성값" 속성명="속성값" ...]>내용</태그명>

  요소의 종류

블록 요소(Block Element) : 한 줄을 차지하는 요소로 줄을 바꿀 수 있다.

인라인 요소(In-line Element) : 한 줄의 일부를 차지하는 요소로 줄을 바꾸지 않는다.

  태그 종류

단축 태그 : 시작 태그와 종료 태그 사이에 들어갈 '내용(Content)'이 없으면 시작·종료 태그를 하나로 합쳐서 사용한다.

Emty 태그 : 종료 태그 없이 시작 태그만 있는 태그. ex) <br>, <img>, <hr> ...

 

<!DOCTYPE html>
<html>
    <head>
        <title>제목 태그</title>
    </head>
    <body>
        <h1 style="background-color: red;">Heading 1</h1>
        <h2>Heading 2</h2>
        <h3>Heading 3</h3>
        <p>Lorem ipsum dolor sit amet, </p>
        <p>consectetur adipiscing elit. </p>
            <span>Sed suscipit</span> justo sed tortor<p/> 
            ullamcorper, nec porta diam convallis.<p/> 
            Curabitur sem velit,<br>finibus quis aliquet non,<p/> 
            auctor cursus orci.<p/>
        <h4>Heading 4</h4><h5>Heading 5</h5><h6>Heading 6</h6>
    </body>
</html>