Html tag
-
div
division의 약자. 웹사이트의 레이아웃을 만들 때 주로 사용된다. div로 group을 묶어준 후 css를 활용하여 group 내의 element에 한 번에 스타일을 적용할 수 있다. -
id -
p: contains a block of plain text -
span: constains short piece of text other HTML
<div>
<p>
<span>Self-driving cars</span> are anticipated to replace up to 2 million jobs over the next two decades.</p>
</div>-
em: 이탤릭체 -
strong: 볼드체 -
br: line break -
unordered lists
<ul>
<li>Limes</li>
<li>Tortillas</li>
<li>Chicken</li>
</ul>- ordered list
<ol>
<li>Russia</li>
<li>United States</li>
<li>Canada</li>
</ol>- image
<img src="image-location.jpg" /> - video
<video src = "https://content.codecademy.com/courses/freelance-1/unit-1/lesson-2/htmlcss1-vid_brown-bear.mp4" width = "320" height = "240" controls >Video not supported</video>controls : 일시정지, 재생 등의 기본적인 비디오 설정을 이용 가능하게 해준다.
Video not supported는 browser가 video를 재생할 수 없을 때에만 나타난다.
-
link
<a href = "...url">Learn More</a>
- 새로운 탭에서 링크가 열리도록 하는 것 -target = "_blank"
<a href = "..." target = "_blank"></a>
- 다른 파일이 열리도록
<a href = "./aboutme.html">About Me</a>
- 같은 페이지 내의 다른 곳으로 이동하는 방법
<a href = "#introduction"></a>
#에는 id가 들어간다. -
title
<head>
<title>Brown Bears</title>
</head>head의 정보들은 페이지에 나타나지는 않는다. 
대신 이렇게 tab의 이름이 된다.
table
<table></table>
- table row :
<tr></tr> - table data :
<td></td>
늘어나게 →colspan = "2" - table heading :
<th scope = ""></th>
scope = "col"/scope = "row" <thead></thead>,<tbody></tbody>: head 와 body<tfoot></tfoot>: sum/ average와 같은 마지막 줄의 data
<tr>
<td>1</td>
<td>14</td>
<td>9</td>
</tr>form
다른 곳으로 보낼 information을 모으는 방법
<form>
<label for = "username">Name</label>
<input type = "text" name = "username" value = "gayoung" id = "username">
</form>value: 미리 입력돼있을 값label: input에 연결된 글씨. 누르면 input이 선택된다.
개발블로그