Jam's story
[HTML] HEAD 태그 안 본문
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="keyword" content="html,css,javascript">
<title>Insert title here</title>
<link rel="shortcut icon" type="image/x-icon" href="../images/SiSt.ico">
<base href=""http://localhost/webPro/" target="_blank">
</head>
<body>
<h3>ex08.html</h3>
head 태그
-메타데이터의 컨테이너
-html 태그의 자식
-메타데이터 : 문서 제목,
2. head 태그 자식 태그
title 태그 : 문서제목, 브라우저의 제목 표시줄 또는 페이지 탭 표시
style 태그 : html 문서의 스타일 정보 정의
link 태그 : 외부 리소스 연결 , 외부 css 파일 연결 (자주 사용 )
meta 태그 :
1)meta charset="utf-8" 웹 문서에 사용된 인코딩(문자셋)정의
<meta name="keyword" content=" 간장게장 ,간장, 게장 ,html,css,javascript"> 키워드 정의
빨리검색되도록 하는 검색엔진 키워드!!
웹페이지에 대한 설명을 정의
<meta name="description" coontent="width=devie-width, intitial-scale=1.0">
모든 기기에서 잘 보이도록 표시 영역 설정
뷰포트 : 웹페이지에서 사용자가 볼 수 잇는 영역
<meta name="viewport" content="width=device-width, initial-scale=1.0">
30초 마다 문서 새로고침(서버요청.응답)
<meta http-equiv="refresh" content="30">
script 태그
base태그 :페이지의 모든 상대 주소에 대한 기본 주소 및 대상을 지정하는 태그
나중에 경로줄때 편하다.
<base href=""http://localhost/webPro/" target="_blank">
<img alt="커피하우스" src="/webPro/html/images/coffehouse2.jpg" >
<img alt="커피하우스" src="../images/coffehouse2.jpg" >
<img alt="커피하우스" src="images/coffehouse2.jpg" >
</body>
</html>
'WEB > HTML' 카테고리의 다른 글
[HTML] textarea, input, option (0) | 2022.05.19 |
---|---|
[HTML] 반응형웹 (0) | 2022.05.18 |
[HTML] iframe (0) | 2022.05.18 |
[HTML]시맨틱 웹 (0) | 2022.05.18 |
[HTML] 레이아웃 배치 (0) | 2022.05.18 |
Comments