📋 HTML 태그
<img>이미지를 삽입할 수 있는 태그
<imgsrc="design.jpg" width="100%">사이즈를 %로 지정할 시 웹 페이지 사이즈에 따라 변경된다. 위의 src 부분을 '속성', 영어로는 'Attribute'라고 한다.
<parent> 부모태그
<child></child> 자식태그
</parent>-
태그는 위치에 따라 부모 태그, 자식 태그로 구분되며 반드시 부모 태그, 자식 태그를 가지고 있는 태그도 있다.
-
<li>list의 약자로, 항목을 구분해주는 태그이며, 반드시<ul>부모 태그를 가지고 있다. 반대로,<ul>태그도 마찬가지로 반드시<li>태그를 자식 태그로 가진다. -
<table>3대가 같이 다니는 테이블 생성 태그이다.(3대는<table>,<tr>,<td>) -
<tr>테이블의 행을 의미하는 부모 태그 -
<td>테이블의 칸을 의미하는 자식 태그 -
<border>선 두께 속성 -
<width>가로 사이즈 속성 -
<align>정렬 속성 -
<title>웹 페이지의 제목을 나타내는 태그 -
<meta charset="utf-8">html 파일의 인코딩을 알려주는 태그이며, 다양한 경우에 한글이 깨지질 않길 기대한다면 꼭 적어주는 것이 좋다. -
<head>본문(body)를 설명해주는 태그 -
<body>본문html 아래에 있는 모든 태그는
<head>태그와<body>태그 둘 중에 하나 아래에 놓이게 된다. -
<!doctype html>관용적으로 "이 문서는 html이다"라는 뜻으로 표기해주는 태그 -
<html>전체를 감싸는 최고위층 태그
📋 실습
<!doctype html> <html> <head> <title>WEB1 - html</title> <meta charset="utf-8"> </head> <body> <table border="1" width="250"> <tr align="center"> <td>head</td> <td>98.1%</td> </tr> <tr align="center"> <td>body</td> <td>97.9%</td> </tr> <tr align="center"> <td>html</td> <td>97.9%</td> </tr> </table> <ol> <li>HTML</li> <li>CSS</li> <li>JavaScript</li> </ol> </body> </html>
📋 결과
WEB1 - html
head 98.1% body 97.9% html 97.9%
- HTML
- CSS
- JavaScript
TIL