HTML 기본 구조 익히기
<html> html문서의 시작을 나타낸다
<head></head>문서의 머리 부분으로 정보를 나타낸다.
<title></title>제목으로 웹브라우저의 상단 제목 표시줄에 나타난다
<body> 문서의 본문 내용을 나타낸다</body>
</body>바디 본문의 끝을 나타낸다.
<html>문서를 열고 </html></슬러시>는 문서의 끝을 나타낸다
헤드 부분의 시작<head>과 </head>헤드 끝을 표시하고
<title></title>제목 시작과 제목 끝을 나타낸다.
<title>타이틀은 <head>와</head>사이에 위치하며
</title>타이틀이 끝나면 </head>로 닫는다.</head>끝나면
<body>시작하며 본문과 배경색<body bgcolor="코드 값">,
배경이미지<body background ="이미지 주소"> <body>끝나면
</body>닫는다.문서를 끝낼때는 </html>로 닫아준다.
HTML 연습해 보기
내 컴퓨터→시작→모든 프로그램→보조프로그램→메모장 열기
바탕화면에 태그연습장.html 저장 완료
메모장에 입력한 후 파일 다른이름으로 저장
파일형식은 모든 파일(*.*),파일이름은 .html로 저장한다,
예)태그 연습장.html
( 바탕화면에 html문서가 저장이 되면 마우스 오른쪽
단축메뉴로 열기 원도우 창을 열어 확인해 봅니다.
<body>부분에 색상코드
값을 넣어서 <body>색상을 바꾸어 보자
※색상코드 값을 추출하는 컬러픽커는 검색창에
검색하면 다운받아 사용한다. html 문서에 색상이 적용된 모습
배경이미지 적용하기
배경이미지를 웹에 올려서 저장한 후
이미지 위에 마우스 오른쪽 단축메뉴에서 속성보기를
클릭하여 이미지 주소를 드래그 복사하고
바디 백그라운드에 "쌍따옴표 넣고 주소를 붙인다"
오늘은 여기까지 ~~
'코딩공부 html' 카테고리의 다른 글
| HTML태그 순서 없는 목록 <ul></ul> 적용하기 (0) | 2010.08.20 |
|---|---|
| HTML 태그 목록태그 <ol></ol>순서가 있는 목록 (0) | 2010.08.20 |
| HTML 태그 줄바꿈 태그<br> 문장의 단락을 나누는<P> 태그 (0) | 2010.08.20 |
| HTML 태그 폰트속성 이탤릭체 굵게 밑줄긋기 취소선 (1) | 2010.08.20 |
| html 태그 폰트태그 배우기 폰트크기 폰트색상 폰트글꼴 적용 (1) | 2010.08.20 |
