2018/3월

180321

2018. 3. 21. 13:41

   

        <h1> 제목태그1 </h1>

        <h2> 제목태그2 </h2>

        <h3> 제목태그3 </h3>

        <h4> 제목태그4 </h4>

        <h5> 제목태그5 </h5>

        <h6> 제목태그6 </h6>


제목 태그는 <h></h> 1~6까지 있다

두껍게 표현하려고 h태그를 사용하지 않는다.


왼쪽 정렬

가운데 정렬

오른쪽 정렬


<p align="left"> 왼쪽 정렬 </p>

<p align="center"> 가운데 정렬 </p>

<p align="right"> 오른쪽 정렬 </p>


문단에서 강제로 줄을 바꿀때는 <br>을 사용한다.




<b>는 진하게, <i>는 기울임꼴, 원하는 부분부터 태그를 넣고 끝나는 부분에 닫힘 태그를 넣으면 된다.


    <head>

        <meta charse="utf-8">

        <title> 제목 </title>

        <style>

            body {background-color: oldlace;}

            p {color: dimgrey; background-color: burlywood;}

            b {color: darkgreen;}

        </style>

    </head>


이런식으로 들어가는데 <style>은 <head>쪽에 들어간다.

b {} <이런식으로 된거는 볼드로 설정한 애들만 색이나 전경색이 바뀜

p는 p를 사용해 문단을 나눈 애들이 바뀜

이런식으로 특정 태그를 이용한 애들을 쉽게 바꿀 수 있음!



        <ul>

            <li> 항목 1 </li>

            <li> 항목 2 </li>

        </ul>

        <ol>

            <li> 항목 1 </li>

            <li> 항목 2</li>

        </ol>

        <dl>

            <dt> 용어 제목 </dt>

            <dd> 용어 설명 </dd>

        </dl>

        

<ul> <ol> 은 <li> 태그만 사용 가능하다.

 <ul>은 앞에 쩜이 찍히는 항목 나열 / <ol> 은 숫자 형식으로 항목 나열 / <dt>는 단어등등 설명할 대상

 / <dd>는 <dt>에 대한 설명문



실습_180321.html

실습_180321-1.html




'2018 > 3월' 카테고리의 다른 글

180328  (0) 2018.03.29
180327  (0) 2018.03.27
180323  (0) 2018.03.26
180326  (0) 2018.03.26
180320  (0) 2018.03.20