HTML 스켈레톤 사용
골격 은 유기체의 지지 프레임워크입니다 .
그것은 일반적으로 더 취약한 신체를 보호하기 위해 단단한 것으로 만들어집니다.
백과 사전
모든 웹 개발자는 HTML 골격이 있어야 합니다.
주머니에 넣어두고 모든 작업에 사용해야 합니다.
예시
<!DOCTYPE html>
<html lang="en">
<meta charset="UTF-8">
<title>Page Title</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link rel="stylesheet" href="">
<style>
</style>
<script src=""></script>
<body>
<img src="img_la.jpg" alt="LA" style="width:100%">
<div class="">
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
</div>
</body>
</html>
"Try it Yourself" 버튼을 클릭하여 작동 방식을 확인하십시오!
텍스트 "This is Heading"을 "This is my Wedding"으로 변경해 보십시오.
해냈어?
축하합니다! 이제 HTML을 편집하는 방법을 알았습니다.
HTML 스켈레톤 설명
DOCTYPE이 있어야 합니다. HTML 문서임을 브라우저에 알립니다.
<!DOCTYPE html>
html 시작 태그와 html 종료 태그는 HTML 문서의 시작과 끝을 정의합니다.
언어는 영어:
<html lang="en">
</html>
메타 문자 집합 태그는 문자 집합(UTF-8)을 정의합니다.
HTML 페이지에 head 태그가 없습니다. HTML에서는 헤드 태그가 필요하지 않습니다.
HTML에서 body 태그 앞의 모든 것은 머리의 일부로 간주됩니다.
<meta charset="UTF-8">
HTML 표준에는 적절한 페이지 제목이 필요합니다.
<title>Page Title</title>
메타 뷰포트 태그는 페이지를 모든 화면 크기(노트북, 모바일)에서 보기 좋게 만듭니다.
<meta name="viewport" content="width=device-width,initial-scale=1">
링크 태그는 스타일시트에 연결됩니다.
<link rel="stylesheet" href="name">
시작 태그와 끝 태그는 미래의 CSS 스타일을 둘러쌉니다.
<style>
</style>
스크립트 태그는 스크립트에 연결됩니다.
<script src="name"></script>
시작 태그와 종료 태그는 HTML 문서의 보이는 본문을 둘러싸고 있습니다.
<body>
</body>
이미지 태그는 HTML 이미지를 정의합니다.
<img src="img_la.jpg" alt="LA" style="width:100%">
div 요소에 HTML 섹션을 "포장"하는 습관을 들이십시오.
각 섹션에 클래스 이름을 지정할 준비를 하세요.
<div class="class name">
</div>
표제 태그는 HTML 표제를 정의합니다.
<h1>This is a Heading</h1>
단락 태그는 HTML 단락을 정의합니다.
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>