참고 영상 - 생활코딩 : WEB1 - HTML & Internet
전세계 웹페이지의 태그 통계
(2024.02.16 기준)
전 세계에 있는 웹페이지들이 몇 가지 종류의 태그로 이루어져 있는지 통계를 나타낸 그래프입니다.
<br> 태그
break(Line break)의 약자로서, 줄을 바꾼다는 뜻으로 텍스트에서 줄바꿈을 합니다. <br> 태그는 닫는 태그가 필요하지 않습니다.
<h1>HTML</h1>
하이퍼 텍스트 마크업 언어(영어: Hyper Text Markup Language)는 웹 페이지 표시를 위해 개발된 지배적인 마크업 언어다.
또한, HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다.
그리고 이미지와 객체를 내장하여 대화형 양식을 생성하는 데 사용될 수 있다.
<br> 태그를 사용하면 다음과 같습니다.
<h1>HTML</h1>
하이퍼 텍스트 마크업 언어(영어: Hyper Text Markup Language)는 웹 페이지 표시를 위해 개발된 지배적인 마크업 언어다.
<br>또한, HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다.
<br>그리고 이미지와 객체를 내장하여 대화형 양식을 생성하는 데 사용될 수 있다.
<p> 태그
paragraph의 약어로 '문단'이란 뜻을 가집니다. 문단으로 나눠줍니다.
...
<p>또한, HTML은 제목, 단락, 목록 등과 같은 본문을 위한 구조적 의미를 나타내는 것뿐만 아니라 링크, 인용과 그 밖의 항목으로 구조적 문서를 만들 수 있는 방법을 제공한다.</p>
<p>그리고 이미지와 객체를 내장하여 대화형 양식을 생성하는 데 사용될 수 있다.</p>
<p> 태그는 여백을 따로 설정할 수 없습니다. 하지만 CSS의 문법을 사용하면 여백을 설정할 수 있습니다.
<p style="margin-top: 40px;">그리고 이미지와 객체를 내장하여 대화형 양식을 생성하는 데 사용될 수 있다.</p>
<img> 태그
이미지를 업로드합니다. <img> 태그는 속성을 필수로 입력해야 합니다.
폴더에 이미지 파일을 다운받습니다.
...
<img src="html_image.jpg" width="100%">
...- src(source) : 이미지의 주소
<meta> 태그
메타관련 요소로 나타낼 수 없는 메타데이터를 나타냅니다.
...
<meta charset="utf-8">
...- charset(character set) : 페이지의 문자 인코딩을 선언합니다.
<link> 태그
현재 html 파일과 외부 리소스 사이의 관계를 정의할 때 사용합니다. CSS 파일을 불러오거나 웹브라우저의 탭에 나오는 아이콘인 favicon 등을 넣기 위해 사용됩니다.
<html>
<head>
<title>일정 관리</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<h1>일정 관리를 시작하세요.</h1>
</body>
</html>
Today I Learned