자주 쓰는 html, css 코드..

링크 만들기

1

<a href=""> text </a>

새창으로 링크 만들기

1

<a href="연결할 주소" target="_blank"> text </a>

이미지 넣기

1

<img src="이미지 경로" width="폭" height="높이" alt="대체텍스트"/>

이미지에 바로 이미지 맵

1
2
3
4
5

<img src="이미지 경로" alt="대체텍스트" width="폭" height="높이" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="0,0,13,16" href="링크"  target="_blank" />
<area shape="rect" coords="14,0,31,16" href="링크2" target="_blank"  />
</map>

스페이스바

1

 

한줄 띄기 <br> 곧 void element

1

<br/>

or <br> or <br /> ?

<br/> is best for me.
<br/> is strick xhtml. But I think it works with html5.

[button color=”” size=”small” link=”http://www.w3schools.com/html/html_entities.asp” target=”_blank”]more HTML entity (character entity)[/button]

1
2
3
4

<
&lt;
>
&gt;

카피라이트

1

©

가운데점

1

·

css에서 스타일최우선 적용

1
2
3

.wufoo{
 font-family: 'Nanum Gothic'!important;
}

내 블로그에서 코드 삽입

1

<pre lang="LANGUAGE" line="1">

—————————

링크 만들기
<a href=”연결할 주소”> 텍스트 </a>
새창으로 링크 만들기
<a href=”연결할 주소” target=”_blank”> 텍스트 </a>

이미지 넣기
<img src=”이미지 경로” width=”폭” height=”높이” alt=”대체텍스트”/>

이미지에 바로 이미지 맵
<img src=”이미지 경로” alt=”대체텍스트” width=”폭” height=”높이” border=”0″ usemap=”#Map” />
<map name=”Map” id=”Map”>
<area shape=”rect” coords=”0,0,13,16″ href=”링크”  target=”_blank” />
<area shape=”rect” coords=”14,0,31,16″ href=”링크2″ target=”_blank”  />
</map>

스페이스바
&nbsp;
한줄 띄기
<br>
혹은 </br>
<
&lt;
>
&gt;

카피라이트
&copy;

가운데점
&middot;