|
홍보문구 작성이나 링크를 만들때 꼭 필요한 html 기초 부분입니다
◈ html 문법
< 로 시작한 후 html 태그 명령어를 치고 >로 항상 닫아줌
<title> html 태그 명령어가 시작되면 항상 </title> 명령어를 종료해줘야됨
html 태그의 옵션의 순서는 상관없음 <font color=red size=2> 나 <font size=2 color=red> 동일하게 실행됨
◈ html 구조
<html>
<head>
</head>
<body></body>
</html>
◈ head 안에 들어가는 html 태그
1.<title></title> 웹문서의 헤드라인문구를 표시(웹문서의 제목)
2.<style></style> 스타일시트를 정의(유지,보수,홈페이지 제작 생산력을 높이는데 사용)
3.<meta http-equiv="content-type" content="text/html; charset=euc-kr"> 웹문서의 언어형식을 정의함
4.<meta http-equiv="refresh" content="10; url=http://naver.coml"> 웹문서를 읽을때 지정된 주소로 강제이동
5.<meta name="keywords" content="HTML,JAVASCRIPT,ASP,웹디자인,웹마스타,쇼핑몰"> 검색엔진의 키워드에 문서를 등록할때
6.<meta name="description" content=" 초보자를 위한 HTML강좌, 초보 탈출을 도와 드립니다"> 검색엔진에 문서의 요약설명에 들어갈 내용을 알려주고자 할 때
◈ table 태그 구조
<table>
<tr>
<td>내용</td>
</tr>
</table>
◈ table 태그 옵션
width=크기 : 가로크기
height=크기 : 세로크기
border=크기 : 테이블 선 굵기
bordercolor=색상 : 테이블 선 색상
bordercolorlight=색상 : 테이블 옅은 선 색상
bordercolordark=색상 : 테이블 진한 선 색상
align=위치 : left, center, right 위치로 정렬됨
cellpadding=크기 : 셀 여백
cellspacing=크기 : 표 테두리 간격
◈ td 태그 옵션
width=크기 : 가로크기
height=크기 : 세로크기
align=위치 : left, center, right 셀 내용 수평 정렬위치
valign=위치 : top, middle, bottom 셀 내용 수직 정렬위치
style=스타일태그 : 스타일태그를 셀에 적용
colspan=셀갯수 : 가로 셀합치기
rowspan=셀갯수 : 세로 셀합치기
◈ a href 태그
1.<a href=http://naver.com>네이버로 이동하기</a> (기본 링크)
2.<a href=http://naver.com target=_blank>네이버로 이동하기</a> (새창으로 링크)
3.<a href=http://naver.com title=검색포털네이버>네이버로 이동하기</a> (링크 설명)
4.<a href=http://naver.com target=_self>네이버로 이동하기</a> (현재 창을 없애고 새창으로 링크)
5.<a href=http://naver.com target=_top>네이버로 이동하기</a> (현재 프레임을 없애고 새창으로 링크)
◈ img 태그
1.<img src=http://naver.com/img/naver.gif> (기본 이미지링크)
2.<img src=http://naver.com/img/naver.gif border=0> (이미지 테두리 0으로함 이미지에 링크를 걸때 주로 사용)
3.<img src=http://naver.com/img/naver.gif width=300 height=300> (이미지 크기를 정해줌 이미지 크기를 정해주지 않을시에 웹문서 로딩속도가 느려짐)
4.<img src=http://naver.com/img/naver.gif align=abstop> (이미지 상단정렬)
5.<img src=http://naver.com/img/naver.gif align=absmiddle> (이미지 중앙정렬)
6.<img src=http://naver.com/img/naver.gif align=absbottom> (이미지 하단정렬)
◈ font 태그
1.<font size=2>내용</font> (글자 크기를 2로 정해줌)
2.<font color=red>내용</font> (글자 색상을 빨강색으로 정해줌)
3.<font face=굴림>내용</font> (글자 글꼴을 굴림체로 정해줌)
4.<font style=스타일태그>내용</font> (글자 글꼴을 스타일 태그의 정의에 따름)
|
|