티스토리 뷰

코딩

html

Hello™ 2013. 7. 14. 09:00

뭐 순서는 이미 꼬여있고.~

갑자기 뜬금없는 HTML을  이야기 할까 한다.


HTML

Hyper Text Markup Language 약어 라는것. 등등.. 뭐 기본적으로는 알지만 속속들이는 잘 모르는..



뭐 설명등등.. html이란?? 은 위키에 잘 나와있고 http://ko.wikipedia.org/wiki/HTML


페이지를 만들때 기본적으로 사용하는 것에 대해서만 보자.

일반적인 사이트들 (네이버, 다음..등등 기타 많은 웹페이지들) 을 보면 


<div>

</div>

이렇게 구성이 된다.

<div style="쏼라~~" class="쏼라2~~" ....> 뭐 많이 있지만 이건 페이지에 대한 구조를 잘 보이게 하는 악세사리일뿐.


<div></div>는 하나의 구룹이라고 보면 될듯하다.

여기서 잠깐 지난번에 </>닫힘태그가 없다면 <img />닫힘을 하나의 태그에 써야지 된다는것은 꼭 기억.

웹표준- 웹접근성 : 이미지 및 설명태그


그래서 div 로 그룹을 만들어서 컨텐츠를 채울때, 스타일을 주고 그룹이 다른 그룹과 같게 또는 다르게 표현할 수 있는 style, class id name등 제어 + 표현용이 많이 사용된다.


div안에 이제 내용을 채워보자.

이전에 <table ... td,th..부분이

<dl>

<dt></dt>

<dd></dd>

</dl>

이런식으로 바뀌었다고 보면 속편하다.


<ol></ol>순차적으로 정렬된 리스트

<ul></ul>비 순차적인 리스트

이 태그들 사이에 <li></li>를 사용해서 하나하나의 목록으로 구현한다.

단순한 목록이기 때문에 스타일등으로 꾸미고 다듬어서 사용된다.


뭐 단순한 표를 만들때에는 그냥 <table><tr><td></td></tr></table>도 사용한다.




* 티스토리 에디터가 붙여넣기 하면 html소스가 막 망가진다.

어떻게 문서를 만드는 것이 가장 깔끔할까? 계속 고민하게 만든다. 에디터.....으....