코드 여행 일기

HTML 기초 3 <title> <meta charset="utf-8"> <head> <body> DOCTYPE 본문

코딩/HTML

HTML 기초 3 <title> <meta charset="utf-8"> <head> <body> DOCTYPE

할짝개발자 2024. 1. 14. 04:29
728x90
반응형

문서의 구조

 

 

<title> 탭 제목 바꾸기

<meta charset="utf-8"> 깨진 글씨 고치기

<title>HTML - 수업소개</title>
<meta charset="utf-8">

 

결과

 

<title>HTML - 수업소개</title> 코스 사용전
<title>HTML - 수업소개</title> 코스 사용후

 

<meta charset="utf-8"> 코드 사용전
<meta charset="utf-8"> 코스 사용후

 

 

<html> 

<head> 본문이 아닌 부가적인 태그

<body> 본문 태그

<html>
<head>
  <title>HTML - 수업소개</title>
  <meta charset="utf-8">
</head>
<body>
<h1>HTML</h1>
<ol>
  <li>기술소개</li>
  <li>기본문법</li>
  <li>하이퍼텍스트와 속성</li>
  <li>리스트와 태그의 중첩</li>
</ol>
 
<h2>선행학습</h2>
 
본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다. 
</body>
</html>

 

결과

 

 

 

<DOCTYPE> 

DOCTYPE = Document Type Declaration 문서 형식 선언 [자신이 작성한 html 코드가 어떤 방식의 html 코드로 작성 되었는지 브라우저에게 알려주는 문자] 버전에 따라 다름

<!-- 예제-->
<!DOCTYPE html>
<html>
<head>
  <title>HTML - 수업소개</title>
  <meta charset="utf-8">
</head>
<body>
<h1>HTML</h1>
<ol>
  <li>기술소개</li>
  <li>기본문법</li>
  <li>하이퍼텍스트와 속성</li>
  <li>리스트와 태그의 중첩</li>
</ol>
 
<h2>선행학습</h2>
 
본 수업을 효과적으로 수행하기 위해서는 웹애플리케이션에 대한 전반적인 이해가 필요합니다. 이를 위해서 준비된 수업은 아래 링크를 통해서 접근하실 수 있습니다. 
</body>
</html>

 

 

위 글은 생활코딩 영상을 정리하여 쓴 글 입니다.

728x90
반응형

'코딩 > HTML' 카테고리의 다른 글

HTML 웹사이트 만들기  (1) 2024.01.14
HTML 기초 2 <li> <ul> <ol>  (0) 2024.01.14
HTML 기초 1 <strong> <h1> <a>  (0) 2024.01.14
meta  (0) 2023.07.24
주요 태그 3 <입력 양식 4>  (0) 2023.07.24
'코딩/HTML' Related Articles more