편집토론문서 역사

연습장:Kimchan

Kimchan (토론 | 기여)님의 2022년 9월 25일 (일) 21:20 판
분류:

 상위 문서: 김찬
 하위 문서: 메모, 낙서

김찬
관련 문서
[ 펼치기 · 접기 ]
활동 (제이위키) · 사상 · 게임 · 파일 (아이펠루스)
자캐 · 여담 · 군복무 · 단문 (결말 이후의 이야기)
소속 단체 에른스트의 아무튼 공방 · 오펜시브 프로젝트 팀
창작 작품 세계관 프로젝트 [보기] (아이펠루스 · 우리는 죽음 속에 살고 있다 · 뒤편 · 아파란시아 · 프로젝트 옴니버스 · 프로젝트 사쿠라 · 초상세계 · 프로젝트 무협) · 슬래시 앤 서바이브 · 글로리 어게인 · 저승국 등
기여 작품 무도학당 · 칠성고등학교 · 퇴귀야담 · 벌레굴 등
주요 자캐 아릴렌 · 세이넬 아르젠베르크 · 사도원 · 서은우 등
관련 문서 연습장 · CSS · Lua · 분류 · 프로필
이 사용자와 관련한 세계관은 여기를, 생성한 틀은 여기를 참고하십시오.
KimChan

빈칸

메모

이 글을 보려면 오른쪽 '펼치기' 버튼 클릭

미국문학개관

Week 1

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

Pocahontas(1596~1617)

  • 존 롤프와 결혼한 아메리카 원주민
  • Powhatan Tribe; 제임스타운에 거주하던 원주민
  • 디즈니 애니메이션 영화로 제작됨
    • 역사적 오류: 존 스미스와 결혼

Plymouth

  • 메사추세츠주 동남부
  • 1620년 뉴잉글랜드 식민지
  • 최초의 유럽인 영구 정착지
  • 영국 국교회 반대자들
  • Pilgrim
  • 영국에도 동명의 지역 존재
  • 메이플라워호 항해
  • 11월 도착 12월 26일 요새 건설

Mayflower

  • 1620년 102명을 메사추세츠주 플리머스까지 수송
  • the Pilgrims (pilgrim; 순례자)
  • 102명 중 35명만이 청교도인(Puritans)
  • 종교적 박해 피해 신앙의 자유
  • 메이플라워 서약(The Mayflower Compact); 민주주의의 기초가 됨
  • 1620 9월 16일~1620년 11월 21일
  • 영국 플리머스 출발 → 미국 플리머스 도착
  • the Pilgrim Fathers

13 Colonies

  • 영국에게 식민 지배를 받은 미국의 13개 주(1607~1775)
  • 뉴햄프셔, 메사추세츠, 로드아일랜드, 코네티컷, 뉴욕, 뉴저지, 펜실베이니아, 델라웨어, 메릴랜드, 버지니아, 노스캐롤라이나, 사우스캐롤라이나, 조지아
  • 땅이 작은 주도 포함
  • 북동부/남동부 → 동부 지역부터 개척
  • 미국 국기(Star and Stripes)의 줄무늬 개수로 표현됨(별 개수가 바뀌어도 동일)
    • 별 개수는 현재의 주 개수(주가 바뀔 때마다 별 개수가 바뀜)

Boston Tea Party

  • 미국식 표현(바닷물에 차를 타 먹음)
  • 영국의 재정난 해결 위해 미국에 과세
  • 차(tea)에도 부과
  • 원주민으로 위장 → 보스턴 항구에서 차를 바다에 던져버림
  • 16억 원 정도 손해
  • 동인도 회사 큰 타격
  • 이를 계기로 뉴아일랜드에서 비슷한 사건 발생
  • 미국 독립 전쟁의 불씨가 된 사건

1776

  • 미국의 독립 기념일(7월 4일)
  • 1775년부터 1783년
  • 7월 2일 독립선언문 작성, 7월 4일 발표
  • 필라델피아 대륙 회의
  • 1783년 9월 4일 파리 조약으로 독립국 인정
  • 벤자민 프랭클린 등 → 미국 건국의 아버지

American Revolutionary War

  • 미국 독립 전쟁
  • 영국과의 식민지 갈등으로 발발
  • 1775년 4월 19일부터 1983년 9월 4일까지
  • 조지 워싱턴 미국 초대 대통령

George Washington

  • 미국의 초대 대통령
  • 독립 전쟁에서 총사령관으로 활약
  • 미국 건국의 아버지
  • 세계 최초의 대통령
  • 2번의 임기
  • 장기 집권 시 독재 우려
  • 미국 민주주의의 좋은 관습 마련
Week 2: The Autobiography of Benjamin Franklin Ch 9
Benjamin's virtues with their precepts
원어 번역
1 Temperance
Eat not to dullness; drink not to elevation. 		절제
머리가 둔해질 정도로 먹지 마라. 정신이 몽롱할 정도로 마시지 마라.
2 Silence
Speak not but what may benefit others or yourself; avoid trifling conversation. 		침묵
피차 유용하지 않은 말은 피하라. 쓸데 없는 말을 하지 마라.
3 Order
Let all your things have their places; let each part of your business have its time. 		규율
모든 물건은 제 자리에 두어라. 모든 일을 알맞은 때에 하라.
4 Resolution
Resolve to perform what you ought; perform without fail what you resolve. 		결단
해야 할 일은 결단을 하고 이행하라. 결심한 일은 실패없이 이행하라.
5 Frugality
Make no expense but to do good to others or yourself; i. e., waste nothing. 		절약
피차에 이득이 없는 일에 돈쓰지 마라. 즉 낭비하지 마라.
6 Industry
Lose no time; be always employ'd in something useful; cut off all unnecessary actions. 		근면
신간을 허비하지 마라. 언제나 유익한 일에 종사하라. 모든 불필요한 행동을 하지 마라.
7 Sincerity
Use no hurtful deceit; think innocently and justly; and, if you speak, speak accordingly. 		정직
다른 사람을 기만하여 해치지 마라. 악의가 없고 정당하게 생각하라. 말을 할 때도 그렇게 하라.
8 Justice
Wrong none by doing injuries, or omitting the benefits that are your duty. 		정의
남을 해치거나 네가 해야 할 의무가 있는 은혜를 베풀지 않는 과오를 범하지 마라.
9 Moderation
Avoid extreams; forbear resenting injuries so much as you think they deserve. 		중용
극단을 피하라. 참을 만한 가치가 있다고 생각할 때까지 분노로 인한 위해를 참아라.
10 Cleanliness
Tolerate no uncleanliness in body, clothes, or habitation. 		청결
신체 의복 주택의 불결을 묵인하지 마라.
11 Tranquility
Be not disturbed at trifles, or at accidents common or unavoidable. 		평정
사소한 일, 흔히 일어날 수 있는 일이나 피치못할 일로 평정을 잃어서는 안 된다.
12 Chasitity
Rarely use venery but for health or offspring, never to dullness, weakness, or the injury of your own ot another's peace or reputation. 		순결
성행위는 오직 건강이나 자손을 위해 행할 것. 도가 지나쳐서 머리를 멍하게 하거나 몸을 쇠약하게 하거나 자기나 타인의 안녕과 명예를 해치는 일은 결코 없게 하라.
13 Humility
Imitate Jesus and Socrates. 		겸손
예수와 소크라테스를 본받으라.
TEMPERANCE
EAT NOT TO DULLNESS
DRINK NOT TO ELEVATION.
S. M. T. W. T. F. S.
T.
S. * * * *
Q. ** * * * * *
R. * *
F. * *
I. *
S.
J.
M.
C.
T.
C.
H.
J.
  • 단어
    • leaf; (책의) 책장
    • want; =lack
    • attend; ~에 동반되다
    • amendment: if Amendment → 미국 개정 헌법
    • relapse; 재발
    • content; v 만족(자족)하다
      n 단수일 때 → 내용, 복수일 때 → 목차
    • countenance; 지지하다
    • owe A to B; =ascribe A to B; A를 B의 덕택으로 돌리다
    • sect; (종교의) 분파
    • tenet; 교리
Quiz 1. Franklin 자서전
1. Among the 13 virtues, what gave him "the most trouble"? (p. 73) Why was it so difficult to acquire?
일찍이 규율을 지키는 것에 익숙하지 않았고, 기억력이 좋았기(have a good memory) 때문에 불편함을 느끼지 못했다.
2. What does the sentence "I think I like a speckled ax best" mean in the context? What does Franklin want to say through the episode?
something that pretended to be reason suggesting to me that ~ (이하의 내용은 오답)
숫돌을 돌리면 도끼를 반짝거리게 만들어 주겠다고 하지만 숫돌을 돌리기 귀찮아 얼룩이 진 채로 적절히 타협한다. 즉 얼룩 진 도끼(a speckled ax)는 적절히 현실과 타협하고 싶은 마음을 나타낸다.
3. 13개의 덕목 중에서 지금 자신이 (가장) 실천하고 싶은 덕목 두 가지를 선택하고 그 이유를 설명하시오.
(1) 결단(Resolution)
(2) 근면(Industry)
지금 내게 가장 필요한 덕목은 결단과 근면이다. 이는 특히 과제와 공부에서 드러나는데, 학기가 시작한 후 주말 알바 탓에 기력이 줄었다는 핑계로 과제를 거의 마감 기한까지 미루는 경향이 생긴 것이다. 때문에 대부분의 과제를 마감 기한 직전에 급하게 끝내곤 한다. 그러므로 내게는 어떤 일을 언제 어떻게 할지 결단할 의지와 그것을 어기지 않고 성실하고 꾸준히 끝낼 수 있는 근면이 필요하다.

영어음성음운론

No. of letters = No. of sounds
Words No. of letters No. of sounds
pan 3 3
form 4 4
print 5 5
spirit 6 6
No. of letters ≠ No. of sounds
Words No. of letters No. of sounds
though 6 2
choose 6 3
awesome 7 4
IPA Symbols
Phonetic Symbols Word Positions
Initial Medial Final
Consonants
p pack super map
b bed rubber rob
t tea attack great
d date adore good
k catch picking look
g gate doggy bag
f fat coffee loaf
v very moving dove
θ thin ruthless death
…

Place of Articulation

  • Bilabial – the two lips come together, /p, b, m/ as in pay, bay, and may
  • Labio-dental – articulated by the lower lip and the upper teeth, /f, v/ as in feel and veal
  • Interdental – articulated by placing the tip or blade of the tongue between the upper and lower front teeth, /θ, ð/ as in thin and that
  • 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
  • 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
  • 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.
  • Palatal – articulated with the front of the tongue against the hard palate, /j/ as in yes
  • Velar – articulated with the back of the tongue against the soft palate, /k, g, ŋ/ as in back, bag, and sing
  • 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


Stop
English oral stops (= plosives) (velum raised)
voiceless voiced
Bilabial p b
Alveolar t d
Velar k g
English nasal stops (velum lowered)=
Bilabial m
Alveolar n
Velar ŋ
Fricative
produced by forcing air through a narrow oral passage,
thus making frication noise ("hissing" sound)
voiceless voiced
Labio-dental f v
Interdental θ ð
Alveolar s z
Palato-alveolar ʃ ʒ
Glottal h

영미서사강독2

호빗(Hobbit) → 톨킨의 정신에 깊이 뿌리 박혀 있는 '영국인다움'을 구현함.
샤이어(Shire) → 호빗의 마을. 서부 미들랜드의 시골 지역을 모델로 함. 톨킨은 스스로 혈통상 서부 미들랜드인에 속한다고 생각함.

Chapter 2 (후반)

  • 골룸에 대한 요정들의 친절과 오크족을 이용한 골룸의 탈출
  • Radagst the Brown을 우연히 만남. 그에게서 나즈굴이 나타났고, 샤이어에 대한 소식을 찾고 있다는 말을 들음. 또 사루만이 도와줄 수 있다는 말을 했다는 것도 들음. Gandalf는 사루만에게 가기로 함.
  • 사루만의 변화 (Saruman thw White → Saruman of Many Colours).
  • Sauron에게 협력하거나, 반지를 찾아 힘을 소유하자고 Gandalf를 유혹.
  • Gandalf가 거절하자 그를 Orthanc 첨탑 위에 가둠.
  • Orthanc 첨탑에서 아래를 내려다 보며 Isengard가 green과 fair의 모습을 잃어버린 것을 발견. 지하요새와 대장간 늑대와 orcs를 모아 자신만의 무력을 조성.
  • Radagast의 전갈을 가지고 독수리 Gwaihir the Windlord가 첨탑에 도착. 과이히르의 도움으로 탈출
  • Rohan에서 말 Shadowfax를 얻음. 말을 타고 Hobbiton으로 감. Frodo가 이미 떠난 것, black riders들이 찾아온 것을 알게 됨. Bree로 가서 Butterbur를 통해 프로도가 아라곤과 함께 떠난 것을 알게 되어 안심.
  • Wheatertop에서 black riders들과 대치. 프로도를 찾는 것을 포기하고, 사흘 먼저 리븐델에 도착해 대책을 강구하기로 함.
  • Elrond가 이야기를 듣고 Bombadil을 언급하자, Erestor가 Bombadil의 도움을 받는 것을 제안. 불가함을 Gandalf, Glorfindel, Galdor가 설명.
  • 반지는 바다 건너로 보내거나 파괴하는 양자택일밖에 없음을 Glorfindel이 말함.
  • Elrond 반지는 우리가 처리해야 함을 말함
  • 글로핀델은 반지를 바다에 던져 버릴 것을 제안
  • Boromir는 반지를 Mordor의 분화구 속에 던져 파괴해야 함을 주장
  • 엘론드는 반지를 사용할 수밖에 없다고 반박.
  • 글로인이 난쟁이들과 요정들의 반지를 사용할 수 있는 가능성에 대해 질문
  • 난쟁이의 일곱 반지는 모두 사우론에 의해 탈취, 요정의 반지를 무력을 위한 것이 아니라고 엘론드가 즉답
  • Erestor는 반지를 파괴하는 길이 절망과 어리석음의 길이라 말함
  • Gandalf는 그렇지 않다고 항변
  • Elrond는 약한 이가 가야 할 길임을 말함
  • 빌보가 그 일을 자처하나, 간달프가 말림
  • 프로도가 자신이 가겠다고 말함
  • 엘론드의 지지
  • 샘의 동행

영미문화연구

이데올로기란 무엇인가?

  • Marxism의 기계적 경제 결정론에 대한 반동과 이데올로기의 중요성
    1. 조직적인 사고 체계
    2. 실제를 왜곡/은폐하는 실천 행위 (토대의 상부 구조 결정과 반영. 15). 강자/지배 가치의 이익과 시각 대변, 정당화
    3. 특정한 이미지 재현(대립적 관점), 텍스트의 정치성 (17)
    4. Louis Altusser, 물질적인 실천 행위/사회 질서에 편입. 종속하게 만드는 규범적 실천. 사회적 상황과 사회적 관계 재생산 (17). "호명"(appellation)과 주체 형성
    5. Roland Bathes: 함축적 의미(connotation)를 수정하거나 새롭게 생성하는 헤게모니 투쟁(17-18). Ex) 공정, 자유, 정의

Altusser

  • 개인 경험의 주체성/진정성 vs. 구성되는 종속적 '주체'
  • 내가 ○○를 자발적으로 욕망하는 것인가? ○○를 욕망하는 주체로 조형되는 것인가? Ex) 욜로와 소비 문화, 개성 vs. 소비/소유하는 브랜드/아이템
  • 단순히 의식적인 관념적인 차이가 아니라, 훈육된 실천을 통해서 이데올로기 재생산 (물질적 실천 행위)
  • 호명과 주체의 부응: 청년다움, 모성, 남성성/여성성, 중산층, 장남/이대녀/가부장/대학생('청년')/Z 세대

이정우의 Altusser 설명

#

인간은 타인이 욕망하는 것을 욕망한다. 자신이 욕망한다고 생각하는 수많은 것들이 타인들이 욕망하는 것을 내면화한(자기의 내부로 받아들인) 결과들일 뿐이다."
  • 학교·군대·공장·병원·회사·종교 단체의 이데올로기적 국가 장치들이 사회 순응적인 주체들을 재생산

'대중적'(popular)인 것의 다의성

  1. 양적인 범위
  2. 낮은 수준, 기준 이하, 저급한
    Pierre Bourdieu <구별 짓기>: 문화와 취향에 대한 사회학적 분석, 계급 구분을 유지하고 판별하는 기준 형성, 그러나 구분의 기준은 상대적이고 자의적 (20)
    고급/저급 문화 구분의 변화 Ex) 파바로티 예시 (21)
    고급/저급 문화의 구분과 엘리트 주의 ("문화와 문명"의 전통, 아놀드/리비스, 22-23)
  3. 대량 문화, 대량 소비/대량 생산의 상업 문화, 대중의 의식 마비, 특정한 읽기 방식을 구축하는 지배 이데올로기 제조기 (25)
  4. 아래로부터 자발적인 민중 문화, 민중의 진정성과 저항성을 생성하는 가능성

Antonio Gramsci on Hegemony

  • 지적/도덕적 리더쉽을 통한 사회적 동의 유도
  • 지배/피지배 계급의 투쟁의 장(순수한 저항 문화도 위에서부터 강요된 일방적인 문화도 아닌 새로운 관점) (26)
  • "타협적 평형": 불안정한 권력 투쟁의 장 (27), 해변 휴가 문화와 느와르 영화 (27), bloc 인용, 18쪽 (1990년 영국 보수당 정치 선전 방송) 예시 재설명

조별 토론 예시 공유?

틀

유용한/자주 사용하는 틀

제작한 틀

 자세한 내용은 분류:김찬/제작한 틀 문서를 참고하십시오.

팁

모바일 기기의 화면비를 넘어가는 너비(ex: 600px, 800px)를 가진 테이블을 모바일에서 넘어가지 않도록 대응하는 법

간단하다. 테이블의 width 속성을 max-width로 바꾸어 주면 된다. 단 주의할 점은, 테이블 내부의 콘텐츠가 설정한 max-width만큼이 될 정도로 충분한 분량을 차지하고 있어야 한다. 가장 쉬운 파훼법은 테이블 어느 곳에라도 모든 열이 병합된 행에 원본 크기가 큰 이미지를 첨부하면 된다. 빈 이미지는 그래서 업로드한 것.

이미지에 아무런 링크도 걸지 않았을 때 원본 이미지 보기로 이어지는 자동 링크를 없애는 법

이미지의 매개 변수에 link=를 걸고 아무것도 작성하지 않으면 된다. 예를 들어 [[파일:Seinel Icon.png|30픽셀|link=]] 이렇게 입력하면 이처럼 이미지 위에 마우스를 올려도 그 어떤 링크는커녕 원본 이미지 보기로 이어지는 자동 링크마저 없다.

순환 링크(문서가 같은 문서를 링크)나 테이블의 헤더 셀에서 강제 볼드체를 없애는 법

텍스트를 <span>으로 묶고 style에서 font-weight를 normal로 하면 된다.

배경이 아닌 곳에 그라데이션을 적용하는 법

텍스트

텍스트를 <span>으로 묶고 style에서 background로 그라데이션을 적용한 뒤, -webkit-background-clip: text; color: transparent;를 추가로 입력하면 된다. 전자는 그라데이션의 적용 범위를 텍스트로만 하는 것이고, 후자는 그라데이션이 적용된 배경이 보이도록 하기 위해 텍스트 자체 색상을 투명으로 만든 것이다.

틀:그라데이션 글씨로 간편하게 사용할 수 있다.

입력 출력
<span style="background: linear-gradient(135deg, red, orange, yellow, green, blue, navy, purple); -webkit-background-clip: text; color: transparent; font-size: 14pt;">'''무지개색 총공격이다!'''</span> 무지개색 총공격이다!
{{font-gradient|linear-gradient(135deg, red, orange, yellow, green, blue, navy, purple);|{{fontsize|14|'''무지개색 총공격이다!'''}}}}

테두리

원리는 간단하다. 테두리를 투명(transparent)으로 적용한 뒤 배경 그라데이션을 테두리 안쪽 여백(padding)에서 흰색으로, 테두리(border)를 원하는 그라데이션으로 적용하면 된다. 문법은 다음과 같이 입력한다.

입력 출력
<div style="border: 2px solid transparent; background: linear-gradient(white, white) padding-box, linear-gradient(135deg, #fb0055, #ff9b00) border-box; border-radius:5px;">제이위키</div>
제이위키

하나의 링크 안에 이미지와 텍스트를 함께 넣는 법

일반적으로는 하나의 링크 안에 이미지와 텍스트를 함께 넣을 수 없다. 예를 들어 [[제이위키|[[파일:제윜 로고2.svg|60px|link=]] 제이위키]] 이렇게 입력한다고 해도 [[제이위키| 제이위키]] 이처럼 링크 자체가 인식되지 못하고 깨져 버린다.

그러나 링크를 제이위키 내부 링크(대괄호 두 개 [[]])가 아닌 대괄호 한 개, 즉 외부 링크로 사용하면 가능하다. 단, 이때 파일에 |link=를 넣어서 반드시 원본 파일로 이동하는 링크를 없앨 것.

입력 출력
[https://jwiki.kr/wiki/index.php/제이위키 [[파일:제윜_로고2.svg|60px|link=]] 제이위키] 제이위키

여기서 외부 링크 표시를 숨기는 plainlinks 클래스까지 사용하면

입력 출력
<span class="plainlinks">[https://jwiki.kr/wiki/index.php/제이위키 [[파일:제윜_로고2.svg|60px|link=]] 제이위키]</span> 제이위키
{{외부링크숨김|https://jwiki.kr/wiki/index.php/제이위키|[[파일:제윜_로고2.svg|60px|link=]] 제이위키}}

더 완벽하게 사용할 수 있다. 외부 링크를 사용하기 때문에 제이위키 내 문서가 아니라 어떤 링크에도 사용할 수 있고, 제이위키 내 문서로 통하는 링크라면 편집을 저장할 때 뜨는 간단한 덧셈뺄셈이 나오지 않는 것도 장점이라면 장점이다. 단점이라면 마우스를 위에 올렸을 때 나타나는 문서 미리보기나 제목은 뜨지 않고, 문서가 문서 자신을 링크해도 링크가 사라지며 볼드체로 바뀌지 않고 링크 그대로 남아 있다는 것.

외부 링크를 넣은 이미지에 외부 링크 아이콘을 띄우는 법

[[파일:유튜브 아이콘.png|20px|link=https://www.youtube.com/]] 이렇게 파일 link에 외부 링크를 넣으면 외부 링크로 통하는 이미지가 만들어지지만 외부 링크임을 나타내는 아이콘은 나타나지 않는다. 방법은 바로 위 문단과 비슷하다. 외부 링크 자체를 넣고 그 안에 링크를 없앤 이미지를 넣는 것.

입력 출력
[https://www.youtube.com/ [[파일:유튜브 아이콘.png|20px|link=]]]

링크에 마우스를 올릴 때 뜨는 밑줄 없애는 법

색상을 넣듯 링크 안쪽을 <div>로 묶고 display: inline-block으로 해주면 된다.

입력 출력
[[제이위키|<div style="display: inline-block;">제이위키</div>]]
제이위키

버튼 디자인의 링크를 만들 때 응용하면 좋다.

입력 출력
[[제이위키|<div style="display: inline-block; border: 1px solid #e1e8ed; border-radius: 3px; background: #f5f8fa; padding: 0px 2px;">제이위키</div>]]
제이위키

단 테이블 셀 안에서만 유효하고 그외에는 정상 작동하지 않는다. 여기에 [[제이위키|<div style="display: inline-block;">제이위키</div>]] 이렇게 입력하면

이렇게 된다.

이미지를 퍼센트(%) 단위로 첨부하는 법

[[파일:~~~|100px]]처럼 문법 내에 있는 기능으로는 픽셀 단위로만 이미지를 첨부할 수 있다. 그러나 이 파일을 div로 묶고, display를 inline-block으로 해준 다음 div 자체에 width를 퍼센트로 지정하면 이미지를 퍼센트 단위로 첨부할 수 있다.

행마다 셀 개수가 다른 테이블을 정렬하는 법

테이블의 style에 table-layout: fixed;를 넣는다. 이때, 테이블의 전체 너비가 반드시 지정되어 있어야 한다.

이후 서로 다른 셀 개수끼리의 최소공배수를 구한 뒤 셀 개수에 곱해서 최소공배수가 되는 수만큼 셀을 가로로 합쳐 주면 된다.

예를 들어 위 3칸, 아래 4칸의 테이블을 만들려 할 경우 아래와 같이 입력한다. 

{|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"|모두 합칠 땐 최소공배수를
|}

그럼 이런 표가 만들어진다.

3 셋 三
4 넷 四 four
모두 합칠 땐 최소공배수를