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

6025 ワード

<!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自動補完機能

Reference

この問題について(HTML/CSS/JS Ch 3~4. 無計画に始める), 我々は、より多くの情報をここで見つけました https://velog.io/@hungeun/02.-무작정-시작-HTMLCSSJS

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

Java Reflectionを使用して特定のフィールドに値を設定する

インタフェーステストの概要