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> 태그 : 순서가 있는 리스트 태그

저작자표시 (새창열림)

'Front > HTML+CSS' 카테고리의 다른 글

[CSS] keyframes animation 실습  (0) 2023.03.08
나만의 일기장 CSS 사용해서 만들기(실습)  (0) 2023.03.08
[ HTML ] div태그  (0) 2021.11.10

티스토리툴바