사이먼킹: 두 판 사이의 차이

2020년 9월 20일 (일) 16:16 판

표 제목		표 제목
예시1	예시2	예시3
	예시5
	예시6	예시7

스타일 적용

표 제목		표 제목
예시1	예시2	예시3
	예시5
	예시6	예시7

접기·펼치기를 눌러 주세요.

__Top__

테스트

가봉 한국

Span 태그사용 가봉

Div태그사용

가봉

테이블에 설정

가봉

♥♥

CSS란

(HTML과 CSS의 차이, CSS 작성법)

https://aboooks.tistory.com/49

CSS / CSS를 HTML에 적용시키는 방법 https://www.codingfactory.net/10529 JohnDoe 2020-08-09 03:03:27 미디어 위키 표만들기 도움말 https://www.mediawiki.org/wiki/Help:Tables

♥

역링크 목록확인 이 문서를 링크하고 있다면

ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ■[[1]]ㅡ사용 이미지 파일메뉴

■[2] ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ

이 문단 수정하기. 내용을 추가해 주세요.

텍스트 속성 : 단어위주로 넘어감

word-break: keep-all;

글크기=10854 {{#expr:10854>2000 Rlakk00 710님

A 태그속성으로 링크색상이 바뀌는데, decoration:none; 사용하면 색상변경없아짐

caption= 으로 제목을, widths= 로 너비를, heights= 로 높이를, perrow={integer} sets the number of images per row. showfilename={anything} mode="packed-hover" 마진 줄임 mode="slideshow" mode="traditional" mode="nolines" mode="packed"

gallery

설명1 설명2

제목을 달아요
페루 국기.jpg 설명1
독일 국기.jpg 설명2
필리핀 국기.jpg 설명3
미국 국기.jpg 설명4
북한 국기.png 얘미나이레

설명1
설명2
설명3
설명4
얘미나이레

max-width: 900px

표 제목	표 제목

파일:파노라마 사진.jpg	파일:파노라마 사진2.jpg

table collapse Test

mw-collapsible

표 제목	표 제목
아니오
아니오	예

mw-collapsible mw-autocollapse

표 제목	표 제목
예	아니오 예시

mw-collapsible mw-nono

caption title
표 제목	표 제목
아니오	노노

mw-collapsible mw-collapsed

여기를 제목으로 써야지
아니오	no라고
아니오	노노

Old

미국 right

국기 누르면 가봉문서 연결 중국

HTML5 글자태그

i-(italic의 약자) 기울어짐 Hello i태그

b(-bold의 약자)b 태그 굵게표시 Hello

em-(emphasize의 약자) 글자를 기울어서 강조시킴 Hello em태그

strong- 글자를 기울고 굵게함 Hello strong

small - 글자를 작게함 Hello

sub - (subscript)아래첨자 _{Hello 아랫첨자}

sup - (superscript)윗첨자 ^{Hello sup윗첨자}

ins- 밑줄글자. 내용의 추가를 나타냄 del- 취소선글자. 내용의 삭제를 나타냄

mark 내용을 마크펜으로 칠한것처럼 강조해줌 Hello 마크펜

p태그 (paragraph:문단) 태그내용을 하나의 문단으로 표시해줌(앞과 뒤의 줄바꿈이 자동으로 일어남)
Hell<p>ow</p>
Hell

ow

(break) br ㅡ 줄 바꿈 안녕하
십니까

hr/ - (horizontal rule) hr 수평줄 config.php에 $hr_type='fancy';라고 하면 가로선의 굵기가 지원됩니다.

우리나라조은나라
수평줄다음에 우리나라

틀hr

빼기줄 4개로 hr 기능 않됨

ㅡㅡㅡㅡㅡㅡㅡㅡㅡ

cite 챕터

— > 테스트중입미다ㅡcite tag

 3개의 2레벨 제목을

1 틀 등록방법

입력


 cord p 태그 ㅡ 집에 돌아가면, 학수고대하던 간식을 먹을 수 있었다. 일이 없어서 컴퓨터를 켜서 이 웹 일기를 적고 있다. 
오늘은 전에 샀던 자료도 참고해서 위키백과에 항목을 하나 올려보고자 한다. 일단 몇시간 소요될려나...

출력

오늘은 전에 샀던 자료도 참고해서 위키백과에 항목을 하나 올려보고자 한다. 일단 몇시간 소요될려나...

ㅡ 집에 돌아가면, 학수고대하던 간식을 먹을 수 있었다. 일이 없어서 컴퓨터를 켜서 이 웹 일기를 적고 있다.

ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ REVISIONSIZE - 10854 <1000 토막글

NAMESPACE - 사용자

BASEPAGENAME - Rlakk00 710

SUBPAGENAME - Rlakk00 710

3 특수기능

{{REVISIONSIZE}} REVISIONSIZE

10854 REVISIONSIZE

{{#ifexpr:{{REVISIONSIZE}}<1000|이 글은 토막글입니다.|이 글은 토막글이 아닙니다.}}

{{#ifexpr:10854<1000|이 글은 토막글입니다.|이 글은 토막글이 아닙니다.}} REVISIONSIZE

{{#ifeq:{{NAMESPACE}}|틀|{{#ifeq:{{BASEPAGENAME}}|{{SUBPAGENAME}} }} -

{{#ifeq:사용자|틀|{{#ifeq:Rlakk00 710|Rlakk00 710 }} - NAMESPACE BASEPAGENAME SUBPAGENAME

#TOP

blockquote

인용문을 표현할 때 사용하는 박스. 표와 달리 내부에 목록을 비롯한 다른 명령어 사용이 가능하다.

<quote="인용대상">인용 구문</quote>

인용문1

그의 이웃 여인들이 그에게 이름을 지어 주되 나오미에게 아들이 태어났다 하여 그의 이름을 오벳이라 하였는데 그는 다윗의 아버지인 이새의 아버지였더라

― 룻기 4장 13절~17절

인용문2

그의 이웃 여인들이 그에게 이름을 지어 주되 나오미에게 아들이 태어났다 하여 그의 이름을 오벳이라 하였는데 그는 다윗의 아버지인 이새의 아버지였더라

― 룻기 4장 13절~17절

인용1

“

그의 이웃 여인들이 그에게 이름을 지어 주되 나오미에게 아들이 태어났다 하여 그의 이름을 오벳이라 하였는데 그는 다윗의 아버지인 이새의 아버지였더라

― 룻기 4장 13절~17절

”

인용2

그의 이웃 여인들이 그에게 이름을 지어 주되 나오미에게 아들이 태어났다 하여 그의 이름을 오벳이라 하였는데 그는 다윗의 아버지인 이새의 아버지였더라

― 룻기 4장 13절~17절

516 ♥NUMBEROFUSERS

ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ  ㅡ

2024,2024 - (한국시간 기준) LOCALYEAR 지역년

06, 06 - (한국시간 기준) LOCALMONTH 지역월, 뒤에 2를 붙이면 강제로 두 자리 숫자로 표현됩니다.

6월, {{지역월이름}] - (한국시간) LOCALMONTHNAME 지역월이름. 한국어의 경우는 숫자+월 표시로 간단하게 표현됩니다.

26, 26 (한국시간) LOCALDAY 지역일. 역시 뒤에 2를 붙이면 강제로 두 자리 숫자로 표현됩니다.

수요일, 수요일 (LOCALDAYNAME 지역요일) 이름을 출력합니다.

예시 : 2024년 6월 26일, 수요일. 입력

특수기능2

16,244, 문서수

16,244 문서 숫자

36,446 모든문서수

36,446 틀,파일을 포함한 문서수

146,199 편집한 모든 횟수

516, 사용자수

516 현재 사용자 숫자

0 활동적인 사용자 숫자를 보여줍니다

@@ 1번째 줄: / 1번째 줄: @@
-==이미지 간격==
+{| class="wikitable" width=100%
-border 테이블에 설정
+|-
-<table style="background:gray; border:2px solid red;">
+!colspan=2 style="background:#d0e8e8;"| 표 제목 !!style="background:#d0e8e8;" | 표 제목
-<tr><td style="background:gray; border:2px solid green; margin:0px; padding:0px; border-collapse; display:block;">[[파일:오스트레일리아 국기.jpg|200px]]</td></tr>
+|-
-<tr><td style="background:gray; border:2px solid yellow;>test</td></tr>
+| rowspan=3 style="background:yellow; vertical-align:top; text-align:center" | 예시1 || 예시2 ||예시3
-</table>
+|-
+| colspan=2 style="background:lightgreen; text-align:center;"  | 예시5
+|-
+| 예시6 || 예시7
+|}
+스타일 적용
+{| class="wikitable" {{스타일|w=100%}}
+|-
+! colspan="2" {{스타일|co=2|b=#d0d0e8}} | 표 제목 !! {{스타일|b=#d0e8e8}} | 표 제목
+|-
+| rowspan="3" {{스타일|ro=3|b=yellow|v=top|a=center}} | 예시1 || 예시2 ||예시3
+|-
+| colspan="2" {{스타일|co=2|b=lightgreen|a=center}} | 예시5
+|-
+| 예시6 || 예시7
+|}
-Hr line테스트
-셀에 border설정
-<table style="width:100%;>
-<tr><td style=" border:1px solid green;border-top:1px solid gray; margin:0px; padding:1px; display:block;"></td></tr></table>
-Hr line테스트
 {{접기}}
+__Top__
+==테스트==
+<span style=" border:1px solid silver; margin:0px; padding:0px; display: inline-block; ">[[파일:가봉 국기.jpg|26px]]</span> [[가봉]] <span style=" border:1px solid silver; margin:0px; padding:0px; display: inline-block; ">[[파일:대한민국 국기.jpg|26px]]</span> [[한국]]
+Span 태그사용
+<span style=" border:1px solid silver; margin:0px; padding:0px; display: inline-block; ">[[파일:가봉 국기.jpg|26px]]</span> [[가봉]]
+Div태그사용
+<div style=" border:1px solid silver; margin:0px; padding:0px; display: inline; ">[[파일:가봉 국기.jpg|26px]]</div> [[가봉]]
+테이블에 설정
+<Span style="display:inline; "><table>
+<tr><td style=" border:1px solid red; margin:0px; padding:0px; border-collapse; display:block; display:inline; ">[[파일:가봉 국기.jpg|26px]]</td><td>[[가봉]]</td></tr>
+</table></Span>♥♥
 ==CSS란==
@@ 32번째 줄: / 62번째 줄: @@
 ■[[https://www.unamwiki.org/w/index.php?title=%EC%82%AC%EC%9A%A9%EC%9E%90:Rlakk00_710#filelinks]]ㅡ사용 이미지 파일메뉴
-■[{{fullurl:{{PAGENAME}}#filelinks]
+■[{{fullurl:{{PAGENAME}}#filelinks}}]
 ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ  ㅡ
 <onlyinclude><div style="font-size: 9pt;">이 문단 수정하기. [{{fullurl:{{PAGENAME}}|action=edit&section={{{문단|{{{section|}}}}}}}} 내용을 추가해 주세요.]</div></onlyinclude>
@@ 146번째 줄: / 176번째 줄: @@
 ==Old==
-# <div style="vertical-valign: middle; text-align: right;">{{미국 국기}}[[미국]] right </div>
+<div style="vertical-valign: middle; text-align: right;">{{미국 국기}}[[미국]] right </div>
-# [[파일:가봉 국기.jpg|24px|링크=가봉]] 국기 누르면 가봉문서 연결
+[[파일:가봉 국기.jpg|24px|링크=가봉]] 국기 누르면 가봉문서 연결
-# {{중국 국기}}[[중국]]
+{{중국 국기}}[[중국]]
-{| class="wikitable" style= "border:1px solid red;" width="100%"
-|-
-|태스트 ||□□□
-|-
-| style= "border:1px solid blie; background-color:gold; "| 표 제목 || 표 제목
-|-
-|태스트 ||□□□
-|-
-| style= "border:1px solid red; background:#fdd; "| 예시 || 예시
-|-
-|태스트 ||□□□
-|-
-| style= "border:1px solid grey; background:gold; "| 예시 || 예시
-|-
-| style= "border:1px solid red; background:#fcc; "| 예시 || 예시
-|}
 ==HTML5 글자태그==
@@ 196번째 줄: / 211번째 줄: @@
 ins- 밑줄글자. 내용의 추가를 나타냄
 del- 취소선글자. 내용의 삭제를 나타냄
-<del>Hlleo 취소선글자</del>
-<ins>Hello 밑줄글자</ins>
 mark 내용을 마크펜으로 칠한것처럼 강조해줌
@@ 264번째 줄: / 276번째 줄: @@
 {{#ifeq:{{NAMESPACE}}|틀|{{#ifeq:{{BASEPAGENAME}}|{{SUBPAGENAME}} }}  - NAMESPACE BASEPAGENAME SUBPAGENAME
-__TOC__
 [[#TOP]]
@@ 288번째 줄: / 298번째 줄: @@
 </googlemap3>
-둘다 인요 출처 뵤시안됨<br>
+인용문1
+{{인용문|그의 이웃 여인들이 그에게 이름을 지어 주되 나오미에게 아들이 태어났다 하여 그의 이름을 오벳이라 하였는데 그는 [[다윗]]의 아버지인 이새의 아버지였더라|룻기 4장 13절~17절}}
+인용문2
 {{인용문|그의 이웃 여인들이 그에게 이름을 지어 주되 나오미에게 아들이 태어났다 하여 그의 이름을 오벳이라 하였는데 그는 [[다윗]]의 아버지인 이새의 아버지였더라|룻기 4장 13절~17절}}
-{{인용문|룻기 4장 13절~17절}}
-{{연습장|그의 이웃 여인들이 그에게 이름을 지어 주되 나오미에게 아들이 태어났다 하여 그의 이름을 오벳이라 하였는데 그는 [[다윗]]의 아버지인 이새의 아버지였더라 |룻기 4장 13절~17절}}
+인용1
+{{인용|그의 이웃 여인들이 그에게 이름을 지어 주되 나오미에게 아들이 태어났다 하여 그의 이름을 오벳이라 하였는데 그는 [[다윗]]의 아버지인 이새의 아버지였더라|룻기 4장 13절~17절}}
+인용2
+{{인용2|그의 이웃 여인들이 그에게 이름을 지어 주되 나오미에게 아들이 태어났다 하여 그의 이름을 오벳이라 하였는데 그는 [[다윗]]의 아버지인 이새의 아버지였더라|룻기 4장 13절~17절}}
 {{NUMBEROFUSERS}} ♥NUMBEROFUSERS