Jam's story

[HTML] HEAD 태그 안 본문

WEB/HTML

[HTML] HEAD 태그 안

애플쩀 2022. 5. 18. 15:24
<!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