태그1 (Hyper Text Markup Language)
HTML이란 - 웹브라우저 (internet explorer) 를 통해서 볼수있는 문서를 제작하는 언어다
태그(tag)란 - html문서작성의 큰 뼈대를 이루고 있는것이 태그이다
1) www.acrosoft.pe.kr 에서 내려받기 최신 개발버젼에서 acroedit 를 다운 받는다
(html 편집에 도움을 주는 유틸임)
2) 기본구조
<htmll>
<head>
<title> 문서의 제목</title>
</head>
<body>문서의 본문</body>
</html>
* head 안에 들어가는 각종 명령어는 화면에 나타나지 않습니다 다만 title에 있는 것은 화면 맨위 주소줄에 나타납니다
* 문서 작성시 주석을 달면 나타나지를 않습니다 <!-- 내용 -->
3) body 태그에 사용되는 속성(속성 값은 반드시 따옴표 이용)
bgcolor= 배경색 지정
<html>
<head>
<title>html 입니다</title>
</head>
<body bgcolor="ffooff">안녕하세요 </body>
</html>
background=“” 배경으로 사용하는 이미지 파일의 저장
<html>
<head>
<title>html 입니다</title>
</head>
<body background= "d:/tag/image/004.jpg">안녕하세요</body>
</html>
<html>
<head>
<title>html 입니다</title>
</head>
<body background=http://220.68.165.211/~mil01/2010-2/00-
kimkihyuk/pic/100.jpg>
</body>
</html>
절대경로
<html>
<head>
<title>html 입니다</title>
</head>
<body><img src=http://220.68.165.211/~mil01/2010-2/00-kimkihyuk/pic/100.jpg>
화면이 크게나온다
</body>
</html>
절대경로
<html>
<head>
<title>html 입니다</title>
</head>
<body><img src=http://220.68.165.211/~mil01/2010-2/00-kimkihyuk/pic/100.jpg width="400" height="200">
화면이사이즈되로나온다
</body>
</html>
3) 줄을 바꾸는 <br> 태그
<html>
<head>
<title>br 태그 연습</title>
</head>
<body>
만약에 당신이
그누구와
사랑에 빠지면
그사람을 위~해
무얼할수 있나
</body>
</html>
작성하고 도구에서 웹브라우저 보기를 클릭 합니다 붙어서 나옵니다
줄바꾸고 싶은 단어 뒤에 <br>을 넣으면 아래와 같이 나옵니다
<html>
<head>
<title>br 태그 연습</title>
</head>
<body>
만약에 당신이<br>
그누구와 <br>
사랑에 빠지면 <br>
그사람을 위~해<br>
무얼할수 있나
</body>
</html>
4) P 태그의 align 속성을 사용하는 정열 방식(left right center 는 속성값임)
<p align="정열방식(속성값)“>텍스트</p>
align에 사용하는 값은 left, right, center 3가지입니다
<p align=left>왼쪽정열</p>
<p align=right>오른쪽 정열</p>
<p align=center>가운데 정열</p>
<html>
<head>
<title>html 입니다</title>
</head>
<body>
<p align=left>왼쪽정열</p>
<p align=right>오른쪽 정열</p>
<p align=center>왼쪽정열</p>
</body>
</html>