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[편집]
약어를 쳐넣는 것.
<source lang="html5"> WHO </source>
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>사이에 넣는다.
<source lang="html5">
- 순서가 없는 첫번째 항목입니다.
- 순서가 없는 두번째 항목입니다.
</source>
- 순서가 없는 첫번째 항목입니다.
- 순서가 없는 두번째 항목입니다.
* 순서가 없는 첫번째 항목입니다. * 순서가 없는 두번째 항목입니다.
- 순서가 없는 첫번째 항목입니다.
- 순서가 없는 두번째 항목입니다.
아시다시피 이렇게 적으면 이 위키 문법과 차이가 난다.
<source lang="html5">
- 순서가 없는 첫번째 항목입니다.
- 순서가 없는 두번째 항목입니다.
</source>
- 순서가 없는 첫번째 항목입니다.
- 순서가 없는 두번째 항목입니다.
그러나 이렇게 적으면 차이 안남.
ol[편집]
순서 있는 목록(ordered list)을 표시한다. HTML4에서 단지 비주얼적인 태그라는 이유로 비권장 태그로 들어갔다가 HTML5에서 <ul> 태그와 구별해서 사용할 필요성이 제기되면서 표준 태그로 재지정되었다.
다른 ol이랑 엮는 드립도 있다더라.
dl[편집]
정의 목록(definition list)을 표시한다.
dt[편집]
정의 목록의 정의(definition term)를 기술한다.
dd[편집]
정의 목록의 뜻풀이(definition description)를 기술한다.
[편집]
웹사이트 내의 상호작용하는 메뉴 목록을 위한 태그.
그 외[편집]
div[편집]
박스 또는 레이어. 이 역시 div 문서 참조 하셈.
span[편집]
<div>의 인라인 버전으로 span 문서 참조 하셈.
style[편집]
CSS 사용.