HTMLスケルトンの使用
スケルトンは、生物のサポートフレームワークです。
それは通常、より脆弱な体を保護するために、硬いもので作られています。
百科事典
すべてのWeb開発者は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>
「自分で試してみてください」ボタンをクリックして、どのように機能するかを確認してください。
「これは見出しです」というテキストを「これは私の結婚式です」に変更してみてください。
できましたか?
おめでとう!これで、HTMLを編集する方法がわかりました。
HTMLスケルトンの説明
DOCTYPEが存在する必要があります。これがHTMLドキュメントであることをブラウザに通知します。
<!DOCTYPE html>
html開始タグとhtml終了タグは、HTMLドキュメントの開始と終了を定義します。
言語は英語です:
<html lang="en">
</html>
メタ文字セットタグは、文字セット(UTF-8)を定義します。
HTMLページにヘッドタグがありません。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%">
HTMLセクションをdiv要素に「パック」することを習慣にします。
各セクションにクラス名を付ける準備をします。
<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>