HTML 기초 (기본,개념,색상표)
Hyper Text Markup Language = H TML
웹홈페이지에 만드는 기초라고 보는 HTML중에서도 기초에 대해 설명 해드립니다. HTML5 까지 나왔으며 하위버젼과 틀린점은 구조적인 요소등이 추가 됬다는거입니다. HTML은 CSS(스타일시트)에 대해서도 알아야합니다. CSS를 쉽게 설명하자면 HTML으로 틀을 잡고 CSS로 크기,색상등을 지정할수 있습니다.
홈페이지를 동적으로 만들기위해서는 JQuery 또는 자바스크립트을 이용합니다. 이해하기 쉽게 마우스를 클릭시 움직이는 광고, 마우스클릭시 설명 글이 보이는등 이런 동적인 움직임을 만들어줍니다. 제가포스팅 할껀 HTML 에서도 기본에 대해 설명 할려고합니다.
HTML 기본
html을 이용하기위해서 여러가지 툴이 있습니다. 나무, 드림위버등 하지만 지금은 기본이니깐
메모장을 이용해 걍 작성하고 확장자명은 .html를 지어 주시면 됩니다.
위에 사진과 같이 HTML 안에 머리(head),몸(body)로 이루어져 있습니다.
위에 사진숫자와 연결해서보세요.
1. html의 시작은 <html>으로 시작해 위에같이 </html>로 마무리 짓습니다.
2. 머리(head) 안에는 고정으로 css(스타일시트), title(제목),meta(정의) 3개만 들어갑니다!.
예제:<title> purplecream.tistory.com </title> (홈페이지 타이틀!)
3.몸(body) 실질적으로 페이지를 구성 하는 여러가지 태그가 들어갑니다.
<h1>내용</h1> : 글씨 크기를 설정하는 태그로 제목 같은 곳에 달아 크기를 따로 지정하지않습니다 h1~7까지존재하며 숫자가 높을수록 크기가 작아집니다.
예제:<h1>purplecream.tistory.com</h1>
<h2>purplecream.tistory.com</h2>
HTML 색상표
네이버에서도 치면 바로나오지만 인터넷검색하다가 찾은 사이트 알려드려요^.^
오늘 나온 태그
title:홈페이지 타이틀(head안에만 쓰임)
h1~7: 글자크기(제목등에쓰임)
'HTML > html' 카테고리의 다른 글
| html 줄바꿈 / br, p 태그 (0) | 2015.09.04 |
|---|---|
| html 띄어쓰기 / 공백 (0) | 2015.09.03 |
| html 편집기 (0) | 2015.08.29 |