Friday, August 9, 2013

HTML5에서의 범위 지정 방법(div, span)과 식별자(id, class), 문자참조(entity references)


<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 : redborder: 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 태그는 &lt; &gt;이런 식으로 사용한다.</p>
       <!-- entity references 라고 부르고 
http://en.wikipedia.org/wiki/List_of_XML_and_HTML_character_entity_references
       참조 -->

       </ div>
      
</ body>
</ html>


<결과 화면>


No comments:

Post a Comment

뉴라이트의 기본적인 개념과 특징

뉴라이트  한국에서 자칭 신우익을 이르는 말. 영어의 신(new) + 우익(right)의 합성어이다.  옛날 종북주의자 시절의 파시즘과 전체주의적 사상을 간직한 채 친일반민족 행위 옹호로 돌아선 사람들이다.  우파를 가장한 짝퉁 우파...