본문 바로가기

교육

html 기본예제 알아보자

반응형


<!DOCTYPEhtml>

<html>

<head><!-- 메타 데이터 삽입 영역 -->

<metacharset="UTF-8">

<title>HTML 예제</title>

</head><!-- 메타 데이터 삽입 영역 -->

<body><!-- body 아래부터 본문 삽입 시작 -->

<HTML 예제 >

<!--  tag의 두가지 형태 : block(p,h,div...),inline(b,i,span...)... -->

<hr>

<h1>제목 가장 큰 것</h1><!-- 제목 넣는 태그 -->

<h6>제목 가장 작은 것</h6>

<hr>

<i>글자 이탤릭</i><br>

<strong>글자 굵게</strong><br>

<hr>

<br>

<divstyle="background:gold">피카츄</div><br>

<spanstyle="background:red">파이리</span><br>

<hrsize="5"width="50%">

<hrsize="5"width="90%"color="#1212ff"><!-- width(가로가 화면 사이즈의 90% / 컬러는 hex값이 1212ff -->

<hrsize="5"height="500px"width="70%"color="#1212ff"><!-- 여기는 높이인 height가 500px -->

<pre><!-- 태그 내에 있는 문서는 편집 한대로 나오게 됨 -->

  지금

       웹

           수업중

</pre>    

              

<hr>

<ul> <!-- 목록 태그 -->

     <li>a</li>

     <li>b</li>

     <li>c</li>

</ul>

<br>

<ol><!-- 숫자 번호 태그 -->

     <li>a</li>

     <li>b</li>

     <li>c</li>

</ol>

</body>

</html>