태그의 모든것

[지킴이]

..	◈ 기초태그 총정리 ◈ ◎ 기본태그 ◎ 글씨태그 ◎ 그림태그 ◎ 음악태그 ◎ 폭탄태그는 생략하는 것이 좋겠죠? ◎ 배경화면 ◎ 배너강좌 ◎ 배너질문 ◎ 특수문자 ◎ RGB 색상표 이제 공부한 내용을 연습해보아야겠죠? 여기 연습장 한 권 드릴테니 마음껏 연습해보세요... ＃태그연습장＃

<<< RGB 색상표 >>>

000000	333333	666666	999999	cccccc	ffffff
000033	333300	666600	999900	cccc00	ffff00
000066	333366	666633	999933	cccc33	ffff33
000099	333399	666699	999966	cccc66	ffff66
0000cc	3333cc	6666cc	9999cc	cccc99	ffff99
0000ff	3333ff	6666ff	9999ff	ccccff	ffffcc
003300	336633	669966	99cc99	ccffcc	ff00ff
006600	339966	66cc66	99ff99	cc00cc	ff33ff
009900	33cc33	66ff66	990099	cc33cc	ff66ff
00cc00	33ff33	660066	993399	cc66cc	ff99ff
00ff00	330033	663366	996699	cc99cc	ffccff
00ff33	330066	663399	9966cc	cc99ff	ffcc00
00ff66	330099	6633cc	9966ff	cc9900	ffcc33
00ff99	3300cc	6633ff	996600	cc9933	ffcc66
00ffcc	3300ff	663300	996633	cc9966	ffcc99
00ffff	330000	663333	996666	cc9999	ffcccc
00cccc	33ffff	660000	993333	cc6666	ff9999
009999	33cccc	66ffff	990000	cc3333	ff6666
006666	339999	66cccc	99ffff	cc0000	ff3333
003333	336666	669999	99cccc	ccffff	ff0000
003366	336699	6699cc	99ccff	ccff00	ff0033
003399	3366cc	6699ff	99cc00	ccff33	ff0066
0033cc	3366ff	669900	99cc33	ccff66	ff0099
0033ff	336600	669933	99cc66	ccff99	ff00cc
0066ff	339900	66cc33	99ff66	cc0099	ff33cc
0099ff	33cc00	66ff33	990066	cc3399	ff66cc
00ccff	33ff00	660033	993366	cc6699	ff99cc
00cc33	33ff66	660099	9933cc	cc66ff	ff9900
00cc66	33ff99	6600cc	9933ff	cc6600	ff9933
00cc99	33ffcc	6600ff	993300	cc6633	ff9966
009933	33cc66	66ff99	9900cc	cc33ff	ff6600
006633	339966	66cc99	99ffcc	cc00ff	ff3300
009966	33cc99	66ffcc	9900ff	cc3300	ff6633
0099cc	33ccff	66ff00	990033	cc3366	ff6699
0066cc	3399ff	66cc00	99ff33	cc0066	ff3399
006699	3399cc	66ccff	99ff00	cc0033	ff3366

RBG 색상표 두번째

000000	000031	000063
00009c	0000ce	0000ff
003100	003131	003163
00319c	0031ce	0031ff
310000	310031	310063
31009c	3100ce	3100ff
313100	313131	313163
31319c	3131ce	3131ff
006300	006331	006363
006391	0063ce	0063ff
316300	316331	316363
31639c	3163ce	3163ff
009c00	009c31	009c63
009c9c	009cce	009cff
319c00	319c31	319c63
319c9c	319cce	319cff
00ce00	00ce31	00ce63
00ce9c	00cece	00ceff
31ce00	31ce31	31ce63
31ce9c	31cece	31ceff
00ff00	00ff31	00ff63
00ff9c	00ffce	00ffff
31ff00	31ff31	31ff63
31ff9c	31ffce	31ffff
639c00	639c31	639c63
639c9c	639cce	639cff
63ce00	63ce31	63ce63
63ce9c	63cece	63ceff
9cce00	9cce31	9cce63
9cce9c	9ccece	9cceff
9cff00	9cff31	9cff63
9cff9c	9cffce	9cffff
63ff00	63ff31	63ff63
63ff9c	63ffce	63ffff
ceff00	ceff31	ceff63
ceff9c	ceffce	ceffff
630000	630031	630063
63009c	6300ce	6300ff
633100	633131	633163
63319c	6331ce	6331ff
636300	636331	636363
63639c	6363ce	6363ff
9c9c00	9c9c31	9c9c63
9c9c9c	9c9cce	9c9cff
cece00	cece31	cece63
cece9c	cecece	ceceff
9c0000	9c0031	9c0063
9c009c	9c00ce	9c00ff
9c3100	9c3131	9c3163
9c319c	9c31ce	9c31ff
9c6300	9c6331	9c6363
9c639c	9c63ce	9c63ff
ce6300	ce6331	ce6363
ce639c	ce63ce	ce63ff
ce9c00	ce9c31	ce9c63
ce9c9c	ce9cce	ce9cff
ce0000	ce0031	ce0063
ce009c	ce00ce	ce00ff
ce3100	ce3131	ce3163
ce319c	ce31ce	ce31ff
ff0000	ff0031	ff0063
ff009c	ff00ce	ff00ff
ff3100	ff3131	ff3163
ff319c	ff31ce	ff31ff
ff6300	ff6331	ff6363
ff639c	ff63ce	ff63ff
ff9c00	ff9c31	ff9c63
ff9c9c	ff9cce	ff9cff
ffce00	ffce31	ffce63
ffce9c	ffcece	ffceff
ffff00	ffff31	ffff63
ffff9c	ffffce	ffffff
0000ff	1800ff	3100ff
4a00ff	6200ff	7800ff
9c00ff	b400ff	cd00ff
e600ff	ff00ff	ff00e6
ff00cd	ffffb4	ff009c
ff007b	ff0062	ff004a
ff0031	ff0018	ff0000
0018ff	1818ff	3118ff
4a18ff	6218ff	7b18ff
9c18ff	b418ff	cd18ff
e618ff	ff18ff	ff18e6
ff18cd	ff18b4	ff189c
ff187b	ff1862	ff184a
ff1831	ff1818	ff1800
0031ff	1831ff	3131ff
4a31ff	6231ff	7b31ff
9c31ff	b431ff	cd31ff
e631ff	ff31ff	ff31e6
ff31cd	ff31b4	ff319c
ff317b	ff3162	ff314a
ff3131	ff3118	ff3100
004aff	184aff	314aff
4a4aff	624aff	7b4aff
9c4aff	b44aff	cd4aff
e64aff	ff4aff	ff4ae6
ff4acd	ff4ab4	ff4a9c
ff4a7b	ff4a62	ff4a4a
ff4a31	ff4a18	ff4a00
0062ff	1862ff	3162ff
4a62ff	6262ff	7b62ff
9c62ff	b462ff	cd62ff
e662ff	ff62ff	ff62e6
ff62cd	ff62b4	ff629c
ff627b	ff6262	ff624a
ff6231	ff6218	ff6200
007bff	187bff	317bff
4a7bff	627bff	7b7bff
9c7bff	b47bff	cd7bff
e67bff	ff7bff	ff7be6
ff7bcd	ff7bb4	ff7b9c
ff7b7b	ff7b62	ff7b4a
ff7b31	ff7b18	ff7800
009cff	189cff	319cff
4a9cff	629cff	7b9cff
9c9cff	b49cff	cd9cff
e69cff	ff9cff	ff9ce6
ff9ccd	ff9cb4	ff9c9c
ff9c7b	ff9c62	ff9c4a
ff9c31	ff9c18	ff9c00
00b4ff	18b4ff	31b4ff
4ab4ff	62b4ff	7bb4ff
9cb4ff	b4b4ff	cdb4ff
e6b4ff	ffb4ff	ffb4e6
ffb4cd	ffb4b4	ffb49c
ffb47b	ffb462	ffb44a
ffb431	ffb418	ffb400
00cdff	18cdff	31cdff
4acdff	62cdff	7bcdff
9ccdff	b4cdff	cdcdff
e6cdff	ffcdff	ffcde6
ffcdcd	ffcdb4	ffcd9c
ffcd7b	ffcd62	ffcd4a
ffcd31	ffcd18	ffcd00
00e6ff	18e6ff	31e6ff
4ae6ff	62e6ff	7be6ff
9ce6ff	b4e6ff	cde6ff
e6e6ff	ffe6ff	ffe6e6
ffe6cd	ffe6b4	ffe69c
ffe67b	ffe662	ffe64a
ffe631	ffe618	ffe600
00ffff	18ffff	31ffff
4affff	62ffff	7bffff
9cffff	b4ffff	cdffff
e6ffff	ffffff	ffffe6

(function () { var sumOfWidth = 100; var gridImages = Array.prototype.slice.call(document.querySelectorAll('[data-ke-type="imageGrid"] .image-container span')); gridImages.reverse().forEach(function (img) { // 행이 넘어가는지 명확하게 확인하기 위해 역순으로 순회 var width = Number(img.style.width.replace('%', '')); sumOfWidth += width; img.style.flexGrow = width; img.style.minWidth = 'calc(' + img.style.width + ' - 1.2% - 1px)'; var isRightmost = Math.floor(sumOfWidth) > 100; // width 합이 100이 초과하면 다음 행으로 넘어감 if (isRightmost) { sumOfWidth = width; img.classList.add('rightmost'); } }); })();