ICC에서 텍스트를 쓰다보면, 특정 글자만 굵게 하거나 색깔을 입히거나 하면서 꾸미고 싶을 때가 있다

근데 눈을 씻고 찾아봐도 그런걸 지원하는 부분이 없다

자체 지원하는 기능으로는 해당 row 나 choice 안에 깡그리 적용될 뿐

하지만 꾸미는 것이 불가능한 건 아니다! 내가 만든 이게 잘 꾸몄다는건 아니지만...

html에서 쓰이는 글자 태그가 몇 개 먹기 때문인데, 되는게 있고 안 되는게 있고 들쭉날쭉이라 쓰면서 되는것들 정리해봄

일단 난 이쪽은 문외한이고 꼴박하면서 배운 정보라 상당히 야매임

그 부분 감안하고 문외한들 눈높이에 맞춰서 설명할거니까 빠진 부분도 있고 어설픈 설명이 있어도 이해해줏메

사실 내 기억에 누가 정리해둔거 있었던거 같은데, 어디갔는지 찾을 수가 없어서 본인이 직접 정리하는 것임

※ 글자 태그 쓰는 법

일단 글자 태그는 원하는 문장/단어 앞뒤에 감싸는 것으로 작동한다. 

태그를 열 때는 <뭐시기>로 시작하고, 태그를 닫을 때에는 </뭐시기>로 닫음

예를 들어서 글자를 굵게 만들어주는 태그는 b니까, 글자를 굵게 만들려면

<b>굵은 글자</b>

이렇게 쓰면 됨

볼드체 <b>

앞서 말했듯이 글자를 굵게 해주는 기능임

강조할 때 좋고... 뭐 대충 봐도 쓸모가 명명백백

기울임 <i>

이탤릭이라고도 불리는 그거다

한글에서 자주 쓰는 표현은 아니지만 뭐 비슷하게 강조할 때 쓴다

취소선 <s>

나무위키에서 자주 보는 그거

믿으면 골룸

밑줄 <u>

말 그대로 언더바

우리에게는 너무나도 익숙할 것

따옴표 <q>

큰따옴표를 씌워준다

그냥 " " 쓰는거랑 큰 차이는 없다

그나마 형태가 둥근 따옴표라, 여는 쌍따옴표랑 닫는 쌍따옴표를 확실히 구분시켜주긴 하는데, 그것도 직접 “ ” 입력하면 되는거라...

마크 <mark>

글자를 뭔가 미묘한... 색깔의 배경으로 강조해준다

배경색을 바꾸려는 시도는 모두 실패했음

방법이 있다면 알려줘

아래 첨자 <sub>

쵸아에 화학식 적을 일이 있으려나?

하여튼 이런게 있긴 하다

위 첨자 <sup>

지수 표기는 좀 더 쓸 일이 많을지도

스몰 <small> 

작은 글자

사실 아래에서도 설명할 span 덕분에 약간 낙동강 오리알같은 신세긴 한데, span이 쓰기가 워낙 귀찮다보니 이것도 괜찮음

스팬 <span>

자체적으로 동작하는 기능은 아니고, 다른 요소를 넣어서 작동하는 기능이다

원래 요소가 이것저것 많이 있는데... 일단 본인이 실제로 작동하는걸 본 건 font-size, color 이 2개 뿐이다

font-style도 될 거 같긴 한데 확인은 못해봄

아무튼 이건 쓰는 법이 살짝 복잡해서, 그냥 <span>으로 쓰면 안되고 <span style= "어쩌고저쩌고">로 적어야 된다

예시는 다음과 같음

색깔을 쓰려면 <span style= "color:#헥스코드"> </span>로 쓴다

헥스코드 부분은 말 그대로 글자의 헥스코드를 입력하면 되는데... 코드는 보통 인터넷이 알려줌

RGB랑 헥스코드 변환해주는 사이트도 있으니 참고

사이즈는 <span style = " font-size:픽셀 수"> </span>

픽셀 수에다가 말 그대로 폰트 픽셀 수만큼 넣으면 됨

사실 em도 먹기는 함. em을 쓰면 글자 크기를 배율로 올려줌

근데 이건 자연수만 먹더라

이렇게까지 글자를 키울 일이 있으려나 싶으니 그냥 font-size 쓰는거 추천함

그리고 span은 세미콜론;을 써서 합칠 수 있으니 참고

예를 들어 글자를 파랗게 하고 4픽셀짜리로 만들고 싶으면

<span style="color:blue"><span style=" font-size:4px">글자</span></span> ←이렇게 쓰지 말고

<span style="color:blue; font-size:4px">글자</span> ←이렇게 쓰면 된다는 말임 ㅇㅇ

정렬 <p style>

<p style="text-align: ㅇㅇ"> </p>, ㅇㅇ 대신에 left, right, center 넣으면 됨

사실 형태를 보면 알겠지만 원래 span처럼 다른 요소 집어넣어서 쓰는 기능인데 icc에서 먹는게 거의 없더라

뿐만 아니라 span에서 할 수 있는건 거의 p에서도 되지만, 왜 따로 설명하냐면 icc에서 p를 집어넣으면 왠지 텍스트가 알아서 왼쪽 정렬이 되기 때문

일일이 text-align:center를 넣어놓으면 해결되긴 하는데 귀찮으니 난 이 용도로만 쓴다

줄바꿈 <br>

말 그대로 줄바꿈

그냥 엔터키 치면 되는데 이걸 왜 쓰냐면, 선택지 제목이나 포인트 설명문에는 엔터키를 칠 수가 없기 때문이다

특히 word 기능을 쓸 때 줄바꿈을 하려면 이 태그밖에 없다

선택지 제목으로 이런 짓이 가능하다는 이야기 ㅇㅇ

가로선 <hr>

가로선 하나 죽 그어줌

선택지보다는 행에서 주제를 환기시키고 싶은데 새 row를 파기엔 애매할 때 써먹을 만할듯

주석 <!--       -->

이름 그대로 이 안에 넣은건 주석 처리되어서 편집기 닫으면 안보임

일단 본인은 거의 안쓰는데... 누군가에겐 유용할지도 모르지

아마 더 있을것 같지만 일단 내가 확인한건 여기까지임

아는거 있으면 알려줫

+ 추가: 후편