글

라벨이 HTML인 게시물 표시

구글 블로그에 표를 넣는 필수 기술

-
이미지
 B  Blogger with Wenlipot 표만들기 (HTML) blogger 구글 블로그(Blogger)를 하다보면 옆에 무릅사이에 얼굴을 파묻고 있는 자신의 모습을 발견하게 됩니다. 이 구글 블로그(Blogger)는 사용하면 사용할 수록 기본 레벨을 어디에 잡았는지 알것 같습니다. 프로그래밍은 아니지만 어느 정도 HTML을 요구합니다. 저도 그렇지만 키보드보다는 마우스의 비중이 큰 요즘같은 시대에는 맞지 않는 다는 생각이 들면서도 컴퓨터의 기본적인 구조가 무엇인가를 생각하면 당연하다는 생각이 들기도 합니다. 비주얼(!)베이직 이라는게 엄청 큰 반향을 일으켰었던 것도 생각이 나네요. 서운하기까지 한 구글 블로그(Blogger)의 글쓰기 메뉴를 볼까요? 어디를 찾아보아도 표를 만드는 메뉴가 없습니다. 엑셀이나 한글 워드까지는 아니더라도 기본적인 구획은 칠 수 있었으면 했는데 말이죠. 방법은 한가지 밖에 없습니다. 바로 <HTML>입니다.  이제 "글쓰기" → "HTML" 를 편집하기 위해 전환하는 설명은 안 드려도 될거라 생각합니다. HTML 편집기로 들어가셔서 다음과 같이 적어보세요. 1. 기본형 (<table>부터  </table> 까지입니다.) <table border="1" >  <tr>    <td>  1번 sample   </td>  </tr> </table> 그럼 아래와 같은 모양이 나옵니다. 이상하죠? 1번 sample 2.  그럼 이제 더 추가해 보겠습니다.  (<table>부터  </table> 까지입니다.) <table border="1" >  <tr>    <td>   2번 sample     <
자세한 내용 보기

구글 블로그를 한다면 필수인 html에서 줄바꿈하기

-
이미지
 B  Blogger with Wenlipot 줄바꿈 하기 <br /> 구글 블로그에서 글을 쓸때는 기본적으로 "글쓰기" 탭에서 글을 씁니다. 그리고 이 화면에서는 정렬이나 줄바꿈을 마우스나 키보드로 무리없이 가능합니다. 하지만 이제 시작한 "html"을 다루다 보면 html 탭에서 적용한 것들은 "글쓰기" 탭에서 영향을 줄수가 없습니다. 심지어 가운데 정렬이나 줄바꿈 같은 기본적인 것들도 말입니다. 자 이제 지난번에 수평선 긋기를 하셨다면 좀더 균형 있고 예쁜 모양으로 구조를 맞춰보도록 하겠습니다. 줄바꿈  html <br /> 줄 바꿈을 위한 html은 <br /> 입니다. br이며 /로 닫아줘야 합니다. 지난번에 수평선 긋기와 같은 구조인걸 아실 수 있을 것입니다. 수평선 긋기는 hr로 시작해서 /로 닫아줍니다.  예를 들어보겠습니다. 먼저 줄을 3줄(순서대로 red , green , blue ) 그어 보겠습니다. html 수정 화면으로 들어가면 다음과 같이 되어 있겠죠? <hr color=" red " noshade="" width="60%" /> <hr color=" green " noshade="" width="60%" /> <hr color=" blue " noshade="" width="60%" /> red와 green 사이를 한줄 띄우기 위해서는 다음의 형광펜을 친것과 같이 원하는 곳에 <br />를 적어주면 됩니다.  <hr color=" red " noshade="" width="60%&quo
자세한 내용 보기

내 구글 로그만 지저분하다면 수평선으로 새생명을!! (html 따라하기)

-
이미지
 B  Blogger with Wenlipot 구글블로그에 수평선 넣기 구글 블로그를 만들다보면 뭔가 부족함이 느껴진다. 매번 똑같은 스타일의 글이 써지는것 같고 디자인 역시 허접한 것같다.  물론 웹디자인을 전공으로 하지 않은 이상에야 경험이나 감각에는 차이가 날 수밖에 없기 때문에 필요이상의 기대는 애초에 하지 않는 것이 좋다.  그런대 기본적으로 있어야 할꺼 같은 기능마저 이 구글블로그의 편집 화면에는 있지 않아서 당황스러워진다. 바로 오늘 다룰 "수평선 긋기" 와 같은 것이다.  예를 들면 네이버 블로그 같은 경우는 어떤 노력이 없이도 다양한 종류의 수평선을 넣을 수가 있다 물론 그것 역시 너무 남발을 하다보면 스크롤 하느라 정신 없어진다.  구글 블로그는 요즘의 트랜드인 스마트폰이나 태블릿에서 터치 한번으로 만들거나 할 수 는 없지만 글을 디자인하거나 편집하는데 거의 한계가 없다 는 점을 다시 기억하도록 하자. 다만 그토록 피하고 싶은 html 이라는 것을 조금 해야 한다. 자.. 엄청 쉽다! 걱정 말고 따라만 해보면 된다. 수평선 긋기 html <hr color="색상코드" noshade="" width="길이" /> 지금의 이문장과 위의 내용 사이에 수평선을 넣어볼 것이다. 우선 아래 그림에 빨간네모박스인 html 을 클릭 하고 위치 를 찾아야 한다. 제일 아래 빨간 네모 부분에 찾은 것을 확인 할 수 있다.  본문의 내용이 지금처럼 짧은 경우에나 가장 마지막인 경우에는 쉽게 찾을 수 있다.  (그렇지 않은 경우에는 윈도우의 수퍼최강 무기 "Ctrl +F"를 활용하면 된다.) 구글 블로그 꾸미기 - 수평선 긋기(html) 위치를 찾은 곳 바로 위에 enter을 입력해서 빈 공간을 만들어 주고  <hr color=&q
자세한 내용 보기