HTML/태그
| 이 문서는 아직 완성되지 않은 대상을 다룹니다. 이 문서는 미완성된 문서입니다. 하루빨리 완성시켜 주시기 바랍니다. 그리고 아직 이 대상은 완성이 못 되었기 때문에 평가하기에 이릅니다. 섣부른 판단과 수정은 금물입니다. |
개요
편집Hitomi.la의 태그들이다.
HTML 태그들을 모은 문서. HTML은 웹 브라우저마다 지원하는 태그는 다르지만 비슷한 것들 써먹는다고 한다.
아시다시피 디키의 위키 엔진이 이렇다보니 존나 자주 보게 되는 태그도 있다.
올바른 사용법
편집<태그>내용</태그> 꼭 이걸 안닫아서 거슬리는 경우가 많다.
기본 구조
편집!DOCTYPE
편집| 이 문서는 교묘하게 거짓을 말하고 있습니다. 이 문서의 내용은 얼핏 봐서는 진실인지 거짓인지 구별하기 힘들 정도로 정교한 거짓말로 가득 차 있습니다. 만약 이 내용에 낚여서 피해를 보게 될 경우 원 작성자를 굴다리로 불러내서 존내 패버릴 것을 추천합니다. "이 새끼가 어디서 약을 팔아?" |
마크업 언어용 DTD 태그. 내려갈 팀은 내려간다는 의미를 담았다.
html
편집위 DTD를 제외하면 이걸로 둘러싼다.
head
편집HTML 문서의 속성을 지정하기 위한 태그.
body
편집HTML 문서의 본 모양을 나타내기 위한 태그.
title
편집제목 선언 등신아.
meta
편집부가 정보를 선언하는 태그.
link
편집별도의 CSS 선언 파일, 파비콘 등을 연결하는 태그.
텍스트 관련
편집hgroup
편집제목 태그를 그룹으로 묶기 위한 태그. h1 ~ 6까지 있다.
p
편집새 문단을 여는 태그.
b
편집볼드체를 넣는 태그.
i
편집이텔릭체를 넣는 태그.
strong
편집텍스트 강조. 주로 이럴 때 유용함.
<strong>''글자''</strong>
글자
em
편집- redirect 틀:Tag보다 약한 강조를 나타낼 때 사용한다.
ins, u
편집밑줄을 표시함. ins와 u 태그, 이 둘은 미묘하게 다르다더라.
del, s
편집취소선을 표시함.
sup
편집위 첨자.
sub
편집아래 첨자.
small
편집글자를 작게 표시하는 거. 앤트맨 문서 가면 볼 수 있따.
br
편집| 이 문서는 각종 매체에서 흔하게 찾아볼 수 있는 유명한 얼굴마담에 대해 다루고 있습니다. 이 문서는 해당 영화 또는 애니메이션을 보거나, 소설이나 만화책을 읽거나, 게임을 플레이하지 않아도 허벌나게 많이 보여서 일반인들도 잘 알고 있는 얼굴 마담에 대해 다룹니다. 투명드래곤은 보이지 않으니 모두의 얼굴마담이겠네. |
강제 개행을 하는데 쓰이는 태그. 디시위키는 항상 엔터 두번 아니면 이거다. 다른 미디어 위키 쓰는 위키도 그러는지 불명.
hr
편집가로즐 긋는거.
abbr
편집약어를 쳐넣는 것.
<abbr title="Wuhan Health Organization">WHO</abbr>
WHO
아시다시피 위키에서도 작동이 된다. ㄹ데 디자인이 별로라서 다들 {{주석2}}를 쓰겠지...
wbr
편집이 태그를 쓰면 글이 길어질 때 띄어쓰기가 없더라도 이 태그가 쓰인 부분에서 자동개행이 이루어진다.
blockquote
편집인용구를 기술하는 태그.
q
편집- redirect 틀:Tag의 인라인 버전.
dfn
편집- redirect 틀:Tag의 인라인 버전.
pre
편집서식 있는(Preformatted) 텍스트를 넣기 위한 태그. 편의상 글상자라고 부른다. 이걸 틀로 만든 게
- redirect 틀:Tlx이다.
var, samp, kbd, code
편집변수 등 프로그래밍 언어와의 연계를 위한 태그.
ruby
편집후리가나 표기를 위한 태그. 이걸 틀로 만든 게
- redirect 틀:Tlx다.
목록 관련
편집ul
편집순서 없는 목록(unordered list)을 표시한다.
li
편집목록에서 각 항목(list item)은 <li>와 </li>사이에 넣는다.
<ul>
<li>순서가 없는 첫번째 항목입니다.</li>
<li>순서가 없는 두번째 항목입니다.</li>
</ul>
- 순서가 없는 첫번째 항목입니다.
- 순서가 없는 두번째 항목입니다.
* 순서가 없는 첫번째 항목입니다. * 순서가 없는 두번째 항목입니다.
- 순서가 없는 첫번째 항목입니다.
- 순서가 없는 두번째 항목입니다.
아시다시피 이렇게 적으면 이 위키 문법과 차이가 난다.
<ul>
<li>순서가 없는 첫번째 항목입니다.</li><li>순서가 없는 두번째 항목입니다.</li>
</ul>
- 순서가 없는 첫번째 항목입니다.
- 순서가 없는 두번째 항목입니다.
그러나 이렇게 적으면 차이 안남.
ol
편집순서 있는 목록(ordered list)을 표시한다. HTML4에서 단지 비주얼적인 태그라는 이유로 비권장 태그로 들어갔다가 HTML5에서 <ul> 태그와 구별해서 사용할 필요성이 제기되면서 표준 태그로 재지정되었다.
다른 ol이랑 엮는 드립도 있다더라.
dl
편집정의 목록(definition list)을 표시한다.
dt
편집정의 목록의 정의(definition term)를 기술한다.
dd
편집정의 목록의 뜻풀이(definition description)를 기술한다.
menu
편집웹사이트 내의 상호작용하는 메뉴 목록을 위한 태그.
그 외
편집박스 또는 레이어. 이 역시 div 문서 참조 하셈.
<div>의 인라인 버전으로 span 문서 참조 하셈.
style
편집CSS 사용.