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)
/(トップパス)
現在の位置->image->logo.png
/images/logo.png
ルートフォルダ->image->logo.png
<a>
ブラウザのデフォルトはindexです.htmlを検索しようとする<a href="/">Home</a>
의 형태로 작성하면 최상단 index.html 파일을 찾게됨
Codepen
CODEPEN style reset
jsdelive 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