HTML?
HTML (Hypertext Markup Language ,하이퍼텍스트 마크업 언어)는 프로그래밍 언어는 아니고, 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어입니다. 이는 개발자로 하여금 복잡하게도 간단하게도 프로그래밍 할 수 있습니다. HTML은 elements로 구성되어 있으며, 이들은 적절한 방법으로 나타내고 실행하기 위해 각 컨텐츠의 여러 부분들을 감싸고 마크업 합니다. tags 는 웹 상의 다른 페이지로 이동하게 하는 하이퍼링크 내용들을 생성하거나, 단어를 강조하는 등의 역할을 합니다.
HTML의 구조?
<p>Hi this is my develop Blog</p>위 예제 처럼 <p> </p>의 태그를 사용하여 콘텐츠를 감싸 사용하는 것이며, <p>(Opening tag) 와 </p> (Closing tag)로 이루어져 있습니다. 이러한 한 문장을 요소(Element)로 봅니다.
빈 요소(Empty elements)
<img src="https://raw.githubusercontent.com/mdn/beginner-html-site/gh-pages/images/firefox-icon.png">위 예제 처럼 image를 넣기 위한 태그는 닫는 태그없이 단일 태그만을 사용하는 경우도 있습니다.
속성(Attributes)
<p class="text-context">This is text</p>위 예제 처럼 오픈 태그<p>안의 class="" 영역 같은 경우를 속성 이라고 합니다. (즉, 콘텐츠가 아닌 오픈 태그 안의 내용을 말합니다. 위 같은 경우는 p태그의 그룹을 "text-context"라는 그룹으로 묶어 준 것입니다.)
<!doctype html>
<html>
<head>
<meta charset="utf-8"> <!-- 인코딩 값 (UTF-8 = 한글 깨짐을 방지하기 위한 인코딩) -->
<title>제목란</title>
</head>
<body>
<!-- 요소가 들어가는 곳 -->
<p>This is text</p>
</body>
</html>기본적으로, html문서를 생성 시 위와 같은 형식으로 나올 것 입니다.
보통 위에서 설명한 요소 들은 <body></body>태그 안에 작성 합니다.
<head>태그 안에는 보통 <title>제목 과 <style> = css / <script> = 자바스크립트 처럼 이러한 것들을 작성합니다.
'Front-end > HTML' 카테고리의 다른 글
| [HTML] 1. 태그 종류? (0) | 2022.04.13 |
|---|
댓글