-
HTML과 기본 구조프로그래밍 언어/Html 2024. 7. 15. 22:02
HTML이란?
Hypertext Markup Lanaguage의 줄임말로 웹 컨텐츠의 의미와 구조를 정의할 때 사용한다.
여기서 Hypertext는 HTML: Hypertext Markup Language | MDN (mozilla.org) 와 같이
웹페이지를 다른 페이지로 연결하는 링크 말하며, 웹의 근본적인 속성인 링크를 통해 다른 사람이 만든 페이지로 연결할 수 있다.
HTML은 컨텐츠를 표시하기 위해 마크업을 사용한다.
HTML에서 사용되는 마크업에는 다양한 요소가 존재하는데,
<head>, <body> 등 다양한 종류가 존재한다.
HTML의 기본 구조
HTML은 기본적으로 head와 body로 나뉜다. 둘의 차이점을 간단하게 표현하자면,
Head는 웹 브라우저 화면에 표시되지 않는 내용을 담고 있지만,
Body는 웹 브라우저 화면에 표시될 내용을 담고 있다.
디테일하게 나아가
Head는 Title을 수정하거나, Body태그 내용에 옵션을 추가하는 웹페이지의 품질에 영향을 주는 정보를 담고 있다.
Body는 Text, Image, 미디어 요소 등 콘텐츠를 추가하여 웹페이지를 풍성하게 꾸밀 수 있다.
HTML
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>My Test</title> <style> .myBody { /* Body내 텍스트를 빨간색으로 변경 */ color: red; } </style> </head> <body class="myBody"> Body입니다. </body> </html>
[ 실행 화면 ]