티스토리 뷰

HTML

[HTML] HTML

HTML

HTML은 웹 문서를 표현하기 위한 하이퍼 텍스트 마크업(Hyper Text Markup Language) 언어입니다.


HTML 버전 및 종류

  • XML : XML은 'eXtensible Markup Language'의 약자로 HTML을 개선하여 만든 확장 가능 마크업 언어입니다.
  • XHTML : XHTML은 'eXtensible Hypertext Markup Language'의 약자로 XML과 HTML을 이용한 마크업 언어입니다.
  • HTML5 : HTML5는 HTML4와 XHTML1.0의 다음 버전입니다. 시멘틱 요소와 미디어 요소를 제공하며 다양한 API를 제공합니다.

HTML5 표준안

  • HTML 5.2 표준안 명세서 View
  • HTML 5.3 표준안 개발 명세서 View

HTML의 버전

1989년 팀 버너스리에 의해 HTML이 처음 만들어졌습니다. 처음에는 문서와 문서를 서로 이동하기 위해 만들어 졌으며, 팀 버너리스는 이 아이디어를 통해 월드 와이드 웹(World Wide Web) 개념을 개발에 1991년에 배포했습니다.

HTML의 버전
버전 년도
HTML1 1991년 10월
HTML2 1995년 11월
HTML3 1997년 1월
HTML4 1997년 12월
HTML5 2014년 10월

웹 브라우저 종류

아이콘 브라우저 설명 다운로드
크롬 아이콘 크롬 구글 브라우저 크롬은 HTML5 표준에 접근성이 좋으며 최신 표준을 빨리 반영하고 있는 가장 많이 사용되는 브라우저입니다.
파이어폭스 아이콘 파이어폭스
사파리 아이콘 사파리
오페라 아이콘 오페라
네이버 웨일 웨일
익스플로러6 아이콘 인터넷 익스플로러6
익스플로러7 아이콘 인터넷 익스플로러7
익스플로러8 아이콘 인터넷 익스플로러8
익스플로러9 아이콘 인터넷 익스플로러9
익스플로러10 아이콘 인터넷 익스플로러10
익스플로러11 아이콘 인터넷 익스플로러11
엣지 아이콘 엣지

웹 에디터 종류

아이콘 이름 사용 OS 설명 사이트
엣지 아이콘 메모장 무료 윈도우 윈도우에 있는 기본 프로그랩입니다. 코딩을 하기위해 좋은 프로그램은 아니지만 메모장을 통해서 HTML 문서를 만들 수 있습니다. 사용자가 태그에 대한 속성을 정확히 알고 있어야 웹 문서를 완성할 수 있습니다.
엣지 아이콘 에디터 플러스 유료 윈도우
엣지 아이콘 노트패드++ 무료 윈도우
엣지 아이콘 텍스트 메이트 유료 맥용 에디터이지만 사용성이 많지는 않습니다.
엣지 아이콘 코다 유료 맥에서 많이 사용하는 에디터 입니다. 디자인과 사용성이 깔끔해서 많이 사용했지만 현재는 무료 버전의 에디터도 많이 좋아졌기 때문에 잘 사용하지 않은 편입니다.
엣지 아이콘 드림위버 유료 윈도우/맥 어도비에서 만든 에디터입니다. HTML 태그를 몰라도 사이트를 만드는 컨셉으로 만들어 졌지만 현재는 난잡한 소스 생성과 사용의 불편성으로 활용도가 많이 줄 어든 상태입니다. 하지만 현재까지 꾸준하게 업데이트 되고 있는 에디터입니다.
엣지 아이콘 비쥬얼 스튜디오 코드(visualstudio) 무료 윈도우/맥 요즘 가장 많이 사용하는 에디터입니다. 가장 늦게 나온 에디터이지만 그 동안의 에디터의 장점을 다 담은 사용성이 좋은 에디터입니다.
엣지 아이콘 서브라임 텍스트(Sublime Text) 무료/유로 윈도우/맥 플러그인을 설치하여 무료로 사용할 수 있는 에디터입니다. 다양한 플러그인이 많아서 활용성이 좋은 프로그램입니다. 유로와 무료의 차이점은 유로 구매 팝업창 이 뜨지만 그냥 사용하여도 상관은 없습니다. 코딩은 처음 하는 사용자에게는 플러그인 설치나 여러가지 기능 설정이 어려울 수 있습니다.
엣지 아이콘 아톰(Atom) 무료 윈도우/맥
엣지 아이콘 브라켓(Brackets) 무료 윈도우/맥 어도비와 구글에서 협업하여 만든 에디터입니다. Live Preview 기능을 사용하면 결과물을 바로 확인 할 수 있지만 윈도우에서는 버그가 많이 발생하여 가끔 끊김 현상도 발생합니다.
엣지 아이콘 웹스톰(Webstorm) 유로 윈도우/맥 웹스톰은 자바스크립트 언어를 기반으로 프론트 및 백엔드 작업을 편하게 사용할 수 있는 에디터입니다.
엣지 아이콘 코드펜 무료 브라우저
엣지 아이콘 JSFiddle 무료 브라우저
엣지 아이콘 코드애니웨어 무료/유료 브라우저

FTP

웹 서버를 이용하기 위해서는 파일을 전송하는 프로그램이 필요합니다.

아이콘 이름 사용 OS 설명 사이트
엣지 아이콘 파일질라 무료 윈도우/맥 파일을 전송하기 위한 프로그램이며 가장 많이 사용하는 프로그램입니다.
엣지 아이콘 WinSCP 무료 윈도우 파일을 전송하기 위한 프로그램입니다.
엣지 아이콘 Transmit 유료 파일을 전송하기 위한 프로그램입니다.

HTML와 관련된 사이트

코딩과 관련된 책

장르 이미지 이름 출판사 출판년도 지은이 가격 페이지 난이도
HTML 30일 레슨으로 쉽게 배우는 HTML5 & CSS3 영진출판사 2017.03.05 Akemi Kusano 22000원 382 초급
모던 웹을 위한 HTML5 & CSS3 바이블 3판 한빛미디어 2019.05.01 윤인성 32000원 612 초급
모두의 HTML5 & CSS3 길벗 2018.08.30 김인권 18000원 324 초급
Script 자바스크립트 + jQuery : JavaScript부터 JSON, AJAX, Mobile까지 다루는 영진 2018.06.30 박성배 30000원 637 초급
Do it! 자바스크립트 + 제이쿼리 입문 이지스 퍼블리싱 2018.04.06 정인용 20000원 400 초급
자바스크립트와 jQuery 기초 가이드 혜지원 2016.02.11 김성태, 임재봉 28000원 832 초급
JavaScript + jQuery 정복 한빛미디어 2015.11.01 김상형 28000원 791 초급
HTML
PHP
웹코딩 시작하기 정보문화사 2017.08.20 김태영 35000원 646 초중급

공유하기(Share) 더보기

  • 네이버 블러그 공유하기
  • 페이스북 공유하기
  • 트위터 공유하기
  • 트위터 공유하기
  • 트위터 공유하기

공감하기(Like) 더보기

UP NEXT : Ads by Google

질문하기(Questions)
댓글쓰기 폼