1. HTML이란? HTML은 월드 와이드 웹에서 하이퍼텍스트 문서를 만들기 위한 다양한 언어 중에 하나이다. 특히 하이퍼텍스트로 작성되기 때문에 인터넷에서 웹으로 접근하는 대부분의 웹문서들은 HTML을 사용한다. HTML은 텍스트의 크기, 색상, 글꼴, 이미지, 동영상 등의 객체와 다양한 경로로 이동할 수 있는 하이퍼링크를 정의하는 멸령어이다. HTML에서 사용하는 명령어는 태그(tag)라고 하며, 2개의 쌍으로 이루어져 시작과 끝으로 구성된다. ※ 일반적으로 메모장이나 워드프로세서에서도 정해진 태그를 입력한 후 HTML 문서로 저장하면 웹문서가 된다는 것입니다. HTML에는 다양한 태그들이 있으며, 각각의 특성을 가지고 있기 때문에 정확하게 입력하지 않으면 원하는 내용으로 표현되지 않습니다. 2. HTML 작성 편집기 메모장, 에디트 플러스, 울트라 에디트, 나모 웹 에디터, 고라이브, 드림워버 등이 있습니다 3. HTML 구조 HTML 문서의 구조는 크게 문서의 제목과 정보를 입력하는 <HEAD> 부분과 실제로 출력되는 부분을 입력하는 <BODY> 부분으로 이루어지며, 이 두 개의 부분들은 <HTML>과 </HTML> 태그 안에 입력됩니다. <HTML> <HEAD> <TITLE>문서의 제목을 입력합니다. </TITLE> </HEAD> <BODY> 내용물이 입력되어지는 부분입니다 </BODY> </HTML> 4. 웹브라우저 HTML 언어로 작성된 문서를 확인하기 위해서는 웹브라우저라는 프로그램이 컴퓨터에 설치되어야 한다. 웹브라우저란 인터넷을 사용하는 월드 와이드 웹(world wide web)에서 정보를 검색할 수 있는 프로그램이다. 윈도우 운영체제를 주로 사용하는 우리나라에서는 인터넷 익스플로러가 기본으로 설치되어 사용자가 별도로 웹브라우저를 따로 설치하지 않습니다. 1993년 개발된 모자이크를 시작으로 넷스케이프 마이크로소프트의 인터넷 익스플로러가 가장 대중적이고 상업적으로 사용되고 있습니다.
◈태그기초교육 ◈ ◈ HTML 기본 구조 * HTML에서 사용하는 명령어를 태그(Tag)라고 하는데 태그는 반드시“< >”
안에 입력하고<HTML>형식으로 시작(Start Tag)하며 </HTML>형식으로
끝(End Tag)난다. 1. 형식 : <시작태그>내용(문장)</종료태그> 예) <TITLE>저의 태그 연습방입니다. </TITLE> ◈ HTML 문서의 기본 구조 * HTML 문서는 두문(head)와 본문(body)으로 구분한다 1. 문서의 두문(head) : 웹폐이지의 제목을 입력 2. 문서의 본문(body) : 웹브라우저에 나타날 내용을 입력
<html> <head> <title>저의 태그 연습방</title> </head> <body>
오늘은 폰트 태그에 대해 알아봅니다. </body> </html> |
◈ HTML의 기본 태그
* HTML 문서를 작성할 때 문자사이의 공백을 띄우거나 줄바꿈을 해야할
경우 별도의 태그 명령를 사용 (<p>,<br>,<pre>,<center>,<left>,<right>)
1.<P> : 문장과 문장 사이를 한줄 띄우는 태그로 문장을 나눌때,정렬할때,
(왼쪽;<p align=left> 가운데:<p align=center> 오른쪽:<p align=right>)
2.<BR> : 문장의 줄을 바꾸고 공백없이 다음줄에 문장이 시작되게 하는
태그로 Enter를 누르는것과 같은 효과이다.
3.<PRE> : 문자열을 사용할때 <pre>안의 입력한 문장 형태 그대로 출력된다
<html> <head> <title>문단에 사용하는 태그</title> </head> <body> <p align=center>서시</p> <p align=right>-윤동주-</p> 죽는 날 까지 하늘을 우러러<br> 한 점 부끄러움이 없기를<br> 잎새에 이는 바람에도<br> 나는 괴로워하였다.<br> <pre> 별을 노래하는 마음으로 모든 죽어가는 것을 사랑해야지 그리고 나에게 주어진 길을 가련다. 오늘 밤에도 별이 바람에 스치운다. </pre> </body> </html> |
*메모장을 열고 위의 태그를 입력하고 *파일 - 다른이름으로 저장 - 파일명
test2.html (파일형식 : 모든파일)로 저장하고 다시 그 파일을 찾아 더블
클릭해서 열어보세요
| 