|
|
(같은 사용자의 중간 판 154개는 보이지 않습니다) |
1번째 줄: |
1번째 줄: |
| [[분류:김찬/연습장]]
| | {{namucat|DISPLAYTITLE=김찬 연습장|김찬/연습장}}{{css|김찬}}{{댓글 금지}} |
| {{상위 문서2|김찬}}<br> | | {{하위 문서2|메모|낙서|노트|연구|팁|공부|모듈}} |
| {{하위 문서2|메모|낙서}} | |
| {{김찬}} | | {{김찬}} |
| {{목차}} | | {{김찬 연습장}} |
| == 빈칸 ==
| | {{MT|align=center|style=border: 2px solid black; text-align: center;}} |
| | |
| == 메모 ==
| |
| {{수평줄 꾸미기|가운데=미국문학개관}} | |
| {{fontsize|14|Jamestown Colony}}
| |
| * 현재의 버지니아주(1607)
| |
| * 최초의 영구 식민지(First Permanent English Settlement in North America)
| |
| * The Virginia Company of London
| |
| * 당시 영국 왕(제임스 1세)의 이름을 땀
| |
| * charter; 특허장(왕의 인정)
| |
| * ''Susan Constant'', ''Godspeed'', ''Discovery'' 104 men and boys
| |
| ----
| |
| {{fontsize|14|Pocahontas}}(1596~1617)
| |
| * 존 롤프와 결혼한 아메리카 원주민
| |
| * Powhatan Tribe; 제임스타운에 거주하던 원주민
| |
| * 디즈니 애니메이션 영화로 제작됨
| |
| **역사적 오류: 존 스미스와 결혼
| |
| ----
| |
| {{fontsize|14|Plymouth}}
| |
| * 메사추세츠주 동남부
| |
| * 1620년 뉴잉글랜드 식민지
| |
| * 최초의 유럽인 영구 정착지
| |
| * 영국 국교회 반대자들
| |
| * Pilgrim
| |
| * 영국에도 동명의 지역 존재
| |
| * 메이플라워호 항해
| |
| * 11월 도착 12월 26일 요새 건설
| |
| ----
| |
| {{fontsize|14|Mayflower}}
| |
| * 1620년 102명을 메사추세츠주 플리머스까지 수송
| |
| * the Pilgrims (pilgrim; 순례자)
| |
| * 102명 중 35명만이 청교도인(Puritans)
| |
| * 종교적 박해 피해 신앙의 자유
| |
| * 메이플라워 서약(The Mayflower Compact); 민주주의의 기초가 됨
| |
| * 1620 9월 16일~1620년 11월 21일
| |
| * 영국 플리머스 출발 → 미국 플리머스 도착
| |
| * the Pilgrim Fathers
| |
| ----
| |
| {{fontsize|14|13 Colonies}}
| |
| * 영국에게 식민 지배를 받은 미국의 13개 주(1607~1775)
| |
| * 뉴햄프셔, 메사추세츠, 로드아일랜드, 코네티컷, 뉴욕, 뉴저지, 펜실베이니아, 델라웨어, 메릴랜드, 버지니아, 노스캐롤라이나, 사우스캐롤라이나, 조지아
| |
| * 땅이 작은 주도 포함
| |
| * 북동부/남동부 → 동부 지역부터 개척
| |
| * 미국 국기(Star and Stripes)의 줄무늬 개수로 표현됨(별 개수가 바뀌어도 동일)
| |
| ** 별 개수는 현재의 주 개수(주가 바뀔 때마다 별 개수가 바뀜)
| |
| ----
| |
| {{fontsize|14|Boston Tea Party}}
| |
| * 미국식 표현(바닷물에 차를 타 먹음)
| |
| * 영국의 재정난 해결 위해 미국에 과세
| |
| * 차(tea)에도 부과
| |
| * 원주민으로 위장 → 보스턴 항구에서 차를 바다에 던져버림
| |
| * 16억 원 정도 손해
| |
| * 동인도 회사 큰 타격
| |
| * 이를 계기로 뉴아일랜드에서 비슷한 사건 발생
| |
| * 미국 독립 전쟁의 불씨가 된 사건
| |
| ----
| |
| {{fontsize|14|1776}}
| |
| * 미국의 독립 기념일(7월 4일)
| |
| * 1775년부터 1783년
| |
| * 7월 2일 독립선언문 작성, 7월 4일 발표
| |
| * 필라델피아 대륙 회의
| |
| * 1783년 9월 4일 파리 조약으로 독립국 인정
| |
| * 벤자민 프랭클린 등 → 미국 건국의 아버지
| |
| ----
| |
| {{fontsize|14|American Revolutionary War}}
| |
| * 미국 독립 전쟁
| |
| * 영국과의 식민지 갈등으로 발발
| |
| * 1775년 4월 19일부터 1983년 9월 4일까지
| |
| * 조지 워싱턴 미국 초대 대통령
| |
| ----
| |
| {{fontsize|14|George Washington}}
| |
| * 미국의 초대 대통령
| |
| * 독립 전쟁에서 총사령관으로 활약
| |
| * 미국 건국의 아버지
| |
| * 세계 최초의 대통령
| |
| * 2번의 임기
| |
| * 장기 집권 시 독재 우려
| |
| * 미국 민주주의의 좋은 관습 마련
| |
| {{구분선2|black}}
| |
| * Benjamin's virtues with their precepts
| |
| # '''Temperance'''<br>Eat not to dullness; drink not to elevation.
| |
| # '''Silence'''<br>Speak not but what may benefit others or yourself; avoid trifling conversation.
| |
| # '''Order'''<br>Let all your things have their places; let each part of your business have its time.
| |
| # '''Resolution'''<br>Resolve to perform what you ought; perform without fail what you resolve.
| |
| # '''Frugality'''<br>Make no expense but to do good to others or yourself; ''i. e.'', waste nothing.
| |
| # '''Industry'''<br>Lose no time; be always employ'd in something useful; cut off all unnecessary actions.
| |
| # '''Sincerity'''<br>Use no hurtful deceit; think innocently and justly; and, if you speak, speak accordingly.
| |
| # '''Justice'''<br>Wrong none by doing injuries, or omitting the benefits that are your duty.
| |
| # '''Moderation'''<br>Avoid extreams; forbear resenting injuries so much as you think they deserve.
| |
| # '''Cleanliness'''<br>Tolerate no uncleanliness in body, clothes, or habitation.
| |
| # '''Tranquility'''<br>Be not disturbed at trifles, or at accidents common or unavoidable.
| |
| # '''Chasitity'''<br>Rarely use venery but for health or offspring, never to dullness, weakness, or the injury of your own ot another's peace or reputation.
| |
| # '''Humility'''<br>Imitate Jesus and Socrates.
| |
| {|class="wikitable" style="width: 300px; border: 2px solid #e1e8ed; text-align: center;"
| |
| |- | | |- |
| |colspan="8"|TEMPERANCE
| | !style="background: black;"|{{c|white|빈칸 편집 바로가기}} |
| |- | | |- |
| |colspan="8"|EAT NOT TO DULLNESS<br>DRINK NOT TO ELEVATION. | | |<span class="plainlinks" title="빈칸 편집 바로가기">[https://jwiki.kr/wiki/index.php?title=연습장:Kimchan&action=edit§ion=1 <div style="display: inline-block;">이 구간은 문법 연습 등의 목적으로 사용됩니다.</div>]</span> |
| |-
| | {{MT끝}} |
| |
| | == 빈칸 == |
| |S.
| | <div style="display: none;">{{namucat|DISPLAYTITLE=김찬 연습장}}{{css|김찬}}</div> |
| |M.
| |
| |T.
| |
| |W.
| |
| |T.
| |
| |F.
| |
| |S.
| |
| |-
| |
| |T.
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |-
| |
| |S.
| |
| |*
| |
| |*
| |
| |
| |
| |*
| |
| |
| |
| |*
| |
| |
| |
| |-
| |
| |Q.
| |
| |**
| |
| |*
| |
| |*
| |
| |
| |
| |*
| |
| |*
| |
| |*
| |
| |-
| |
| |R.
| |
| |
| |
| |
| |
| |*
| |
| |
| |
| |
| |
| |*
| |
| |
| |
| |-
| |
| |F.
| |
| |
| |
| |*
| |
| |
| |
| |
| |
| |*
| |
| |
| |
| |
| |
| |-
| |
| |I.
| |
| |
| |
| |
| |
| |*
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |-
| |
| |S.
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |-
| |
| |J.
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |-
| |
| |M.
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |-
| |
| |C.
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |-
| |
| |T.
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |-
| |
| |C.
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |-
| |
| |H.
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |-
| |
| |J.
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |}
| |
| {{수평줄 꾸미기|가운데=영어음성음운론}}
| |
| {|class="wikitable" style="text-align: center;"
| |
| |+No. of letters {{color|blue|{{=}}}} No. of sounds
| |
| |-
| |
| !Words
| |
| !No. of letters
| |
| !No. of sounds
| |
| |-
| |
| |pan||{{color|blue|3}}||{{color|blue|3}}
| |
| |-
| |
| |form||{{color|blue|4}}||{{color|blue|4}}
| |
| |-
| |
| |print||{{color|blue|5}}||{{color|blue|5}}
| |
| |-
| |
| |spirit||{{color|blue|6}}||{{color|blue|6}}
| |
| |}
| |
| {|class="wikitable" style="text-align: center;"
| |
| |+No. of letters {{color|red|≠}} No. of sounds
| |
| |-
| |
| !Words
| |
| !No. of letters
| |
| !No. of sounds
| |
| |-
| |
| |though||6||{{color|red|2}}
| |
| |-
| |
| |choose||6||{{color|red|3}}
| |
| |-
| |
| |awesome||7||{{color|red|4}}
| |
| |}
| |
| {|class="wikitable" style="text-align: center;"
| |
| |+IPA Symbols
| |
| |-
| |
| !rowspan="2"|Phonetic Symbols
| |
| !colspan="3"|Word Positions
| |
| |-
| |
| !rowspan="2"|Initial
| |
| !rowspan="2"|Medial
| |
| !rowspan="2"|Final
| |
| |-
| |
| !Consonants
| |
| |-
| |
| |p
| |
| |''p''ack||su''p''er||ma''p''
| |
| |-
| |
| |b
| |
| |''b''ed||ru''bb''er||ro''b''
| |
| |-
| |
| |t
| |
| |''t''ea||a''tt''ack||grea''t''
| |
| |-
| |
| |d
| |
| |''d''ate||a''d''ore||goo''d''
| |
| |-
| |
| |k
| |
| |''c''atch||pi''ck''ing||loo''k''
| |
| |-
| |
| |g
| |
| |''g''ate||do''gg''y||ba''g''
| |
| |-
| |
| |f
| |
| |''f''at||co''ff''ee||loa''f''
| |
| |-
| |
| |v
| |
| |''v''ery||mo''v''ing||do''v''e
| |
| |-
| |
| |θ
| |
| |''th''in||ru''th''less||dea''th''
| |
| |-
| |
| |colspan="4"|{{div|style=transform: rotate(90deg);|내용=…}}
| |
| |}
| |
| ----
| |
| {{fontsize|14|Place of Articulation}}
| |
| | |
| * {{color|#8080ff|'''Bilabial'''}} – the two lips come together, /p, b, m/ as in ''pay'', ''bay'', and ''may''
| |
| | |
| * {{color|#8080ff|'''Labio-dental'''}} – articulated by the lower lip and the upper teeth, /f, v/ as in ''feel'' and ''veal''
| |
| | |
| * {{color|#8080ff|'''Interdental'''}} – articulated by placing the tip or blade of the tongue between the upper and lower front teeth, /θ, ð/ as in ''thin'' and ''that''
| |
| | |
| * {{color|#8080ff|'''Alveolar'''}} – articulated with the tip or blade of the tongue against or close to the alveolar ridge, /t, d, s, z, n, l/ as in ''tip'', ''dip'', ''sip'', ''zip'', ''nip'', and ''lip''
| |
| | |
| * {{color|#8080ff|'''Palato-alveolar'''}} – articulated with the blade of the tongue raised towards or touching the back of the alveolar ridge, /ʃ, ʒ, ʧ, ʤ/ as in ''fish'', ''garage'', ''rich'', and ''ridge''
| |
| | |
| * {{color|#8080ff|'''Retroflex'''}} – articulated with curling the tip of the tongue up and back toward the back of alveolar ridge, /ɹ/ (the r ̣ -sound in American English) ''the alveolar /l/ laminal''.
| |
| | |
| * {{color|#8080ff|'''Palatal'''}} – articulated with the front of the tongue against the hard palate, /j/ as in ''yes''
| |
| | |
| * {{color|#8080ff|'''Velar'''}} – articulated with the back of the tongue against the soft palate, /k, g, ŋ/ as in ''back'', ''bag'', and ''sing''
| |
| | |
| * {{color|#8080ff|'''Glottal'''}} – sounds formed at the glottis, /h/ as in home and the glottal stop /ʔ/
| |
| | |
| * '''Labio-veolar''' – the consonant /w/ pronounced with simultaneous bilabial and velar
| |
| | |
| {{구분선2|black}}
| |
| | |
| {|class="wikitable" style="text-align: center;"
| |
| |+{{color|orange|Stop}}
| |
| |-
| |
| !colspan="3"|English oral stops (= plosives) (velum raised)
| |
| |-
| |
| |
| |
| |voiceless
| |
| |voiced
| |
| |-
| |
| |Bilabial
| |
| |p
| |
| |b
| |
| |-
| |
| |Alveolar
| |
| |t
| |
| |d
| |
| |-
| |
| |Velar
| |
| |k
| |
| |g
| |
| |-
| |
| !colspan="3"|English nasal stops (velum lowered)=
| |
| |-
| |
| |Bilabial
| |
| |
| |
| |m
| |
| |-
| |
| |Alveolar
| |
| |
| |
| |n
| |
| |-
| |
| |Velar
| |
| |
| |
| |ŋ
| |
| |}
| |
| {|class="wikitable" style="text-align: center;"
| |
| |+{{color|orange|Fricative}}
| |
| |-
| |
| !colspan="3"|produced by forcing air through a narrow oral passage,<br>thus making frication noise ("hissing" sound)
| |
| |-
| |
| |
| |
| |voiceless
| |
| |voiced
| |
| |-
| |
| |Labio-dental
| |
| |f
| |
| |v
| |
| |-
| |
| |Interdental
| |
| |θ
| |
| |ð
| |
| |-
| |
| |Alveolar
| |
| |s
| |
| |z
| |
| |-
| |
| |Palato-alveolar
| |
| |ʃ
| |
| |ʒ
| |
| |-
| |
| |Glottal
| |
| |h
| |
| |
| |
| |}
| |
| | |
| == 틀 ==
| |
| === 유용한/자주 사용하는 틀 ===
| |
| * [[틀:목차]]/[[틀:목차제거]]
| |
| * [[틀:각주]]
| |
| * [[틀:color]]
| |
| * [[틀:글씨 크기]]=[[틀:fontsize]]
| |
| * [[틀:폰트]]
| |
| * [[틀:글 숨김]]/[[틀:글 숨김 끝]]
| |
| * [[틀:틀 링크2]]
| |
| * [[틀:인용문1]]
| |
| * [[틀:인용문3]]
| |
| * [[틀:구분선2]]
| |
| * [[틀:글씨 테두리]]=[[틀:border]]
| |
| * [[틀:네온 글씨]]=[[틀:neon]]
| |
| * [[틀:이미지 넣기]]=[[틀:image]]
| |
| * [[틀:비공식 설정]]
| |
| * [[틀:세계관 무관]]
| |
| * [[틀:분류 바로가기]]/[[틀:분류앵커]]
| |
| * [[틀:글배경]]
| |
| * [[틀:날수]]
| |
| === [[:분류:김찬/제작한 틀|제작한 틀]] ===
| |
| {{상세 내용2|분류:김찬/제작한 틀}}
| |
| | |
| == 팁 ==
| |
| === 모바일 기기의 화면비를 넘어가는 너비(ex: 600px, 800px)를 가진 테이블을 모바일에서 넘어가지 않도록 대응하는 법 ===
| |
| 간단하다. 테이블의 width 속성을 max-width로 바꾸어 주면 된다. 단 주의할 점은, '''테이블 내부의 콘텐츠가 설정한 max-width만큼이 될 정도로 충분한 분량을 차지하고 있어야 한다.''' 가장 쉬운 파훼법은 테이블 어느 곳에라도 모든 열이 병합된 행에 원본 크기가 큰 이미지를 첨부하면 된다. [[:파일:빈 이미지.png|빈 이미지]]는 그래서 업로드한 것.
| |
| === 이미지에 아무런 링크도 걸지 않았을 때 원본 이미지 보기로 이어지는 자동 링크를 없애는 법 ===
| |
| 이미지의 매개 변수에 link=를 걸고 아무것도 작성하지 않으면 된다. 예를 들어 <span style="font-family: monospace;"><nowiki>[[파일:Seinel Icon.png|30픽셀|link=]]</nowiki></span> 이렇게 입력하면 [[파일:Seinel Icon.png|30픽셀|link=]] 이처럼 이미지 위에 마우스를 올려도 그 어떤 링크는커녕 원본 이미지 보기로 이어지는 자동 링크마저 없다.
| |
| === 순환 링크(문서가 같은 문서를 링크)나 테이블의 헤더 셀에서 강제 볼드체를 없애는 법 ===
| |
| 텍스트를 <nowiki><span></nowiki>으로 묶고 style에서 font-weight를 normal로 하면 된다.
| |
| === 텍스트에 그라데이션을 적용하는 법 ===
| |
| 텍스트를 <nowiki><span></nowiki>으로 묶고 style에서 background로 그라데이션을 적용한 뒤, <span style="font-family: monospace;">-webkit-background-clip: text; color: transparent;</span>를 추가로 입력하면 된다. 전자는 그라데이션의 적용 범위를 텍스트로만 하는 것이고, 후자는 그라데이션이 적용된 배경이 보이도록 하기 위해 텍스트 자체 색상을 투명으로 만든 것이다.
| |
| {|class="wikitable"
| |
| |-
| |
| !입력
| |
| !출력
| |
| |-
| |
| |<nowiki><span style="background: linear-gradient(135deg, red, orange, yellow, green, blue, navy, purple); -webkit-background-clip: text; color: transparent; font-size: 14pt;">'''무지개색 총공격이다!'''</span></nowiki>
| |
| |<span style="background: linear-gradient(135deg, red, orange, yellow, green, blue, navy, purple); -webkit-background-clip: text; color: transparent; font-size: 14pt;">'''무지개색 총공격이다!'''</span>
| |
| |}
| |
| === 하나의 링크 안에 이미지와 텍스트를 함께 넣는 법 ===
| |
| 일반적으로는 하나의 링크 안에 이미지와 텍스트를 함께 넣을 수 없다. 예를 들어 <nowiki>[[제이위키|[[파일:제윜 로고2.svg|60px|link=]] 제이위키]]</nowiki> 이렇게 입력한다고 해도 [[제이위키|[[파일:제윜 로고2.svg|60px|link=]] 제이위키]] 이처럼 링크 자체가 인식되지 못하고 깨져 버린다.
| |
| | |
| 그러나 링크를 제이위키 내부 링크(대괄호 두 개 <span style="font-family: monospace;"><nowiki>[[]]</nowiki></span>)가 아닌 대괄호 한 개, 즉 외부 링크로 사용하면 가능하다. '''단, 이때 파일에 {{폰트|monospace|<nowiki>|link=</nowiki>}}를 넣어서 반드시 원본 파일로 이동하는 링크를 없앨 것.'''
| |
| {|class="wikitable"
| |
| |-
| |
| !입력
| |
| !출력
| |
| |-
| |
| |<nowiki>[https://jwiki.kr/wiki/index.php/제이위키 [[파일:제윜_로고2.svg|60px|link=]] 제이위키]</nowiki>
| |
| |[https://jwiki.kr/wiki/index.php/제이위키 [[파일:제윜 로고2.svg|60px|link=]] 제이위키]
| |
| |}
| |
| 여기서 외부 링크 표시를 숨기는 plainlinks 클래스까지 사용하면
| |
| {|class="wikitable"
| |
| |-
| |
| !입력
| |
| !출력
| |
| |-
| |
| |<nowiki><span class="plainlinks">[https://jwiki.kr/wiki/index.php/제이위키 [[파일:제윜_로고2.svg|60px|link=]] 제이위키]</span></nowiki>
| |
| |rowspan="2"|{{외부링크숨김|https://jwiki.kr/wiki/index.php/제이위키|[[파일:제윜_로고2.svg|60px|link=]] 제이위키}}
| |
| |-
| |
| |<nowiki>{{외부링크숨김|https://jwiki.kr/wiki/index.php/제이위키|[[파일:제윜_로고2.svg|60px|link=]] 제이위키}}</nowiki>
| |
| |}
| |
| 더 완벽하게 사용할 수 있다. 외부 링크를 사용하기 때문에 제이위키 내 문서가 아니라 어떤 링크에도 사용할 수 있고, 제이위키 내 문서로 통하는 링크라면 편집을 저장할 때 뜨는 간단한 덧셈뺄셈이 나오지 않는 것도 장점이라면 장점이다. 단점이라면 마우스를 위에 올렸을 때 나타나는 문서 미리보기나 제목은 뜨지 않고, 문서가 문서 자신을 링크해도 링크가 사라지며 볼드체로 바뀌지 않고 링크 그대로 남아 있다는 것.
| |
| === 외부 링크를 넣은 이미지에 외부 링크 아이콘을 띄우는 법 ===
| |
| {{폰트|monospace|<nowiki>[[파일:유튜브 아이콘.png|20px|link=https://www.youtube.com/]]</nowiki>}} 이렇게 파일 link에 외부 링크를 넣으면 [[파일:유튜브 아이콘.png|20px|link=https://www.youtube.com/]] 외부 링크로 통하는 이미지가 만들어지지만 외부 링크임을 나타내는 아이콘은 나타나지 않는다. 방법은 바로 위 문단과 비슷하다. 외부 링크 자체를 넣고 그 안에 링크를 없앤 이미지를 넣는 것.
| |
|
| |
|
| {|class="wikitable"
| | == 하위 연습장 == |
| |-
| | * [[연습장:Kimchan/메모]]: 자주 쓰는 색깔, 문법, 템플릿 등의 메모 |
| !입력
| | * [[연습장:Kimchan/낙서]]: 문법 활용, 연습, 틀 제작 등 |
| !출력
| | * [[연습장:Kimchan/노트]]: 잡설정 메모, 낙서 등 |
| |-
| | * [[연습장:Kimchan/연구]]: 위키 문법 및 기능과 시스템에 대한 연구 |
| |<nowiki>[https://www.youtube.com/ [[파일:유튜브 아이콘.png|20px|link=]]]</nowiki>
| | * [[연습장:Kimchan/팁]]: 위키 이용 및 편집에 있어 유용한 팁들 |
| |[https://www.youtube.com/ [[파일:유튜브 아이콘.png|20px|link=]]]
| | * [[연습장:Kimchan/공부]]: 대학 공부와 관련된 메모 |
| |}
| | * [[연습장:Kimchan/모듈]]: 루아 연습 및 모듈 테스트 |
| === 링크에 마우스를 올릴 때 뜨는 밑줄 없애는 법 ===
| | * [[틀:김찬 틀 연습장]]: 끼워넣기 등 틀 관련 문법 연습 및 테스트 |
| 색상을 넣듯 링크 안쪽을 <nowiki><div></nowiki>로 묶고 display: inline-block으로 해주면 된다.
| | * [[틀:김찬/styles.css]]: 틀 스타일 연습 및 테스트 |
| | | * [[모듈:kimchan]]: 루아 연습 및 모듈 테스트 |
| {|class="wikitable"
| |
| |-
| |
| !입력
| |
| !출력
| |
| |-
| |
| |<nowiki>[[제이위키|<div style="display: inline-block;">제이위키</div>]]</nowiki>
| |
| |[[제이위키|<div style="display: inline-block;">제이위키</div>]]
| |
| |}
| |
| | |
| 버튼 디자인의 링크를 만들 때 응용하면 좋다.
| |
| | |
| {|class="wikitable"
| |
| |-
| |
| !입력
| |
| |<nowiki>[[제이위키|<div style="display: inline-block; border: 1px solid #e1e8ed; border-radius: 3px; background: #f5f8fa; padding: 0px 2px;">제이위키</div>]]</nowiki>
| |
| |-
| |
| !출력
| |
| |[[제이위키|<div style="display: inline-block; border: 1px solid #e1e8ed; border-radius: 3px; background: #f5f8fa; padding: 10px 12px; color: #373a3c">제이위키</div>]]
| |
| |}
| |
| | |
| 단 테이블 셀 안에서만 유효하고 그외에는 정상 작동하지 않는다. 여기에 <nowiki>[[제이위키|<div style="display: inline-block;">제이위키</div>]]</nowiki> 이렇게 입력하면 [[제이위키|<div style="display: inline-block;">제이위키</div>]] 이렇게 된다.
| |
| | |
| === 이미지를 퍼센트(%) 단위로 첨부하는 법 ===
| |
| {{폰트|monospace|<nowiki>[[파일:~~~|100px]]</nowiki>}}처럼 문법 내에 있는 기능으로는 픽셀 단위로만 이미지를 첨부할 수 있다. 그러나 이 파일을 div로 묶고, display를 inline-block으로 해준 다음 div 자체에 width를 퍼센트로 지정하면 이미지를 퍼센트 단위로 첨부할 수 있다.
| |
| === 행마다 셀 개수가 다른 테이블을 정렬하는 법 ===
| |
| 테이블의 style에 table-layout: fixed;를 넣는다. 이때, 테이블의 전체 너비가 반드시 지정되어 있어야 한다.
| |
| | |
| 이후 서로 다른 각 행의 셀 개수들의 최소공배수만큼 적절히 분배하여 셀을 가로로 합쳐 주면 된다.
| |
| | |
| 예를 들어 위 3칸, 아래 4칸의 테이블을 만들려 할 경우 아래와 같이 입력한다.
| |
| | |
| <pre>{|class="wikitable" style="width: 300px; text-align: center; table-layout: fixed;"
| |
| |-
| |
| |colspan="4"|3
| |
| |colspan="4"|셋
| |
| |colspan="4"|三
| |
| |-
| |
| |colspan="3"|4
| |
| |colspan="3"|넷
| |
| |colspan="3"|四
| |
| |colspan="3"|four
| |
| |-
| |
| |colspan="12"|모두 합칠 땐 최소공배수를
| |
| |}</pre>
| |
| | |
| 그럼 이런 표가 만들어진다.
| |
| | |
| {|class="wikitable" style="width: 300px; text-align: center; table-layout: fixed;"
| |
| |-
| |
| |colspan="4"|3
| |
| |colspan="4"|셋
| |
| |colspan="4"|三
| |
| |-
| |
| |colspan="3"|4
| |
| |colspan="3"|넷
| |
| |colspan="3"|四
| |
| |colspan="3"|four
| |
| |-
| |
| |colspan="12"|모두 합칠 땐 최소공배수를
| |
| |}
| |