HTML/CSS/JS Ch 3~4. 無計画に始める


<!DOCTYPE>htmlバージョンの指定<html>ドキュメントの全範囲の指定
範囲を指定した理由は次のとおりです.
ブラウザを理解可能な会話ツールにします.
規定の規則に従って書類に範囲を画定しなければならない.<head>ドキュメント内の情報の表示範囲
ブラウザで説明する必要がある
タイトル、説明、ファイルの場所、cssなどの情報の範囲を作成します.
見えないメッセージ<body>ドキュメント構造の範囲を表す
ご覧のように
ロゴ、タイトル、ツイッターなどの構造の範囲を作成します.
明らかな情報<link>ヘッダーラベル内で作成
通常cssファイルへの接続に使用されます
必須プロパティ:インポートするドキュメントと関係(rel)、パス(href)
  <link rel="stylesheet" href="./main.css">
<title>ドキュメントタイトルの定義<style>HTMLドキュメントに直接スタイルを作成する場合に使用<script>JSファイルをインポートすると、
HTMLドキュメントでJSを直接作成する場合に使用
  <script src="./main.js"></script>
   
  <script>
  	console.log('hello world')
  </script>
<meta>その他のデータの作成
タイプと値の指定
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
  
경로

  • 相対パス
    ./:現在位置(省略可能)
    .../:親フォルダ

  • 絶対パス
    http (https)
    /(トップパス)
  • ./images/logo.png == images/logo.png
    現在の位置->image->logo.png
    /images/logo.png
    ルートフォルダ->image->logo.png<a>ブラウザのデフォルトはindexです.htmlを検索しようとする
    <a href="/">Home</a>
    의 형태로 작성하면 최상단 index.html 파일을 찾게됨
    
    CodepenCODEPEN style resetjsdelive
    linkラベルを使用して初期化
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/reset.min.css">
    emmet自動補完機能