Link Search Menu Expand Document

HTML

정리하면서…

예전에 공부하면서 정리했던 내용을 퇴고하면서 작성했습니다.

최대한 직관적으로 볼 수 있게 예제코드와 코드 실행화면을 동시에 작성할 수 있도록 노력했는데, 이 블로그도 마크업 언어로 작성하게 되어있어서 블로그 마크업 언어와 html 예제코드가 종종 꼬이는 경우가 발생했습니다. 블로그 개발자가 여기까진 생각못하신듯

그래서 중간중간 어색한 부분이 있을 수 있으나, 최대한 해결하고 가독성이 좋게 만들려고 노력했습니다.


글을 작성하면서 어려웠던 부분은 없었지만 이 블로그 테마를 처음 써봐서 익히는데 시간이 들었고, 한글폰트를 지원하지 않는 블로그에 한글과 영어로 작성하다보니 가독성이 떨어져서 레이아웃을 하나 하나 수정하느라 시간이 들었습니다. 의외로 제일 힘들었던 부분은 목차를 정하는 일이였습니다 (최대한 간결하게 하고 싶어서 노력했습니다)


이 블로그를 선택한 가장 큰 이유중 하나가 편리한 검색 서비스 때문이였는데 이 검색 서비스가 한글 검색이 안되는 치명적인 단점을 가지고 있다는걸 한참 있다가 알게되어서… 목차를 영어로 작성했습니다 (검색 서비스는 나중에 수정할 계획입니다)


목차는 다음과 같습니다.

html 
    - Introduction          //배경지식과 기본 html5소개
    - Basic                 //기초적인 html 내용
    - Elements 
        - Basic             //가장 많이 쓰이고 쉬운 태그
        - List          
        - Table         
        - Form
        - Advanced           //많이 쓰이지 않지만 알아두면 좋은 태그
        - Semantic      
    - Responsive             //반응형 홈페이지를 위한 내용
    - Accessibility          //접근성을 위한 내용
    - Advanced


이번 HTML는

W3schools 홈페이지를 기반으로 작성했으며

추가적으로 생활코딩,

HTML5 + CSS + Javascript 웹 프로그래밍,

실전프로젝트 반응형 웹 퍼블리싱,

만들면서 배우는 HTML5 + CSS3 + jQuery를 참고했습니다.


블로그 글을 처음 작성하다보니 부족한 점이 많습니다. 혹시 오타, 문제점을 발견하시거나 제안하고 싶은 사항이 있으시다면 편하게 연락주세요 감사합니다.


Table of contents


이 웹사이트는 jekyll로 제작되었습니다. Patrick Marsceill, Distributed by an MIT license.