블로그 글쓰기에서 HTML 이해하기

2012. 3. 12. 06:30컴퓨터/블로그 만들기

반응형

블로그에 글을 쓰면서 우측상단에 □ HTML에 체크를 하면 컴퓨터가 HTML로 작성된 언어로
바꾸어 줍니다. 블로그를 처음 운영하면서 블로그에 글쓰기도 힘들고 어렵지만 □ HTML에
체크하고 써진 글을 HTML 바꾸어 보면 무슨 내용인지 도무지 알 수 없습니다.

전문으로 HTML을 자유롭게 사용하는 분들은 너무 쉬운일 인지 모르겠으나 글쓰기도 어려워하는
분들에게는 초반에 포기단계에 들어갑니다. 그러다 보면 HTML로 쓰여진 스킨을 다루기가
점점 힘들어져 블로그를 운영하기가 어려워지는 단계로 들어갑니다.

오늘은 블로그 글쓰기에서 HTML 이해하고 그것을 응용하는 것에 대하여 간략하게 소개하여
드립니다. 짧은 내용이지만 블로그에 글쓰기를 하면서 실험하여 보면 HTML을 이해하는데
도움이 될련지 모르겠습니다. 한가지 예로 저의 블로그에 글자에 색을 입혀 사이드바에 
보여지게 하는 방법을 블로그 글쓰기에서 HTML 언어를 얻었던 일을 소개하여드립니다.

먼저 글쓰기에서 '상단으로' 색상과 폰트를 만들어 적용하면  <FONT style="BACKGROUND-COLOR: #9ab11b" color=#ffffff>
상단으로<br /></FONT></FONT></a>
이렇게 HTML 언어로 바꾸이집니다. 이것을 <div class="blogTop">
<a href="#container" title="">에 연결하여 사이드바 HTML과 스킨에 적용하면
나타내고자 하는 화면의 위치에서 보여지게 됩니다.

상단으로
사이드바와 스킨에 적용하는 HTML로 작성된 언어
<div class="blogTop">
<a href="#container" title=""><FONT size=6>  <FONT style="BACKGROUND-COLOR: #9ab11b" color=#ffffff>상단으로<br />
</FONT></FONT></a>

..................................................................................................................................................................

마찬가지 글쓰기에서 '하단으로' 색상과 폰트를 만들어 적용하면  <FONT style="BACKGROUND-COLOR: #9ab11b" color=#ffffff>
상단으로<br /></FONT></FONT></a>
이렇게 HTML 언어로 바꾸이집니다. 이것을 <div class="blogbody">
<a href="#footer" title="">에 연결하여 사이드바 HTML 과 스킨에 적용하면
나타내고자 하는 화면의 위치에서 보여지게 됩니다.

하단으로
사이드바와 스킨에 적용하는 HTML로 작성된 언어
 <div class="blogbody">
<a href="#footer" title=""><FONT size=6>  <FONT style="BACKGROUND-COLOR: #9ab11b" color=#ffffff>하단으로<br />
</FONT></FONT></a>

.................................................................................................................................................................................

이와같이 블로그 글쓰기에서 HTML 이해하기란 쉽지 않지만 이러한 방법을 응용하면 다양한 방법으로
스킨을 만들거나 사이드바를 자유롭게 이용할 수 있을 것같습니다.블로그 맨 아래 부분의 드롭다운
메뉴도 스킨을 이해하다 보니 상단과 하단에 적용하여 보았습니다. 재미있는 것은 드롭다운메뉴가
하단에 적용한 것은 페이지 위로 펼쳐지는 것을 발견하게 됩니다.  

블로그 글쓰기에서 HTML을 이해하고 배워 숙달이 되다보면 다양하게 응용 할 수 있어 글쓰기도
중요하지만 블로그에 올려진 글을 좀더 효율적으로 보여지게 하는 블로그 꾸미기도 
글쓰기 만큼이나 중요한 비중을 차지합니다. 

HTML로 작성된 언어를 글쓰기에서 만들어 가져와 적용해 보면서 동영상으로 화면을 캡쳐하여 잠시보여
드립니다. 완벽하지는 않지만 스킨 전체를 크게 바꾸지 않고 점진적으로 블로그의 화면이
발전해가는 것을 보게됩니다. 
    

하단으로
사이드바와 스킨에 적용하는 HTML로 작성된 언어
 <div class="blogbody">
<a href="#footer" title=""><FONT size=6>  <FONT style="BACKGROUND-COLOR: #9ab11b" color=#ffffff>하단으로<br />
</FONT></FONT></a>


상단으로
사이드바와 스킨에 적용하는 HTML로 작성된 언어
<div class="blogTop">
<a href="#container" title=""><FONT size=6>  <FONT style="BACKGROUND-COLOR: #9ab11b" color=#ffffff>상단으로<br />
</FONT></FONT></a>


글쓰기에서 '상단으로' 색상과 폰트를 만들어 적용하면  <FONT style="BACKGROUND-COLOR: #9ab11b" color=#ffffff>
상단으로<br /></FONT></FONT></a>
이렇게 HTML 언어로 바꾸이집니다. 이것을 <div class="blogTop">
<a href="#container" title="">에 연결하여 사이드바 HTML과 스킨에 적용하면
나타내고자 하는 화면의 위치에서 보여지게 됩니다.

하단으로


블로그에 글을 쓰면서 우측상단에 □ HTML에 체크를 하면 컴퓨터가 HTML로
작성된 언어로 바꾸어 줍니다.



 블로그에 글자에 색을 입혀 사이드바에 보여지게 하는 방법을 블로그 글쓰기에서
HTML 언어를 얻었던 일을 소개하여드립니다


블로그 글쓰기에서 HTML 이해하기란 쉽지 않지만 이러한 방법을 응용하면 다양한 방법으로
스킨을 만들거나 사이드바를 자유롭게 이용할 수 있을 것같습니다


HTML로 작성된 언어를 글쓰기에서 만들어 가져와 적용해 보면서 동영상으로
화면을 캡쳐하여 잠시보여 드립니다.



반응형