Post

HTML 기초 2

Posted
By Jin Lee
1 min read
HTML 기초 2

HTML 의 요소:

요소 (element): 웹 페이지의 구조와 컨텐츠를 만드는 기본단위

요소의 구조: 요소를 구성 하는 3가지

1

<태그 속성="값">내용</태그>

태그, 속성, 컨텐츠

  • 태그: 요소의 기능을 나타냄. 시작 태그 <>. 종료 태그 </>

    • e.g. <a></a> <p></p> <form></form>

  • 속성 attribute: 요소의 추가 특성을 나타냄. 시작 태그 내부에 작성

    • e.g. <a href></a> <form class=""></form>

  • 컨텐츠: 내용. 화면에 표시할 텍스트 또는 또 다른 요소를 작성

    • <a href="https://google.com">Google</a> 에서 Google

요소 중첩

  • 요소 내부에 또 다른 요소를 중첩해서 사용할 수 있다

HTML 문서 구조

  • <!DOCTYPE html>

    • 문서의 형식이 html임을 나타낸다

  • <html></html>

    • html 문서 전체를 감싸는 루트 요소

  • <head></head>

    • 메타데이터, 스타일 시트, 스크립트 등 문서를 정의하는 정보를포함하는 영역
    • 메타데이터: 페이지의 제목, 작성자, 날짜 등을 정의하는 정보

  • <body></body>

    • 웹 페이지의 컨텐츠가 들어가는 영역

속성 attribute

id 속성

요소에 고유한 식별자를 부여

class 속성

여러개의 요소를 그룹화 하기 위해 사용

style 속성

요소에 인라인 스타일을 지정

HTML
html web frontend
This post is licensed under CC BY 4.0 by the author.