HTML
Tag란?
사전적 정의
a small piece of cloth, paper, metal, etc., that is attached to something and that has information written on it see also DOG TAG NAME TAG PRICE TAG
컴퓨터 용어로써의 정의
a piece of computer code that is used to identify a particular type of text so that the text can be arranged or shown in a certain way
-> 텍스트를 특정 방식으로 배열하거나 표시할 수 있도록 특정 유형의 텍스트를 식별하는 데 사용되는 컴퓨터 코드
강의 시청 중 배웠던 Tag
생활 코딩 유튜브 시청 중 HTML tag 에서 제일 빈도가 높은 순서를 찾아봤습니다.
검색어 - frequency of HTML tag
h1~6 tag
h의 뜻은 heading(제목)
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
실제 보이는 화면
This is heading 1
This is heading 2
This is heading 3
This is heading 4
This is heading 5
This is heading 6
strong tag
강조되어 글씨가 굵어집니다.
ex) strong tag
u tag
밑줄이 작성되는 tag
ex) u tag
줄바꿈 tag <p>, <br>
<p> tag 는 단락을 나타낼 때 사용하는 tag 로 단락 마지막에는 </p> 도 사용해야 합니다.
<br> tag 는 단순 줄바꿈을 나타낼 때 사용하는 tag. 따라서 닫히는 태그가 필요 없습니다.
img tag
HTML 본문에 이미지를 삽입할 수 있는 tag
<img src="이미지 파일 이름" width="원하는 넓이 사이즈"></img>
ul tag, ol tag
ul - unordered list의 약자
ol - ordered list의 약자
사용 방법
ul tag - 순서와 상관없는 리스트가 나타납니다.
<ul>
<li>첫 번째</li>
<li>두 번째</li>
<li>세 번째</li>
</ul>
- 첫 번째
- 두 번째
- 세 번째
ol tag - 순서를 나타내는 리스트가 나타납니다.
<ol>
<li>첫 번째</li>
<li>두 번째</li>
<li>세 번째</li>
</ol>
- 첫 번째
- 두 번째
- 세 번째
title tag
title tag를 사용하면 웹의 상단에 제목을 나타낼 수 있습니다.
<title>title 나타내기</title>
head tag
head tag는 본문을 설명하는 태그입니다.
<head></head>
body tag
body tag는 본문을 나타내는 태그입니다.
<body></body>
html tag
html tag는 이 웹페이지가 HTML 로서 만들어졌다는 것을 표현하기 위해서 문서의 시작과 끝에 사용합니다.
<html></html>
<meta charset="utf-8">
해당 내용은 이 웹페이지가 UTF-8로 만들어졌기 때문에 UTF-8로 열어야한다는 것을 나타냅니다.
utf-8이란?
link tag
다른 사이트로 이동할 수 있는 태그
<a href="사이트 주소" target="_blank" title="마우스 커서를 갖다 대면 나타나는 글">
target="_blank" - 새 창에서 사이트 주소를 열 수 있습니다.
