서식 가이드

HTML 서식을 배우고 싶나요?

HTML을 배울 좋은 기회를 얻으셨군요! 완벽 가이드까진 아니지만 기본적인 사용법과 게임에 응용하는 방법을 같이 배워봐요!

입문하기

우선 게임에서 내가 원하는 것을 지정해줄 명령어를 어떻게 쓰는지 알아야 해요. 모든 명령어는 홑화살괄호(이하 괄호로 표기) < > 안에 적히는데 이걸 '태그'라 불려요. 이 태그들 사이에 뭔가를 입력한다는 건 명령어를 실행한다는 뜻이에요. 명령어를 끝내려면 태그를 닫아야 해요. </command> 이런 식으로 왼쪽 괄호 < 바로 뒤에 빗금 / 적어서 닫으면 된답니다.

예를 들어 <b>이 단어</b> 이렇게 입력하면 게시글에서 이 단어가 볼드체로 보이게 돼요. 태그가 닫혀 있는 한, '이 단어' 뒤의 모든 글자가 볼드체로 바뀌지 않게 되는 거죠.

글자 색 지정

빨강, 검정, 파랑, 초록, 하양과 같은 흔히 쓰이는 색상의 경우 그 색깔의 영어 이름을 적으면 돼요. "purple"이란 단어를 적으면 보라색이 되는 식이죠. 글자를 빨간색으로 바꾸고 싶다면 <color=red>글자</color> 이런 식으로 적어야 해요.

보다 구체적인 색을 띄울려면 16진수를 써야 해요. 16진수는 각 색상에 주어진 고유한 코드인데 컴퓨터에 사용되는 모든 색은 6개의 숫자와 문자로 구성되어 색깔을 정확하게 표시해 줘요.

쉬운 코드 사용 예시는 다음과 같아요.

밝은 빨간색 = #FF0000

보라색 = #CC00CC

분홍색 = #FF66FF

밝은 파랑색 = #CCCCFF

라임색 = #99FF99

16진수 코드를 쓰고 싶다면 <color=#FF66FF>글자</color> 이런 식으로 적으면 돼요. 저 예시대로 적으면 글자가 분홍색으로 보이게 돼죠. 우물 정 자 #를 16진수 코드 바로 앞에 적어야만 작동하니 명심해 주세요!

그리고 꿀팁 하나! 구글 사이트의 "색 선택기" 페이지나 포토샵, 메디방 같은 그리기 프로그램의 색 선택 창에서 원하는 색 및 그 색의 16진수(HEX) 코드를 쉽게 얻을 수 있답니다!

크기 조정, 볼드체이탤릭체

글자의 크기를 바꾸는건 쉽지만 텍스트 상자의 크기보다 글자 크기를 너무 키우면 글자가 잘려서 보이게 되니 유의해 주세요! 글자 크기를 1에서 100까지 조절할 수 있지만 1은 거의 안보일 정도로 너무 작아요. 40이 기본 글자 크기고 20은 읽을 수 있는 가장 작은 글자 크기예요. 100은 매우 크지만 읽는 데 짜증을 유발할 수 있으니 조금만 써 주세요. <size=40>글자</size> 이런 식으로 적어서 글자 크기를 바꿀 수 있어요.

볼드체와 이탤릭체는 코드가 정말 간단해요. 그냥 <b>볼드체 글자</b> 또는 <i>이탤릭체 글자</i> 이런식으로 적어서 쓰면 되거든요.

여러 서식을 한 곳에 지정하기

2개 이상의 명령어를 한 번에 띄울 경우 처음 열 땐 순서대로 적다가 닫을 땐 반대 순서로 적어야 해요. 예를 들어 글자에 볼드체와 이탤릭체를 동시에 주고 싶다면 <b><i>글자</i></b> 이런 식으로 적어야 해요.

안에 있는 모든 글자들이 첫 번째 명령어를 듣게 만드려면 일단 명령어 하나를 띄우고, 그 안에 명령어 여러 개를 입력한 뒤에 그 첫 번째 명령어를 닫으면 된답니다. 예시는 다음과 같아요.
<size=60><color=red>This is <b>big <i>red</i> text!</b></color></size>
그러면 글자가 위의 이미지와 같이 뜰 거예요. 밑의 이미지에 있는 글자를 띄우는 방법은 다음과 같아요.
<size=60>This is big text!</size> <color=red>This text is red.</color> <size=60><color=#00CCFF>This text is big <i>and</i> blue!</color></size>