Notice»

Recent Comment»

Recent Trackback»

« 2024/11 »
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30

태그연습장 (HTML)

카테고리 없음 | 2014. 2. 11. 13:06 | Posted by HiMERRY





태그연습장 (HTML) 소스를 연스하는 방법



안녕하세요. 해피판다 인사드립니다. 이번 시간에는 아주 쉽고 간단히 이용할수 있는 태그연습장 (HTML)을
소개해드리겠습니다. 전문적으로 공부하신분들은 뭐 잘알고 계시겠지만 이제 막 시작한 태그공부를
하신분들은 아마 헷갈리는 부분이 많으실겁니다. 저도 티스토리 블로그를 시작하면서 HTML 에 대해
조금씩 알아가고는 있지만 아직 확실히 모르는부분이 많이 있더라구요. 이에 저도 테두리만들기 박스 만들기 등등
연습을 하고 싶을때 태그연습장 (HTML)을 사용하는데요.  필요하신분들을 위해서 공유해드리겠습니다.







바로 사용하는 웹페이지에 적용하기란 힘든부분이 있습니다.
태그연습장 (HTML)을 사용해 보시면 미리 적용이 가능하니까요. 아마 도움이 되실거예요.
물론 태그연습장 (HTML)은 일종의 프로그램 입니다. 하지만 설치가 복잡하지 않아서 간단한 설치뒤에 사용할수 있는
아주 심플한 프로그램이니까요 걱정하지 마시고 편하게 사용하시면 됩니다.




태그연습장 (HTML) 사용방법 및 프로그램 소개




첨부된 파일을 그대로 저장 하신뒤에 바로 설치를 시작하심 됩니다.
설치과정은 아주 간단해요. 설치창이 아래와같이 나타나게 되면
설치 버튼을 눌러주세요. 그럼 바로 자동으로 설치가 됩니다.




혹시나 바탕화면에 바로가기 아이콘이 없을 경우 위에 보이는
설치경로 이동하신뒤에 그 폴도 안에서 바로 실행하시면 아래와 같이
HTML 태그연습장이 나타나게 됩니다.




심플한 디자인의 태그연습장 이예요.얼핏 보기엔 아무것도 아니라지만
HTML 소스를 가지고 연습하기엔 아주 훌륭한듯 합니다.
여러가지 소스들이 있지만 예를들어 몇가지 소스들을 가지고 만들어 볼께요.




이렇게 아래 부분이 소스를 입력하는곳 입니다. 위 칸은 결과를 볼수 있는 공간이구요.
아래에 소스입력란에 원하는 소스를 작성하신뒤에
결과보기를 눌러주세요.




그럼 바로 소스에 대한 결과값이 나타나게 됩니다.
소스를 바로 수정해서 원하는 스타일로 만드신뒤에 소스를 복사해서
원하는곳에 사용하시면 되는데요.



위에 연습한 태그연습을 바로 이 블로그에 적용해 보겠습니다.
정확하게 나타나겠죠.?

▒짜잔...^^▒

▒ 바로 이렇게▒




이렇게 바로 적용이 되었습니다. 간혹 정확한 소스가 아닐경우 결과값이
이상하게 나타나는경우가 있습니다. 이에 연습장을 통해서 확실하게 만드신뒤에
사용하는게 안정적입니다.





티스토리 블로그에서 저의 경우 소스를 잘못입력하는 바람에 작성한 포스팅이 이상하게
꼬였던적이 있었습니다. 아무리 수정해봐도 계속 오류가 나타나던데 끝내는 원인을 찾지 못하고
작성했던 내용을 지운적이 있었는데요. 이같은일이 반복되지 않도록 요즘은 연습장에
작성한뒤 바로 붙혀넣기해서 사용하고 있답니다.^^


뭐 여러가지들을 다양하게 만들어 볼수 있는 태그연습장 (HTML)
공부하시는분들 에게 아주 유용한 자료가 될듯 싶네요.
이상 태그연습장 에 대해서 알아보았습니다.




태그연습장 (HTML)
: