【HTML】전체상

4339 단어 HTMLHTML5
HTML 대략적인 전체 이미지.html
<!DOCTYPE html>
<html>
  <head>
    Webに表示されない
  </head>
  <body>
    h1要素とかp要素とかWebに表示したいものをここに記入
  </body>
</html>

대략 설명하면 우선

가 제일 먼저 기입되고 있다.

그리고 부모 요소의 html 요소 안에
자식 요소의 head 요소와 body 요소가 있습니다.
head 요소와 body 요소 간의 간단한 차이점은

head ... 웹에 표시되지 않음
body···웹에 표시된다

이 body 속에 h1 요소나 p 요소를 기입해 간다.
그러면 그 밖에 도대체 무엇을 기입해 갈 것인가?
그것을 아래에서 설명.

!DOCTYPE HTML



HTML 버전 선언 (은 HTML5 선언 방법)
HTML을 기입할 때에 제일 먼저 반드시 기입한다.
기입하지 않으면 레이아웃이 무너지거나 표시되지 않는 경우가 있다.

html



이 문서는 HTML로 작성되고 있어요라는 선언
HTML을 기입할 때에 반드시 기입한다.

머리



웹 페이지 설정에 관한 정보를 기입
문자 코드, 페이지 타이틀, 로드처의 CSS 파일명의 3개를 반드시 기입한다
웹에 표시되지 않음

예.css
  <head>
    <meta charset="utf-8">
    <title>タイトルだよーん</title>
    <link rel="stylesheet" href="CSSのファイル名.css">
  </head>

meta charset="utf-8"



문자 코드 지정
문자 코드를 지정하는 것으로 깨짐을 막을 수 있다
UTF-8은 HTML5에서 추천하는 문자 코드

title



브라우저의 탭 부분에 표시된다.


link rel="stylesheet" href="CSS 파일 이름.css"



어떤 CSS 파일을 읽을지 지정
  • link rel="stylesheet"···CSS 파일을 읽어들여요.
  • href = "CSS 파일 이름 .css"... 읽을 CSS 파일 이름은이 파일 이름입니다 -
    • Heroku에서 작업 예약
    kit/goutil - Go에 유용한 utils 패키지

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage