테그(tag) 배우기

이미지 글씨 칼라 코드 색상표 태그 소스-태그 박스

푸르미르(청룡) 2015. 4. 16. 18:52

 

이미지 글씨 칼라 코드 색상표 태그 소스-태그 박스

 

color는 코드나 영어로만 기입하세요.

<font color=red>빨강색

<font color=orange red>

<font color=orange>

<font color=coral>

<font color=>FF4500>주황
<font color=yellow>노랑
<font color=FFFF00>연노랑
<font color=green>초록색

<font color=spring green>

<font color=medium spring green>연두색

<font color=cyan>

<font color=blue>파랑색 남색

<font color=neon blue> 파랑

<font color=FFC0CB>분홍

<font color=magenta>분홍

<font color=white>흰색

<font color=purple>보라색

<font color=spicy pink>핑크색

<font color=neon pink>

<font color=black>검정색

<font color=brown>밤색

<font color=grey>회

<font color=wood>나무

<font color=light wood>밝은 나무


3. HTML태그 포함
글자의 크기, 색상 등 각양각색의 예술적 가치를 꾸밀수가 있고 그림이나 음악을
넣을 수 있습니다.

4. 태그의 대표적인 것 - 간단히 해 볼 수 있는것 몇개만 소개합니다. 이것 정도만
알고 좀 이해가 되면 더 다양한 태그를 사용할 수 있습니다.

모든 태그는〈 〉꺽쇠 괄호 속에 있어야 합니다.

글자에 대한 것
〈font face=딸기체 size=3 color=black〉 대문자 소문자 구별없이 사용할 수
있습니다.
font : 글자에 대한 태그를 하겠다는 표시
face : 글자 모양입니다. 글자체(궁서체, 명조체, 고딕체, 돋움체, 굴림체 등)는
여러 종류가 있는데 잘 모를때 생략하면 기본체가 표시됩니다.
생략은 "face=???"를 넣지 않는것입니다.
size : 글자크기 3이 표준 크기이고 4, 5 이렇게 크지면 글자도 크집니다.
color : 글자 색상입니다. black, red, blue, green, pink, brown등 많이 있지만
이정도만 아십시요.

문장에 대한것
〈b〉 : 글자를 진하게 합니다. (워드에서 bold 기능과 같습니다.
〈br〉 : 줄바꿈을 합니다.
〈p〉 : 줄을 바꾸고 한줄 공백을 만듭니다.
이때는 앞의〈br〉를 연속해서 사용하지 않는게 좋습니다
왜냐하면 〈p〉를 쓰면 줄을 바꾸고 또 한줄의 공백을 주는데
또 줄바꾸기 태그를 쓰니까 2줄의 공백이 되는 셈이 됩니다.
〈pre〉: 화면에 입력하는 모양 그대로 보이게 하는 것입니다.

전반적인것
〈center〉: 글자나 그림을 현재 보이는 화면의 중앙에 놓이게 합니다.
〈body leftmargin=100 topmargin=100〉: 문장의 머리에 써주면 그 다음의
모든 문서가 왼쪽과 맨 위에 100 픽셀의 여백을 만듭니다.

기타 : 위에 설명한 태그는 그 명령을 해제하기 위해서는
〈/FONT〉〈/b〉〈/br〉〈/p〉〈/pre〉〈/center〉〈/body)
같이 /을 넣어 주어야 합니다.

 

이미지를 넣는 방법
이미지는 (인터넷상의)어디엔가 저장된것을 가져오는 것이므로 그 저장된 곳의 주소를
알아야 합니다.

카페에 있는 사진의 주소를 아는 방법은
1. 사진을 클릭해서 사진이 보이면
2. 사진의 가운데에서 마우스 오른쪽을 클릭하여 메뉴가 아래 그림처럼 나타나면
3. 다시 속성을 클릭합니다.
4. 다시 나타난 창에서 주소:(URL)의 오른쪽 내용이 실제 주소입니다.
5. 이 주소를 마우스 왼쪽을 누른 상태로 드래그하여 클립보드에 임시로 저장시켰다가
6. 필요한 곳에 붙여넣기를 하면 됩니다.

복사와 붙여넣기는 아래에 별도로 설명합니다.
이미지의 태그는 다른것도 있으나 이정도만 이해하면 됩니다.

음악을 넣는 방법
음악은 그 용량때문에 우리가 카페에 보관하기가 어렵기 때문에 전문 음악 사이트에서
그 주소를 가지고 와서 씁니다.

음악의 주소를 가져오는 방법도 이미지와 비슷하나 조금은 어려우니 생략합니다.
그러나, 태그는〈embed src=주소〉이니 벌써 눈치빠른 분은 알겠지요.
즉, 〈embed src=http://cafe124.daum.net/_c21_/pds_down_hdn?grpid=
c7x8&fldid=6AiQ&dataid=4&grpcode=namhaetoki&realfile=%B3%B2%C7%D8%C3%C
A%B5%EE%B1%B3%B0%A1.mp3 hidden=true loop=-1〉입니다.
"hidden=true"는 오디오 콘트롤러를 숨기거나 표시하는
것인데 여기서는 숨긴게 됩니다.
"loop=-1"는 노래가 끝나고 반복해서 계속하라는 것입니다.

여기서, loop=-1 또는 loop=infinite는 반복을 계속해서 하겠다는 뜻입니다.

 

복사하기 : 복사할 부분을 마우스 왼쪽을 누르면서 드래그하여(드래그 된 부분이
파랑색으로 표시됨)
Control키를 누른체 C 키를 누르던지 마우스 오른쪽을 누르면 나타나는
메뉴에서 복사를 클릭한다.
이렇게 하면 아까 드래그한 내용이 클립보드라고 하는 임시저장소에
보관된다.
붙여넣기 : Control키를 누른체 V 키를 누르던지
마우스 오른쪽을 누르면 나타나는 메뉴에서 붙여넣기를 클릭한다.

복사하기와 붙여넣기는 워드프로세서 등 거의 대부분의 컴퓨터에는 표준으로
자리잡은 방법입니다.

 

'테그(tag) 배우기' 카테고리의 다른 글

색상표  (0) 2017.10.16
태그 용어설명  (0) 2017.10.16
색상표  (0) 2017.10.15