TAG
전 세계 사이트에서 사용되는 태그의 빈도 수
https://www.advancedwebranking.com/html/
이 곳에는 전 세계 사이트에서 가장 많이 사용 되는 순서대로 태그가 정리되어 있다.
25가지 태그가 나오는 것을 볼 수 있는데 하나씩 설명하고자 한다.
html, head, title, meta, body
새로운 html 파일을 생성하고 html 태그를 입력하면
이러한 기본 형식의 태그가 생성된다.
div
html 문서에서 부분 또는 섹션을 정의한다.
div 요소는 css로 스타일을 지정하거나 JavaScript로 특정 작업을 수행하기 위해
다른 html 요소의 컨테이너로 자주 사용 된다.
<div style="background-color:lightblue">
<h3>This is a heading</h3>
<p>This is a paragraph.</p>
</div>
a
a 태그는 한 페이지에서 다른 페이지로 연결하는 데 사용되는 하이퍼 링크를 정의힌다.
a 요소의 가장 중요한 속성은 링크의 목적지를 나타내는 href 속성이다.
script
script 태그는 클라이언트 측 스크립트를 정의하는 데 사용된다.
script 요소는 스크립트 문을 포함하거나 src 특성을 통해 외부 스크립트 파일을 가리킨다.
자바스크립트의 일반적인 용도는 이미지 조작, 양식 유효성 검사 및 콘텐츠의 검사 및 콘텐츠의 동적 변경이다.
<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
link
link 태그는 문서와 외부 리소스 간의 링크를 정의한다.
link 태그는 외부 스타일 시트에 연결하는 데 사용된다.
<head>
<link rel="stylesheet" type="text/css" href="theme.css">
</head>
img
img 태그는 html 페이지의 이미지를 정의한다.
img 태그에는 src(경로)와 alt(이미지를 설명하는 텍스트)의 두 가지 필수 속성이 있다.
<img src="smiley.gif" alt="Smiley face" height="42" width="42">
p
p 태그는 단락을 정의한다.
브라우저는 각 p 요소 앞뒤에 약간의 여백을 자동으로 추가한다. 여백은 css로 수정 될 수 있다.
<p>This is some text in a paragraph.</p>
span
span 태그는 문서의 인라인 요소를 그룹화하는 데 사용된다.
span 태그는 시각적으로 변경되지 않는다.
span 태그는 텍스트의 일부 또는 문서의 일부에 후크를 추가하는 방법을 제공한다.
<p>My mother has <span style="color:blue">blue</span> eyes.</p>
li , ul, ol
li 태그는 목록 항목을 정의한다.
li 태그는 정렬 된 목록(ol), 정렬된지 않은 목록(ul) 및 메누 목록(menu)에 사용된다.
<ol>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
br
br 태그는 한 줄 바꿈을 삽입한다.
br 태그는 끝 태그가 없다는 의미인 빈 태그이다.
This text contains<br>a line break.
------------------------------------------
This text contains
a line break.
style
sylte 태그는 HTML문서의 스타일 정보를 정의하는데 사용 된다.
style 요소 안에는 브라우저에서 HTML 요소를 렌더링 하는 방법을 지정한다.
각 HTML 문서에는 여러 개의 STYLE 태그가 포함될 수 있다.
<style>
h1 {color:red;}
p {color:blue;}
</style>
h1, h2, h3, h4, h5, h6
h1 에서 h6 태그는 hTML 제목을 정의하는 데 사용된다.
h1은 가장 중요한 제목을 정의한다. h6는 가장 중요하지 않은 머리글을 정의한다.
input, form
input 태그는 사용자가 데이터를 입력할 수 있는 입력 필드를 지정한다.
input 요소는 사용자가 데이터를 입력 할 수 있는 입력 컨트롤을 선언하기 위해 form 요소 내에서 사용된다.
입력 필드는 유형속성에 따라 다양한 f}으로 다양하다.
<form action="/action_page.php">
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
<input type="submit" value="Submit">
</form>
strong
strong 태그는 구문 태그이다. 중요한 텍스트를 정의한다.
<strong>Strong text</strong>
table, tr, th, td
table 태그는 HTML 테이블을 정의한다.
HTML 테이블은 table 요소와 하나 이상의 tr, th 및 td 요소로 구성된다.
tr 요소는 테이블 행을 정의하고 th 요소는 테이블 헤더를 정의하며 td 요소는 테이블 셀을 정의한다.
더 복잡한 HTML 표에는 caption, coㅣ, colgroup, thead, tfoot 및 tbody 요소가 포함될 수도 있다.
<table>
<tr>
<th>Month</th>
<th>Savings</th>
</tr>
<tr>
<td>January</td>
<td>$100</td>
</tr>
</table>
