요즘 블로그에서는 html을 전혀몰라도 Html의 기능들이 메뉴형태로 편리하게 나와있어 아무문제 없이 포스팅을 할수가 있습니다. 하지만 가끔 포스팅을 하다보면 자동으로 태그를 해주는것들이 지나쳐서 태그가 엉켜버릴때가 있습니다.  이럴때를 대비해서 직접 수정해줄때 알아두면 유용한 기본적인 Html 태그와 포스팅할때 알아두면 좋은 태그들을 정리해봤습니다.


■ 알아두면 유용한 태그

한줄 내림 <br>, <br/>
한칸띄움 &nbsp;
가운데정렬  <p align=center>내용</p>
인용문(따옴표) <blockquote> 인용문</blockquote>



■ Font 관련


글씨크기 <font size="숫자">글자크기</font> 글씨크기
글씨체 <font face="궁서">궁서체</font>
글씨색상 <font color="Red">빨간색</font> 빨간색
글씨색상 <font color="#EB1C1C">빨간색</font> 빨간색
글씨진하게 <strong>빨간색</strong> 빨간색

- 글씨 색상코드 (보러가기)



■ 링크



기본링크 <a href="주소"> 기본링크</a> 기본링크
새창열기 <a href="주소" target=_blank> 새창열기</a> 새창열기
이미지불러오기 <img src="이미지주소">
이미지링크 <a href="주소"><img src="이미지주소"</a>



■ 리스트 관련


<UL>
<LI>테스트</LI>
<LI>테스트</LI>
</UL>

  • 테스트
  • 테스트
<OL>
<LI>테스트</LI>
<LI>테스트</LI>
</OL>
  1. 테스트
  2. 테스트
<OL>
<LI TYPE=a>테스트</LI>
<LI TYPE=A>테스트</LI>
</OL>
  1. 소문자
  2. 대문자 


■ 후기

링크는 정확히 알아두셔야 하지만 나머지부분은 티스토리에 기본 메뉴에 있기 때문에 가끔 태그가 엉켰을때 대충만 알아놓으셔도 수정하기가 많이 편리합니다.   



댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. 노을이두 아주 기본적인 것 밖에 모르는데...
    잘 보고 갑니다.

    2010.05.22 08:55 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 요즘은 예전이랑 많이 달려져서
      노을님처럼 기본적인것만 알면 될것 같더라구요 ^^;

      즐거운 주말보내세요!

      2010.05.22 08:58 신고 [ ADDR : EDIT/ DEL ]
  3. 역시 유용한 ...늘 고맙습니다...^^

    2010.05.22 09:07 신고 [ ADDR : EDIT/ DEL : REPLY ]
  4. 스킨 변경시 자주 쓰게 되는
    태그와 css 도 정리해주시면
    처음 블로그 하시는 분들께 도움이 많이 되겠어요. ^^

    2010.05.22 09:23 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 제 블로그에 스킨 변경하느것도 초보분들을 위해서 복사하는것도 위주로 하고 있지만
      정말 기본적인것들 있으면 좋을것 같더라구요
      그래서 몇가지만 넣어보려구요 ^^;;

      2010.05.22 09:27 신고 [ ADDR : EDIT/ DEL ]
  5. ㅎㅎ..저를 비롯해서
    하도 질문 하시는 분들이 많으니까
    아에 포스팅을 하셨군요?

    아구~그래도 게으른 저는 영어로 일일이 치는것 마저...ㅡ,ㅡ

    그냥 밥을 떠달라고 하는거 같지요? ㅎ

    쉬는날도 수고가 많으셨어요~

    저도 오늘은 약국 정상근무 중입니다.

    2010.05.22 09:41 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 아니예요 ㅋㅋ 블로그 구색(?)을 맞추려다보니
      이런 기본적인 내용정도는 포스팅하는게 좋을것 같아서요 ^^;
      꼭 다 외우실필요없구요 가끔~ 포스팅하다보면 코드가 엉킬때가 있어요
      그럴때 대충 뭐가먼지만 아시면 많은 도움되실꺼에요
      흐미.주말인데도 수고가 많으시네요! ^^;;

      2010.05.22 09:49 신고 [ ADDR : EDIT/ DEL ]
  6. 리스트 관련 태그는 몰랐는데 새로 알게 되네요
    티비님 포스팅은 깔끔 간결해서 눈에 확확 들어와서 좋아요^.^

    2010.05.22 09:48 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 리스트도 티스토리 메뉴를 이용해서 생성하다보면
      html을 통해서 보면 너무 복잡해보이고 손을대기가 어렵더라구요
      그래서 대충 뭐가 먼지만 아시면 도움 많이 되실꺼예요!

      즐거운 주말 보내세요!

      2010.05.22 09:50 신고 [ ADDR : EDIT/ DEL ]
  7. 역시 블로거들이 무엇을 필요로 하는지 정확히 아시는 쎈스~짝짝짝
    오늘도 역시 꼭 필요한 정보에 감사합니다.
    여기저기 흩어져 있는 html 기본정보의 요약본이 꼭 필요했습니다.
    오늘부터 차근차근 티비님의 노하우들 제 블로그에 적용해도 괜찮을까요?
    즐겁고 행복한 토욜 보내세요~(--)(__)

    2010.05.22 10:39 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 그럼요~! 예쁘게 적용해주시면 제가 더 좋죠!!
      안다님은 타이틀이 멋지셔서 다른부분수정해주시면
      더 멋진블로그가 될것 같으세요 !!
      -----------------------------
      안다님도 즐거운 주말보내세요!

      2010.05.22 10:42 신고 [ ADDR : EDIT/ DEL ]
  8. 태그는 몇개만 알면 쉬운데 또 안쓰면 금방 까먹는 아짐니 라소 ㅎㅎ^^
    연휴 잘 보내시고요^^

    2010.05.22 11:42 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • ㅎㅎㅎ 저도 그래요 ^^;;;
      자운영님처럼.. 그정도만 아시면 좀 까먹어도
      블로그하시는데는 전혀 문제 없으세요 ㅎㅎ

      자운영님도 즐거운 주말보내세요!

      2010.05.22 11:45 신고 [ ADDR : EDIT/ DEL ]
  9. 훌..이런 알짜배기 정보를...
    티비님, 너무 감사합니다 >.<

    2010.05.22 11:54 신고 [ ADDR : EDIT/ DEL : REPLY ]
  10. 얼마전부터 이곳에 오고있습니다.
    어려운거 있으면 물어봐도 되지요?
    자주드리겠습니다. 링크도하구요~
    즐거운 하루보내세요^^

    2010.05.22 12:39 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 그럼요 얼마든지 물어보셔도되요~ ^^;
      그런데~ 제가 아는게 많이 없어서 도움이될진 모르겠어요

      에버그린님도 즐거운 주말 보내세요 !!

      2010.05.22 12:48 신고 [ ADDR : EDIT/ DEL ]
  11. 저거 다 외워야 할텐데...ㅎㅎㅎ 그냥 외우기가 싫은거 있죠...적어넣고 찾으면 너무 오래 걸리고....

    2010.05.22 14:05 신고 [ ADDR : EDIT/ DEL : REPLY ]
  12. 기초적인 태그를 정리 잘해주셨네요 ^^
    저는 다른건 어느정도 하겠는데.. css부분엔 하나도 모르겠더라구요 ㅠㅠ

    2010.05.22 14:19 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 요즘은 너무 깊게 많이 알필요는 없는것 같더라구요
      꼭 필요해 보이는것 정도만 추려봤어요 ^^;
      저도 예전에 홈페이지만들때는 html로만 만들어보다가
      티스토리와서CSS는 접해보니 어렵더라구요
      스킨조금씩 변경하시면서 보시면 차차 좋아지실꺼에요 !!

      2010.05.22 16:06 신고 [ ADDR : EDIT/ DEL ]
  13. 항상 유용한 정보만 올려주시네요.
    저도html 태그가 가장 헤갈립니다.
    덕분에 깔끔하게 봤습니다.^^

    2010.05.22 15:55 신고 [ ADDR : EDIT/ DEL : REPLY ]
  14. 이렇게 기본태그라도 알아놓으면 정말 도움이 많이 될 것 같아요....
    공부 좀 해야겠습니다.. ㅎㅎㅎ

    2010.05.22 21:35 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 폰트관련은 티에디션때 벌써 마스트하셨으니깐요
      링크만 마스트하시면 되네요 ^^;;

      비는 오지만 즐거운 주말 보내세요 !!

      2010.05.22 21:39 신고 [ ADDR : EDIT/ DEL ]
  15. 예전에 메모장으로 홈페이지 만들던 떄가 생각나네요~
    요즘 그런 사람들은 없겠죠?ㅋ

    2010.05.22 23:47 신고 [ ADDR : EDIT/ DEL : REPLY ]
  16. 잘 정리해 주셨네요.
    가끔씩 이용할 때 마다 몰라서 찾아봤는데
    여기로 오면 되겠네요.^^

    2010.05.23 01:12 신고 [ ADDR : EDIT/ DEL : REPLY ]
  17. 제가 html에 대해서 블로그 하면서 처음배워봅니다.
    티비님 자료 없으면 제 블로그는 아직도
    사경을 헤메고 있겠죠 감사드려요^^~~

    2010.05.23 06:15 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 요즘은 자동변환이 잘되있어서요~ 가끔 태그가
      엉킬때가 아니면 잘 사용할일이 없더라구요
      대충 먼지만 아시면 되실꺼예요 ^^;;

      2010.05.23 06:30 신고 [ ADDR : EDIT/ DEL ]
  18. 이정도 기본 태그는 알고 있음 참 유용합니다.
    저도 예전에 네이버 태그카페(4천여명) 운영했었는데, 그때 많이 배웠었죠.....^^

    다 기억은 못하지만 기본 상식이 있으면, 고급 태그 적용시 많이 도움이 됩니다.

    2010.05.25 21:55 신고 [ ADDR : EDIT/ DEL : REPLY ]
    • 가끔 코드엉킬때 기본정도는 알아두시면 편할것 같더라구요~!
      아.. 태드님 블로그가 그래서 그렇게 깔끔한가보네요 ^^;
      블로그 너무 예쁘시더라구요!

      2010.05.25 22:15 신고 [ ADDR : EDIT/ DEL ]
  19. 티비님 혹시 왼쪽정렬은 아시는지요?... ㅠㅠ
    좀 길게 포스팅하겠다고 하고 글을쓰면 한 5번은 오류가나서 ,,,

    2010.05.30 14:18 신고 [ ADDR : EDIT/ DEL : REPLY ]
  20. 오오 유용한 태그네요 ㅎㅎ 태그열심히 배우고있는 저한테 아주 약이되는 글인것 같아요!

    2010.09.01 03:53 신고 [ ADDR : EDIT/ DEL : REPLY ]
  21. 몇번이나 엉망이 되었던 적이 있는데, 역시 알아둬야겠더라구요. 유용한 정보 감사드립니다.

    2012.04.05 20:01 신고 [ ADDR : EDIT/ DEL : REPLY ]