Home
AboutMe
Blog
Guest
SignIn
📝
프론트엔드 스쿨 교안(1기)
/
📝
HTML
/
📝
11. CheatSheet
11. CheatSheet
📝
11. CheatSheet
태그 이름
설명
구분
대표 속성
<html> </html>
HTML문서를 만들때 사용
기본 태그
<head> </head>
제목이나 표시되지 않는 정보를 설정
기본 태그
<body> </body>
문서의 보이는 부분을 설정
기본 태그
bgcolor
text
link
vlink
alink
<title> </title>
제목 표시줄에 들어가는 내용을 설정
기본 태그
<pre> </pre>
텍스트를 있는 그대로 출력
글자태그
<h1> </h1> ... <h6> </h6>
제목 텍스트 설정. 숫자가 작아질수록 크기가 커짐.
글자태그
<b> </b>
볼드 텍스트를 만드는데 사용
글자태그
<i> </i>
이탤릭체 텍스트를 만드는데 사용
글자태그
<tt> </tt>
타자기 스타일의 텍스트를 만드는데 사용
글자태그
<code> </code>
모노스페이스인 소스코드를 정의하는데 사용
글자태그
<cite> </cite>
인용문을 표시하는데 사용
글자태그
<adress> </adress>
주소를 표시하는데 사용
글자태그
<em> </em>
텍스트를 이탤릭체로 강조하는데 사용
글자태그
<strong> </strong>
볼드 텍스트를 만드는데 사용
글자태그
<font> </font>
폰트의 크기 색상 등을 설정하는데 사용
글자태그
size
color
face
<a>
링크를 연결할 때 사용
링크태그
href
name
target
<p></p>
새 단락을 만들 때 사용
컨텐츠 그룹 태그
<br>
줄바꿈을 넣을 때 사용
컨텐츠 그룹 태그
<blockquote> </blockquote>
들여쓰기를 통해서 인용문을 만들 때 사용
컨텐츠 그룹 태그
<div></div>
css로 블록 컨텐츠를 형식화 하는데 사용
컨텐츠 그룹 태그
<span></span>
css로 인라인 컨텐츠를 형식화 하는데 사용
컨텐츠 그룹 태그
<ul></ul>
순서가 없는 리스트를 만듭니다.
컨텐츠 그룹 태그
<ol > </ol>
순서가 있는 리스트를 만듭니다.
컨텐츠 그룹 태그
start
type
<li></li>
각 리스트의 항목들을 포함합니다.
컨텐츠 그룹 태그
<dl></dl>
정의 목록들을 만듭니다.
컨텐츠 그룹 태그
<dt>
정의되는 용어의 제목을 만듭니다.
컨텐츠 그룹 태그
<dd>
정의되는 용어의 설명을 만듭니다.
컨텐츠 그룹 태그
<hr>
수평선을 삽입합니다.
미디어태그
size
width
noshade
<img>
이미지를 표시할 때 사용
미디어태그
src
width
height
<form></form>
폼을 정의하는데 사용
폼 태그
src
align
border
height
width
alt
<select>
다양한 메뉴 형태를 만드는데 사용
폼 태그
multiple
name
size
<option>
각 매뉴 항목들을 배치하는데 사용
폼 태그
<textarea>
텍스트 박스 영역을 만드는데 사용
폼 태그
name
cols
rows
<input>
다양한 입력양식을 만드는데 사용
폼 태그
type
name
value
checked
<table></table>
표를 만드는데 사용
테이블 태그
border
cellspacing
cellpadding
width
<tr></tr>
표의 행들을 배치하는데 사용
테이블 태그
align
valign
<td></td>
표의 각 셀들을 배치하는데 사용
테이블 태그
align
valign
rowspan
colspan
nowrap
<th></th>
테이블 헤더를 배치하는데 사용
테이블 태그