W3SCHOOLS!

HTML(HyperText Markup Language)은 하이퍼텍스트 마크업 언어의 약자로 웹 페이지를 위한 언어입니다.

HTML은 제목, 단락, 목록 등 본문을 위한 구조적 의미를 표현하기도 하고 링크, 인용 등 다른 항목으로도 구조적 문서를 만들 수 있습니다.

HTML은 <>에 태그릴 입력하여 작성하는데, 웹 브라우저 같은 장치에 행동 영향을 주는 자바스크립트와 외관 표현을 위한 CSS 같은 스크립트를 불러 올 수 있습니다.

그러나 HTML은 발전을 거듭하여 이제는 평범한 프로그램 언어가 되어 버렸고, 이제는 국내에서 HTML을 알려주는 곳은 매우 드문 상태가 되어 버렸습니다.

그래서 w3schools 등과 같은 사이트를 통해서 독학 하는 것을 추천 드립니다.

w3school은 튜토리얼 문서가 잘 만들어져 있고, 기본 문법에서 부터 전문적인 문법까지 잘 정리되어 있습니다.

w3schools Main

Tutorial!

사이트에 접속해서 [Learn HTML]로 접속합니다.

[Try it Yourself] 를 선택하면,

매우 쉬운 난이도로 튜토리얼을 제공합니다.

왼편에는 문법이 적혀있고, 오른편에는 브라우저에서 어떻게 표현되는지 알려줍니다.

즉 웹 사이트 제작시 필요한 태그가 제공되는 사이트 제작시 편리하게 인용할 수 있고 인용전에 어떻게 표현되는지 알 수 있습니다.

또한 브라우저 표현을 편집하고 싶다면 태그를 먼저 수정해서 알아 볼 수 있습니다.

HTML (Hypertext Markup Language)는 웹 페이지를 만들기 위한 프로그래밍 언어 입니다.

html은 제목, 단락, 목록 등과 같은 구조적인 의미와 링크, 인용 등을 만들 수 있습니다.

HTML은 1980년 팀 버너스리가 인콰이어를 제안하며 시작되었습니다. 그렇게 시간이 지나면서 W3C (World Wide Consortium)는 HTML 3.2를 권고안으로 발표하였고 이것이 W3C에 의해 개발된 첫 번째 표준화된 버전입니다.

HTML은 TAG라고 부르는 문자를 이용하여 구조를 다듬게 됩니다.

기본적인 구조는 아래와 같습니다.

<html>

<head>

<title>

</title>

</head>

<body>

</body>

</html>

Tag는 아래와 같습니다.

<p></p> : 단락 태그

<div></div> : 레어이 태그

<span></span> : 문자 태그

이외에도 더욱 다양한 태그들이 존재합니다.

웹 언어는 HTML 외에도 CSS(Cascading Style Sheets) 등의 다양한 언어가 있습니다.

어쩌면 쉬운 과정은 아니지만 동영상을 보고 따라하시면 아주 쉽게 홈페이지를 만들 수 있답니다.

Brackets (브래킷), 코드 편집 무료 프로그램! (0)	2020.03.27
HTML 몰라도 web site 구축! Hype (하이퍼) - 소개편 (0)	2019.12.17
HTML5 UP! 웹사이트 템플릿을 무료로 제공해요. (0)	2016.07.07
Html Color Code Site (0)	2016.01.31