[웹개발] HTML 기본

    728x90

    안녕하세요

    로로봉입니다 : )

    이번 포스팅에서는 HTML에 대해 알아보겠습니다.

    HTML은 Hyper Text Markup Language의 약자로 웹 페이지를 정의하는 마크업 언어입니다.

    파일의 확장자는 .html 또는 .htm으로 메모장을 이용해서 작업이 가능합니다.

    HTML 파일은 태그(Tag)라는 명령어로 구성되며, 각 태그는 속성으로 세부 설정이 가능합니다.

    기본 HTML 구조는 아래와 같습니다.

    <!DOCTYPE html>
    
    <html>
    
      <head>
    
        <meta charset="UTF-8">
    
        <title>제목</title>
    
      </head>
    
      <body>
    
        내용
    
      </body>
    
    </html>

    태그의 기능은 여는 태그와 닫는 태그 사이의 내용에만 적용됩니다.

    여는 태그 앞이나 닫는 태그 뒤의 내용은 적용되지 않습니다.

    또한 태그는 대소문자를 구분하지 않으므로 <html>, <HTML>, <Html>은 모두 동일한 태그로 처리됩니다.

    기본적으로 사용하는 HTML 태그를 정리해보면 아래와 같습니다.

    태그 기능
    <br/> 줄 띄워쓰기
    <h1>내용</h1>
    <h2>내용</h2>
    ~
    <h6>내용</h6>
    자동으로 앞뒤로 한줄 씩 추가되어 단락을 구분하며, 글씨 크기와 두께를 설정한다.

    <h1>이 가장 크고, <h6>이 가장 작다.
    <hr/> 특정 라인을 강조하거나 경계를 구분하기 위한 수평선을 그린다.
    <p>내용</p> 단락을 구분한다. 태그 안의 내용에서 줄을 바꿔야 한다면 <br/>을 사용한다.

     

    좋아요♥ + 구독 부탁드립니다 : )

    728x90
    반응형

    댓글