Beny's Study

01. HTML 기본 본문

HTML_VSC

01. HTML 기본

76beny 2022. 6. 10. 20:43
 

 

1. 기본 형식

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
</html>
<html lang="en"> : 사용할 언어 설정
 

 

2. <head>

 <meta charset="UTF-8">
: charset : 문자열 인코딩 셋팅, UTF-8이 표준적임.
 
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
: 페이지의 너비나 장치에 따른 최적화 해상도 옵션을 설정할 수 있음
 
 
 <meta http-equiv="refresh" content="5, http://www.google.co.kr">
http-equiv : 새로고침시 옵션을 설정할 수 있음, 주기도 설정 가능
 5 : 5초마다 자동새로고침, 뒤에 주소는 5초뒤에 주소로 이동
 
 
<title>★타이틀</title>
  title : 브라우저 상단에 표기될 제목 (크롬에 창여러개 키면 위에 뜨는 독바)
 
 
<link rel="stylesheet" type="text/css" media="screen" href="main.css">
★★★★★css를 로드하는 헤더
 
 
 <script src="main.js"></script>
★★★★★java script를 로드하는 헤더
 

 

 

3. <body>

본문에 출력 되는 부분 작성부

 

5초 뒤에 위에html에서 설정한 구글페이지로 자동으로 새로고침 됨.

"본 인터넷 사이트 내의 모든 이미지, 문구, 콘텐츠, 내용 등에 대한 저작권은 76beny에게 있습니다.

이를 무단으로 도용, 복사, 전재, 재배포, 2차 변형 등을 할 경우

민, 형사상 법적 조치 등 저작권법에 의거하여 처벌 받을 수 있습니다."

 

 

'HTML_VSC' 카테고리의 다른 글

06. 멀티미디어 관련 태그  (0) 2022.06.10
05. div / span (영역관련 태그)  (0) 2022.06.10
04. table tag (표 관련 태그, 테이블 관련 태그)  (0) 2022.06.10
03. list tag (목록 관련 태그)  (0) 2022.06.10
02. text tag (글자 관련 태그)  (0) 2022.06.10
'HTML_VSC' Related Articles more