편집 요약 없음 |
(→좌우스크롤) |
||
116번째 줄: | 116번째 줄: | ||
|} | |} | ||
{{좌우스크롤 끝}} | {{좌우스크롤 끝}} | ||
{{-}} | |||
<!------------------------------ | |||
#two { overflow: scroll; white-space: nowrap; text-overflow: ellipsis;} | |||
#three { overflow: auto; white-space: nowrap; text-overflow: ellipsis;} -------------> | |||
<h3>text-overflow: ellipsis</h3> | |||
<div style="width:100%; background-color:yellow; border:1px solid gray; padding:5px; overflow: auto; white-space: nowrap; text-overflow: ellipsis;> | |||
우리는 함께 하나의 한국, 안전한 한반도, 가족의 재회를 꿈꿉니다. 남북을 잇는 고속도로, 가족의 만남, 핵 악몽은 가고 아름다운 평화의 약속이 오는 날을 꿈 꿉니다. 그 날이 올 때까지 우리는 강하고 방심하지 않으며, 우리의 눈은 북한에 고정되어 있고, 가슴은 모든 한국인들이 자유롭게 살 그 날을 위해 기도할 것입니다. - 트럼프 미 대통령 한국 국회연설 발췌, 2017.11.8. | |||
</div> | |||
{{--}} | |||
<div style="width:100%; background-color:#eee; border:1px solid black;padding:10px; overflow: auto;white-space: nowrap; text-overflow: ellipsis;> | |||
<gallery widths="50"> | |||
페루 국기.jpg|설명1 | |||
독일 국기.jpg|설명2 | |||
필리핀 국기.jpg|설명3 | |||
미국 국기.jpg|설명4 | |||
북한 국기.png|조선인민 | |||
태국 국기.jpg|태국 | |||
영국 국기.jpg|영국 | |||
일본 국기.jpg|일본 | |||
</gallery> | |||
</div> | |||
<div style="width:100%; background-color:yellow; border:1px solid gray; padding:8px; overflow: auto;white-space: nowrap; text-overflow: ellipsis;> | |||
[[파일:페루 국기.jpg| 50px]] 페루 | |||
[[파일:독일 국기.jpg| 50px]] 독일 | |||
[[파일:필리핀 국기.jpg| 50px]] 필리핀 | |||
[[파일:미국 국기.jpg| 50px]] 미국 | |||
[[파일:북한 국기.png| 50px]] 북한 | |||
[[파일:태국 국기.jpg| 50px]] 태국 | |||
[[파일:영국 국기.jpg| 50px]] 영국 | |||
[[파일:일본 국기.jpg| 50px]] 일본 | |||
</div> | |||
==table collapse Test== | ==table collapse Test== |
2020년 10월 28일 (수) 18:48 판
♥
지금 보는 이 화면은 미리 보기입니다. 변수1편집한 내용을 아직 저장하지 않았습니다! → 편집 영역으로 가기
접기·펼치기를 눌러 주세요. |
|||||||||||||||||||||||||||||||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
테스트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;
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
perrow={2} widths="50"
좌우스크롤max-width: 900px
text-overflow: ellipsis우리는 함께 하나의 한국, 안전한 한반도, 가족의 재회를 꿈꿉니다. 남북을 잇는 고속도로, 가족의 만남, 핵 악몽은 가고 아름다운 평화의 약속이 오는 날을 꿈 꿉니다. 그 날이 올 때까지 우리는 강하고 방심하지 않으며, 우리의 눈은 북한에 고정되어 있고, 가슴은 모든 한국인들이 자유롭게 살 그 날을 위해 기도할 것입니다. - 트럼프 미 대통령 한국 국회연설 발췌, 2017.11.8.
table collapse Testmw-collapsible
mw-collapsible mw-autocollapse
mw-collapsible mw-nono
mw-collapsible mw-collapsed
Old미국 right
국기 누르면 가봉문서 연결 중국
HTML5 글자태그i-(italic의 약자) 기울어짐 Hello i태그 b(-bold의 약자)b 태그 굵게표시 Hello em-(emphasize의 약자) 글자를 기울어서 강조시킴 Hello em태그 strong- 글자를 기울고 굵게함 Hello strong small - 글자를 작게함 Hello sub - (subscript)아래첨자 Hello 아랫첨자
ins- 밑줄글자. 내용의 추가를 나타냄 del- 취소선글자. 내용의 삭제를 나타냄 mark 내용을 마크펜으로 칠한것처럼 강조해줌 Hello 마크펜 p태그 (paragraph:문단) 태그내용을 하나의 문단으로 표시해줌(앞과 뒤의 줄바꿈이 자동으로 일어남) ow
hr/ - (horizontal rule) hr 수평줄 config.php에 $hr_type='fancy';라고 하면 가로선의 굵기가 지원됩니다.
빼기줄 4개로 hr 기능 않됨
cite 챕터— > 테스트중입미다ㅡcite tag 3개의 2레벨 제목을 1 틀 등록방법
오늘은 전에 샀던 자료도 참고해서 위키백과에 항목을 하나 올려보고자 한다. 일단 몇시간 소요될려나...
ㅡ 집에 돌아가면, 학수고대하던 간식을 먹을 수 있었다. 일이 없어서 컴퓨터를 켜서 이 웹 일기를 적고 있다.
NAMESPACE - 사용자 BASEPAGENAME - Rlakk00 710 SUBPAGENAME - Rlakk00 710
3 특수기능{{REVISIONSIZE}} REVISIONSIZE 12451 REVISIONSIZE {{#ifexpr:{{REVISIONSIZE}}<1000|이 글은 토막글입니다.|이 글은 토막글이 아닙니다.}} {{#ifexpr:12451<1000|이 글은 토막글입니다.|이 글은 토막글이 아닙니다.}} REVISIONSIZE {{#ifeq:{{NAMESPACE}}|틀|{{#ifeq:{{BASEPAGENAME}}|{{SUBPAGENAME}} }} - {{#ifeq:사용자|틀|{{#ifeq:Rlakk00 710|Rlakk00 710 }} - NAMESPACE BASEPAGENAME SUBPAGENAME blockquote<blockquote cite="http://naver.com" > 인용문을 표현할 때 사용하는 박스. 표와 달리 내부에 목록을 비롯한 다른 명령어 사용이 가능하다. </blockquote>
<quote="인용대상">인용 구문</quote> <quote="인용대상">인용 구문</quote> <googlemap3 width="90%" height="400px" type="hybrid" zoom="12" lat="34.66488" lng="135.4493" helper="on"> </googlemap3> 인용문1 그의 이웃 여인들이 그에게 이름을 지어 주되 나오미에게 아들이 태어났다 하여 그의 이름을 오벳이라 하였는데 그는 다윗의 아버지인 이새의 아버지였더라 ― 룻기 4장 13절~17절
인용문2 그의 이웃 여인들이 그에게 이름을 지어 주되 나오미에게 아들이 태어났다 하여 그의 이름을 오벳이라 하였는데 그는 다윗의 아버지인 이새의 아버지였더라 ― 룻기 4장 13절~17절
인용1
인용2 그의 이웃 여인들이 그에게 이름을 지어 주되 나오미에게 아들이 태어났다 하여 그의 이름을 오벳이라 하였는데 그는 다윗의 아버지인 이새의 아버지였더라 ― 룻기 4장 13절~17절
513 ♥NUMBEROFUSERS ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ ㅡ 2024,2024 - (한국시간 기준) LOCALYEAR 지역년 05, 05 - (한국시간 기준) LOCALMONTH 지역월, 뒤에 2를 붙이면 강제로 두 자리 숫자로 표현됩니다. 5월, {{지역월이름}] - (한국시간) LOCALMONTHNAME 지역월이름. 한국어의 경우는 숫자+월 표시로 간단하게 표현됩니다. 27, 27 (한국시간) LOCALDAY 지역일. 역시 뒤에 2를 붙이면 강제로 두 자리 숫자로 표현됩니다. 월요일, 월요일 (LOCALDAYNAME 지역요일) 이름을 출력합니다. 예시 : 2024년 5월 27일, 월요일. 입력
특수기능215,570, 문서수 15,570 문서 숫자 35,590 모든문서수 35,590 틀,파일을 포함한 문서수 144,421 편집한 모든 횟수 513, 사용자수 513 현재 사용자 숫자 0 활동적인 사용자 숫자를 보여줍니다
|