HTML은 이미 배웠었지만 많이 까먹어서... 빠르게 공부하고 다른 공부해야징!
편집툴은 Visual Studio Code를 사용했다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>TITLE</title>
</head>
<body>
Hello World!</body><br/>
</body>
</html>html의 기본 틀이라고 할 수 있다. head와 body!
여기에 여러가지 태그들을 이용해서 만든다.
<head>에는 문서가 어떤 성격을 갖고 있는지 설정과 관련된 내용들이 들어간다. (CSS 설정도 여기에 들어감)
<br/> : 줄바꿈
리스트 태그
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title></title>
</head>
<body>
<p>메뉴 리스트</p>
<ul>
<li>menu1</li>
<li>menu2</li>
<li>menu3</li>
<li>menu4</li>
<li>menu5</li>
</ul>
<p>지역 리스트</p>
<ol>
<li>서울</li>
<li>경기</li>
<li>충청</li>
<li>전라</li>
<li>경상</li>
</ol>
<p>검색 사이트 리스트</p>
<ol>
<li><a href="https://www.google.co.kr/" target="_blank">google</a></li>
<li><a href="https://www.naver.com/" target="_self">Naver</a></li>
</ol>
</body>
</html>결과화면
<p></p> 태그 : 하나의 문단을 만들 때 쓰임
<ul></ul> 태그 : 리스트 태그
<ol></ol> 태그 : 순서가 있는 리스트 태그
'Frontend > HTML+CSS' 카테고리의 다른 글
| keyframes animation 실습 (0) | 2023.03.08 |
|---|---|
| 나만의 일기장 CSS 사용해서 만들기(실습) (0) | 2023.03.08 |
| [ HTML ] div태그 (0) | 2021.11.10 |
