편집 시 주의사항
그냥 수정할 경우 태그 예시에 적혀있는 <가 <로 바뀌어 태그가 적용되어 버립니다. (편집버튼을 눌러보면 <가 <로 바뀌어 있는 것을 확인할 수 있습니다.) 따라서 여기를 복사한 후 편집창에 덮어쓰기해서 수정하시기 바랍니다.
그냥 수정할 경우 태그 예시에 적혀있는 <가 <로 바뀌어 태그가 적용되어 버립니다. (편집버튼을 눌러보면 <가 <로 바뀌어 있는 것을 확인할 수 있습니다.) 따라서 여기를 복사한 후 편집창에 덮어쓰기해서 수정하시기 바랍니다.
- 상위 문서: HTML
목차
- 1 개요
- 2 기본 구조
- 3 텍스트 관련
- 4 이 가장 크고 이 가장 작다. 크기는 브라우저마다 표시하는 방법이 달라 다르게 나타날 수 있다. CSS를 쓰면 크기, 색상, 폰트 등을 변경할 수 있다.</li></ul>
1단계
2단계
3단계
4단계
5단계
6단계
1단계
2단계
3단계
4단계
5단계
6단계 : 새 문단(paragraph)을 연다. 로 닫는다. 극초창기에는 닫는 태그가 없고 단순히 문단을 구분하는 역할만 했는데 HTML 2.0에서 닫는 태그가 추가되어 문단을 묶어주는 역할을 하게 되었다. 이 태그를 쓸 경우 기본적으로 문단 하단에 약 1줄 가량의 빈 공간이 생기기 때문에 을 선호하는 경우가 많은데, 문단이라면 태그로 묶어주는 것이 올바른 사용법이다. 빈 공간은 CSS를 지정해서 없앨 수 있다.</li></ul> 2015년 4월 17일에 만들어진 한국어 위키위키. 리그베다 위키의 포크사이트로 시작했다.
리그베다 위키는 2015년 4월 약관 개정, 사유화 및 영리화 논란으로 인해 홍역을 앓았으며, 급기야 4월 17일에는 해킹을 당하여 데이터가 4월 15일로 롤백 되고 편집이 모두 막히는 초유의 사태가 일어났다.
2015년 4월 17일에 만들어진 한국어 위키위키. 리그베다 위키의 포크사이트로 시작했다.리그베다 위키는 2015년 4월 약관 개정, 사유화 및 영리화 논란으로 인해 홍역을 앓았으며, 급기야 4월 17일에는 해킹을 당하여 데이터가 4월 15일로 롤백 되고 편집이 모두 막히는 초유의 사태가 일어났다. : 두껍게(bold) 효과를 준다. 그러나 HTML 4.01부터 비권장 태그로 들어갔는데, 이 이유는 이 태그가 비주얼적인 효과를 주기 위한 태그라 비권장으로 지정된 것. 강조의 의미를 줄 때는 태그로 대체하고 그 이외에는 CSS의 font-weight: bold; 속성으로 쓸 것을 권장하고 있다.[2] 하지만 HTML5에서 보다 약한 의미의 강조로 다시 복귀했다.</li></ul>- : 텍스트를 기울임꼴(italic)로 표시한다. 기술 용어, 외국어, 일반적으로 기울임꼴로 사용되는 용어 등을 강조한다.
기울임꼴로 표시됩니다. 굵게 표시합니다.
기울임꼴로 표시됩니다.
/div> : 포함된 텍스트를 강하게 강조할 때 사용한다.</li></ul>- 보다 약한 강조를 나타낼 때 사용한다.
약하게 강조합니다. 강하게 강조합니다.
약하게 강조합니다. : 문서에 삽입(insert)된 텍스트를 표시한다.</li></ul>- 문서에서 삭제(delete)된 텍스트를 표시한다.
당신이 생각하는 그거다
- 문서에서 삭제(delete)된 텍스트를 표시한다.
취소선이 표시됩니다. 밑줄이 표시됩니다.취소선이 표시됩니다.: 텍스트를 위첨자(superscript)로 표시한다.</li></ul>- : 텍스트를 아래첨자(subscript)로 표시한다.
H2O는 산소. 물은 O2아니냐? 문과출신인 나도 알고있음 E=MC2
H2O는 산소. 물은 O2아니냐? 문과출신인 나도 알고있음 : 문단 내 줄바꿈(line break). 강제개행을 하는 태그이다. 문단의 흐름을 해치기 때문에 권장되는 태그는 아니다.- 가로줄(horizontal rule)을 넣는다. , 같은 태그는 닫는 태그 없이 하나만으로 작동하는 태그이다. 이런 태그는 닫는 태그 대신 슬래시를 쓴다.
/>
리그베다 위키는 2015년 4월 약관 개정, 사유화 및 영리화 논란으로 인해 홍역을 앓았으며, />급기야 4월 17일에는 해킹을 당하여 데이터가 4월 15일로 롤백 되고 편집이 모두 막히는 초유의 사태가 일어났다. 2015년 4월 17일에 만들어진 한국어 위키위키.
리그베다 위키의 포크사이트로 시작했다.
리그베다 위키는 2015년 4월 약관 개정, 사유화 및 영리화 논란으로 인해 홍역을 앓았으며,
급기야 4월 17일에는 해킹을 당하여 데이터가 4월 15일로 롤백 되고 편집이 모두 막히는 초유의 사태가 일어났다. 목록 관련
1 개요
- HTML은 웹브라우저마다 지원하는 태그가 조금씩 다르며, 같은 태그라도 작동하는 방법이 다르다. 하지만 대체로 비슷한 태그를 지원한다. 나무위키에서도 쓸 수 있지만 그냥 쓰면 안 먹히니 나무위키:편집 도움말을 참조.
- 태그 목록
2 기본 구조
span style="color: #0000CC"html/spanspan style="color: #007700">
- 위의 DTD를 제외한 전체를 이 태그로 둘러싼다.
- : HTML 문서의 속성을 지정하기 위한 태그이다. 이 태그 안에 타이틀이나 메타 태그 등을 넣는다.
- : HTML 문서의 본 모양을 나타내기 위한 태그이다. 표시될 문서의 레이아웃을 이 태그 안에 넣으면 된다. 속성으로 background=배경그림, bgcolor=배경색, text=글자색, link=링크색, vlink=방문링크색, alink=활성링크색 이렇게 6가지가 있었으나 [[CSS]]가 도입되면서부터 굳이 body 태그에 직접 속성을 지정해야 할 이유가 사라졌고 HTML5에서부터 지원하지 않게 되었다. 예를 들어, HTML 4.01 시절엔 body 태그를 다음과 같은 형식으로 쓸 수 있었다.
- 이렇게 쓰면 배경색은 핑크, 글자색은 파랑, 링크색은 진분홍, 방문링크색은 보라, 활성링크색은 자주색으로 표시된다. 하지만 HTML5에서는 이렇게 지정하는 것을 지원하지 않기 때문에 다음과 같이 CSS로 대체해야 한다.
- <title> : HTML의 제목을 선언하는 태그.
- <meta> : HTML의 부가 정보를 선언하는 태그.
- <charset> : 인코딩을 선언하는 태그로 HTML5에서 추가되었다. 이전까지는 <meta> 태그로 선언했었다.
- <link> : 별도의 CSS 선언 파일, 파비콘[1] 등을 연결하는 태그.
- <h>: 제목(heading)을 표시할 때 사용된다.
4 이 가장 크고
이 가장 작다. 크기는 브라우저마다 표시하는 방법이 달라 다르게 나타날 수 있다. CSS를 쓰면 크기, 색상, 폰트 등을 변경할 수 있다.</li></ul>
1단계
1단계
2단계
3단계
4단계
5단계
6단계
2단계
3단계
4단계
5단계
6단계-
: 새 문단(paragraph)을 연다.
로 닫는다. 극초창기에는 닫는 태그가 없고 단순히 문단을 구분하는 역할만 했는데 HTML 2.0에서 닫는 태그가 추가되어 문단을 묶어주는 역할을 하게 되었다. 이 태그를 쓸 경우 기본적으로 문단 하단에 약 1줄 가량의 빈 공간이 생기기 때문에
을 선호하는 경우가 많은데, 문단이라면태그로 묶어주는 것이 올바른 사용법이다. 빈 공간은 CSS를 지정해서 없앨 수 있다.</li></ul>
2015년 4월 17일에 만들어진 한국어 위키위키. 리그베다 위키의 포크사이트로 시작했다. 리그베다 위키는 2015년 4월 약관 개정, 사유화 및 영리화 논란으로 인해 홍역을 앓았으며, 급기야 4월 17일에는 해킹을 당하여 데이터가 4월 15일로 롤백 되고 편집이 모두 막히는 초유의 사태가 일어났다.
2015년 4월 17일에 만들어진 한국어 위키위키. 리그베다 위키의 포크사이트로 시작했다.
리그베다 위키는 2015년 4월 약관 개정, 사유화 및 영리화 논란으로 인해 홍역을 앓았으며, 급기야 4월 17일에는 해킹을 당하여 데이터가 4월 15일로 롤백 되고 편집이 모두 막히는 초유의 사태가 일어났다.
- : 두껍게(bold) 효과를 준다. 그러나 HTML 4.01부터 비권장 태그로 들어갔는데, 이 이유는 이 태그가 비주얼적인 효과를 주기 위한 태그라 비권장으로 지정된 것. 강조의 의미를 줄 때는 태그로 대체하고 그 이외에는 CSS의 font-weight: bold; 속성으로 쓸 것을 권장하고 있다.[2] 하지만 HTML5에서 보다 약한 의미의 강조로 다시 복귀했다.</li></ul>
- : 텍스트를 기울임꼴(italic)로 표시한다. 기술 용어, 외국어, 일반적으로 기울임꼴로 사용되는 용어 등을 강조한다.
굵게 표시합니다. 기울임꼴로 표시됩니다.
굵게 표시합니다.
기울임꼴로 표시됩니다.
/div>- : 포함된 텍스트를 강하게 강조할 때 사용한다.</li></ul>
- : 보다 약한 강조를 나타낼 때 사용한다.
강하게 강조합니다. 약하게 강조합니다.
강하게 강조합니다.
약하게 강조합니다.- : 문서에 삽입(insert)된 텍스트를 표시한다.</li></ul>
: 문서에서 삭제(delete)된 텍스트를 표시한다.당신이 생각하는 그거다
밑줄이 표시됩니다.
취소선이 표시됩니다.
밑줄이 표시됩니다.취소선이 표시됩니다.- : 텍스트를 위첨자(superscript)로 표시한다.</li></ul>
- : 텍스트를 아래첨자(subscript)로 표시한다.
E=MC2 H2O는 산소. 물은 O2아니냐? 문과출신인 나도 알고있음
E=MC2
H2O는 산소. 물은 O2아니냐? 문과출신인 나도 알고있음-
: 문단 내 줄바꿈(line break). 강제개행을 하는 태그이다. 문단의 흐름을 해치기 때문에 권장되는 태그는 아니다.
: 가로줄(horizontal rule)을 넣는다.
,
같은 태그는 닫는 태그 없이 하나만으로 작동하는 태그이다. 이런 태그는 닫는 태그 대신 슬래시를 쓴다.
2015년 4월 17일에 만들어진 한국어 위키위키.
2015년 4월 17일에 만들어진 한국어 위키위키.
리그베다 위키의 포크사이트로 시작했다.
리그베다 위키는 2015년 4월 약관 개정, 사유화 및 영리화 논란으로 인해 홍역을 앓았으며,급기야 4월 17일에는 해킹을 당하여 데이터가 4월 15일로 롤백 되고 편집이 모두 막히는 초유의 사태가 일어났다.
목록 관련
-
- : 순서 없는 목록(unordered list)을 표시한다.
- : 목록에서 각 항목(list item)은
- 와
사이에 넣는다.
- 나무위키의 문서는 독자를 위한 문서여야 합니다.
- 나무위키의 문서는 독자에게 정보를 제공해야 합니다.
- 나무위키의 문서는 독자에게 재미를 제공해야 합니다.
-
- : 순서 있는 목록(ordered list)을 표시한다.
</ul>
- 태그를 쓴다.
- 태그 사이에 글자를 쓴다.
- ??????
- PROFIT!!
- 와 사이에 또 목록을 넣으면 하위 목록도 가능하다.
- 첫 번째
- 두 번째
- 두 번째 속 첫 번째
- 두 번째 속 두 번째
- 세 번째
- <a>: 하이퍼링크를 생성하는 태그이다. href 속성을 써서 <a href="링크할 페이지">내용</a>와 같이 작성한다.
-
: 페이지에 이미지를 추가하는 태그이다.
- src: 이미지파일의 경로를 지정한다.
- alt: 이미지를 볼 수 없는 경우에 이미지에 대한 설명을 제공한다.[3]
- title: 이미지에 대한 추가 정보를 제공한다. 세피로트 이미지에 마우스를 갖다대면 말풍선으로 뜨는 것을 확인할 수 있다.
- height, width: 이미지의 세로, 가로폭을 지정한다.
4.1 링크, 이미지 관련
나무위키:대문"200"px4.2 테이블 관련
- : 두껍게(bold) 효과를 준다. 그러나 HTML 4.01부터 비권장 태그로 들어갔는데, 이 이유는 이 태그가 비주얼적인 효과를 주기 위한 태그라 비권장으로 지정된 것. 강조의 의미를 줄 때는 태그로 대체하고 그 이외에는 CSS의 font-weight: bold; 속성으로 쓸 것을 권장하고 있다.[2] 하지만 HTML5에서 보다 약한 의미의 강조로 다시 복귀했다.</li></ul>
-
body {
background-color: pink;
color: navy;
}
a:link {
color: #ff0055;
}
a:visited {
color: #5500ff;
}
a:active {
color: #ff00ff;
}
