blank, img, usemap, entity inline요소, block요소

<a href="http://www.naver.com" target="_blank">네이버</a>

    

                                                       blank 새탭으로 열림

<a href="../readme.txt" target="_blank">네이버</a>

        현재위치의 폴더로부터 나가서 readme텍스트를 연다. 

<img src="../image/5.jpg" alt="대체텍스트" width=""/>

width만 넣거나 height만 넣으면 알아서 비례해서 맞춰짐. -> 하지만 이미지에 대한건 css에서 조절

img태그를 a태그로 감싸면 이미지를 누를때 사이트링크가 연결된다.

width, height및 속성style은 유효하나 style을 쓰는것을 추천한다.

(http://www.w3schools.com/html/html_images.asp)

<img src="html5.gif" alt="HTML5 Icon" style="width:128px;height:128px;">

<img src="html5.gif" alt="HTML5 Icon" width="128" height="128">

alt는 문법적으로도 필요하지만 이미지를 볼수 없는 환경에서도 충분히 그 이미지에 대한 정보를 제공해 주어야 하기 때문에 쓰는것이 좋다.

-usemap

<img src="../image/5.jpg" alt="3병" usemap="#linkarea" />

<map name="linkarea">

   <area shape="rect" coords="0,100,100,0" href="" alt="">

   <area shape="circle" coords="0,100,100,0" href="" alt="">

   <area shape="rect" coords="0,100,100,0" href="" alt="">

</map>

entity(entitycode.com)

한영자 ＠☆ <> &  -> 나오긴하지만 웹표준에 맞지 않기때문에 entity로 써줌

&로 시작 해서 ;으로 끝

부등호 lt gt

곱하기 times

나누기 divide 

HTML 요소는 크게 block element와 inline element로 나눌 수 있다.

block dyth

css를 통해 스타일을 변경하지 않았다면 블럭요소는 화면의 가로폭 전체를 차지하는 직사각형 모양을 가진다. 모든 인라인요소는 블럭요소 안에 속해 있어야하며, body요소에 바로 담길수있다.

inline: inline요소들은 block요소들을 감쌀수 없다.

block: h1~6 p ul li ol dl dt dd *div

     blockquote 요소와 같은 일부 블럭요소는 인라인 요소뿐 아니라 다른 블럭요소를 포함할수있다.

     반면 p요소와 같은 블럭요소는 다른 블럭요소를 포함할 수 없다.  

address article aside audio canvas fieldset figure footer form header pre section table video 

inline: a strong em i u ins del sup sub *span

abbr acronym b br button cite img input label map object q select 

     인라인요소는 블럭요소(p 등) 안에 담겨야하며, 여러 인라인 요소가 서로 중첩될수있다.

<p>
    요기 <a href="dailydiy.tistory.com">이 링크를 클릭하면 <strong>내 블로그</strong>로 이동</a> 한다!
</p>

<li style="border:1px #f00 solid;">menu-list1</li>