HTML 기본 개념 및 구성

jeongol·2024년 7월 18일

HTML 개념

  • HTML약자 : Hypertext Markup Language약자 / 하이퍼텍스트 마크업 랭귀지
  • HTML설명 : 웹페이지와 그 내용을 구조화 하기위해 사용하는 코드 뼈대와 같은 역할
  • tag : 구성
<P>  <===tag(태그)

HTML 요소

<p>안녕하세요<p/>

<p> : opening tag/오프닝 태그 : 요소가 시작되는곳 또는 효과를 시작하는 곳
<P/> : closing tag/클로징 태그 : 요소가 끝나는곳 콘텐츠의 효과 적용이 끝나는 곳
<P>안녕하세요<P> : 안녕하세요 = content/콘텐츠 : 요소의 내용을 담음
<P>_______<P> : element/요소 : 요소는 여는 태그와 닫는 태그, 그리고 콘텐츠로 이루어짐 

HTML 기본 구성

<!DOCTYPE html>
<html lang="en">
<head>                         <==HTML 문서의 메타데이터(metadata)를 정의 직접적으로 표현되지 않음

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>    <==HTML 문서의 제목을 정의
</head>
<body>                         <==웹 브라우저를 통해 보이는 내용(content)
    
</body>
</html>

HTML 요소 구조

<P class="button">text</p>
<태그시작 속성이름="속성값">콘텐츠</태그종료>

0개의 댓글