태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

[왕초보 홈페이지 만들기 강좌 ①] HTML이란 무엇인가?
http://blog.hostit.co.kr/82

[왕초보 홈페이지만들기 강좌 ②] 나모 웹 에디터란 무엇인가?
http://blog.hostit.co.kr/83

[왕초보 홈페이지 만들기 강좌 ③] 기본적인 HTML 문서의 구조
http://blog.hostit.co.kr/105

[왕초보 홈페이지 만들기 강좌 ④] HTML 태그의 기초를 익혀보자! 기본 HTML 태그
http://blog.hostit.co.kr/118

[왕초보 홈페이지 만들기 강좌 ⑤] 동방신기 사진 넣기, 이미지 넣기, 글자 정렬, 문장 정렬

http://blog.hostit.co.kr/130




홈페이지는 html 문서로 이루어져있다고 저번 강좌에서 말씀드렸죠?
다른 문서들처럼, html 문서도 글과 그림/동영상/음악 등으로 구성되어 있어요.
오늘은 홈페이지의 내용을 이룰 글자를 다루는 법에 대해서 잠깐 알아볼 거에요.


1. <h> 태그

제목을 표시할 때 쓰는 태그로, 문자의 크기를 정할 수 있습니다.
제목이므로 기본적으로 '굵게'가 선택되어 있어요.
<h1>부터 <h6>까지 있고, 숫자가 클수록 크기는 작아집니다~
(나중에 배울 <font size>와는 반대랍니다 :D)


2. <b>, <i>, <u> 태그

각각 문자를 굵게, 이탤릭체로, 그리고 밑줄을 쳐서 보여주는 태그들입니다
문자를 강조하고 싶을 때 유용하게 쓸 수 있어요~


3. <big>, <small> 태그

문자의 크기를 주변 문자보다 크게, 또는 작게 만들 수 있지요.



4. <p> 태그

한 문단의 시작을 알리는 태그입니다. <p>와 </p>로 둘러싸인 문자열은 하나의 문단이 되겠죠? 


5. <br> 태그

문자열을 한 줄 띄어주는 태그입니다.
<br><br>이라고 쓰면 두 줄을 띌 수 있겠죠?




그러면 직접 실습하면서 익혀볼까요~?
강좌 ③에서 만들었던 홈페이지에 아래와 같이 작성해 보아요 :D





그러면 아래와 같이 보이게 되죠 :D





그럼 문자 태그의 꽃이라고 할 수 있는 <font> 태그에 대해서 알아볼까요~

1. <font size>
ex) <font size = "6"></font>

글씨의 크기를 조절하는 데에 사용합니다.
숫자로 1부터 7까지 있고, 7이 가장 큰 사이즈입니다.
<h> 태그와 반대죠?


2. <font color>
ex) <font color = "red></font>

글씨의 색을 나타내 줄 때 쓰는 태그입니다.
영어로 써도 되고, 색상코드로 써도 됩니다.
blog.naver.com/leewonguu?Redirect=Log&logNo=60065743161 페이지에 색상 코드표가 나와 있더라구요~
참고하세요 :D






3. <font face>
ex) <font face = "궁서체"></font>

기본 글씨체가 아닌, 내가 지정하는 글씨체로 글자를 보여주는 속성입니다.
그런데 만약 내 홈페이지를 방문한 사람의 컴퓨터에 해당 글씨체가 없다면
그냥 기본 글씨체로 보여지게 됩니다~




그럼 또 다시 실습으로 알아볼까요~



속성은 한개씩 쓸수도, 여러 개를 한꺼번에 쓸 수도 있습니다.
다만 끝나고 나서는 </font> 태그로 닫아주는 것, 잊지 마세요!
닫아주지 않으면 속성을 적용하고 싶지 않은 글자에도 영향을 미칠 수 있어요 ㅠㅠ






 

여러분도 원하는 결과물을 얻으셨나요?
예쁜 홈페이지를 만들기 위한 준비 과정이라고 생각하고 열심히 연습해 두세요~!




www.hostit.co.kr

Posted by 호스트잇

댓글을 달아 주세요

  1. 초보 홈페이저 2009.08.06 14:07  댓글주소  수정/삭제  댓글쓰기

    +_+ 좋은 강좌 많이 부탁합니다.
    호스트잇 서비스...가격에서는 일단 싸지는 않지만
    그렇다고 비싸지는 않은거 같은데요..

    전화응대는 잘해주네요..
    과연 서비스는 어떨련지..

  2. 우왘 2012.10.28 15:34  댓글주소  수정/삭제  댓글쓰기

    저번에 만들었던 홈페이지를 메모장으로 어떻게 여는지?ㅠ.ㅜ

  3. ugg boots 2012.12.25 01:30  댓글주소  수정/삭제  댓글쓰기

    http://www.ghdhairstraighteneraw.com/ plancha pelo ghd se volvió para irse, él no es el destino, ¿entonces qué?!Corazón de la ghd traición si en repetidas ocasiones al plan.Verdadero destino ya está muerto, así que ve hacia el camino, recibió sólo un dos pin de la ghd, reemplace el niño -. Su hermano mayor nunca olvidaré es la posibilidad de traer a los dos polos, la profecía de la llamada, pero un gran número de mensajes ghd recogidos por el Tribunal Farmer, resumió el uso más probable su amplio conocimiento del futuro.

    http://www.ghdhairstraighteneraw.com/ ghd planchas recta para salir de la mazmorra, él no tiene la intención de hacer frente a los dos hombres, y él temía que no podría resistir una vida, y la pizca santos puede apaciguar.Yanwu campo, hijo jade manso hacer fade espíritus malignos, y con mucho viento. Ghd, esta vida, Tu Do Santos, el destino absoluto por esta generación de resistencia I, matar, matar, matar!

    Sub-seca, el 4 http://www.ghdhairstraighteneraw.com/ ghd baratas llegará Okinawa Yan City. "Entregó Luojia habitual inteligencia, fila ghd.Los sub marchito Permanente recibió fan ghd "miró a la inteligencia, sus ojos apagados y difícil de entender."Escuche un pequeño ventilador bajo Bingbao dos príncipes se han rodado en lo Criminal Wu vacía, la que, en esta ocasión se envió a las manos de los dos príncipes ghd buen momento homeopático." La sonrisa Luojia.

  4. michael kors purses 2012.12.30 00:09  댓글주소  수정/삭제  댓글쓰기

    El http://www.hermesoutletx.com/ bolsos hermes desea que esta famosa tienda frito. Cuatro personas tienen miedo de hambre, instando al jefe un poco más rápido. El jefe instaron rápidos chicos, los chicos no pueden esperar a que se instaba al momento de frenar un poco.El pasado hermes, dijo que primero castigado en Shanghai "delicioso" peleas del hotel. Antiguo K dijo que inclinarse para disfrutar. Antiguo K y hermes como la mayoría de los estudiosos, en el amor, el estudio profundo, pero no por analogía con el. Sobre la piel y no se atrevió a tocar la cosa real El hermes robar Dependiendo de ella, ella está ocupada inclinó la cabeza fortaleza que morder la piel, el polvo de pelo en el pecho.

    Son tres de una felicidad dolorosa, la puerta y entrar en tres. http://www.hermesoutletx.com/ hermes codo golpeó el viejo K, K viejo miró fríamente: "No te preocupes por ellos, y seguir comiendo."hermes Mientras las cosas del hampa no entiendo muy bien, pero tres de la fama demasiado, hermes había oído. Los tres hombres han abandonado el trío encabezado persona hermes, en el almacén clamaron al gusto frito.

    http://www.hermesoutletx.com/ bolsos hermes mirada, le susurró: "Ellos estaban en tan rápido, realmente ..." Tsz Chun Leung le guiñó un ojo.Hermes un tiro en la tabla siguiente, los palillos, el enojo y dijo: "Maldita sea, eres pájaros cansados ​​No suerte!"hermes nueve personajes a cambio de sus diez palabras, asustado lejos de la abertura.

    http://www.hermesoutletx.com/ http://www.hermesoutletx.com/

  5. nfl shop canada 2013.01.06 20:36  댓글주소  수정/삭제  댓글쓰기

    Sólo ella sabía, ex novia Planchas GHD no es tan bueno que lidiar.Ley? Zhong Qiang mínima no quiero hacerla sentir mejor, ghd corazones como Der Spiegel, de lo contrario, Zhong Qiang Baba por qué vienen a "gracias" a ella?Recordado ex novia siguen viviendo en la casa de ghd no era feliz, pero a la personalidad ghd, su personalidad, no puede obligar a Zhong Qiang se mudó, especialmente en las circunstancias actuales.

    Piense Zhou Xintian fue enviada a una nueva mirada, la dejó firmemente en el control de los bosques, más dinero y la gente realmente no podía dejar de sonreír, ghd baratas, este ex-novia, ni siquiera era muy torpe cuando it'm realmente atascado en la garganta al tragar tragar, escupir y asador.

    El GHD España repente levantó la vista y preguntó al bosque Vietnam: "Si tuviéramos en el caso que nos casamos, ella le quedarse con la casa, no te piden mi consejo?"ghd rápidamente con firmeza: "Esto es, por supuesto".la picadura ghd la Yaochun de: "¿¿Y si no estoy de acuerdo con lo que tú puedas hacer"

    http://www.ghdspainshopx.com/ http://www.ghdspainshopx.com/

  6. coach outlet 2013.01.22 18:56  댓글주소  수정/삭제  댓글쓰기

    안녕하세요, 연극<사람을 찾습니다>의 극단 Soulmate입니다. 후기 잘 읽었습니다. 너무 감사드려요.