<HTML 파일>
<! DOCTYPE html>
< html lang ="ko" >
< head>
< meta charset ="UTF-8" >
< title> Studying HTML5 </title >
</ head>
< body>
<!--
문장의 어떤 일정 범위를 지정해서 스타일을 주거나 의미를 가지게 할 경우 사용
div : 범용 블록 요소 -> 전후에 개행이 들어감
span: 범용 인라인 요소 -> 전후에 개행이 안 들어감
식별자
id : 파일 안에 해당 요소가 하나만 있는 경우
class : 파일 안에 해당 요소가 복수 존재하는 경우
-->
<h1> Big Letter </h1>
<p style ="color : red; border: 1px solid #f00" > Hello Html! Hello Html!
<span class= "point"> Hello Html! </span> Hello Html! </p>
<p> Hello Html </p>
<p> Hello Html </p>
<div id= "main" > <!-- 메인은 하나만 존재하므로 id -->
<p> Hello Html < span class ="point" > Hello Html! </span> </p >
<!-- point 라는 스타일은 여러 개 존재할 수 있으므로 class로 지정 -->
<p> Hello Html </p>
<p> Hello Html </p>
<p> p 태그는 <p >이런 식으로 사용한다.</p>
<!-- entity references 라고 부르고
http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references 참조 -->
</ div>
</ body>
</ html>
|
<결과 화면>
No comments:
Post a Comment