W3.CSS

W3.CSSホーム W3.CSSイントロ W3.CSSカラー W3.CSSコンテナ W3.CSSパネル W3.CSSボーダー W3.CSSカード W3.CSSのデフォルト W3.CSSフォント W3.CSS Google W3.CSSテキスト W3.CSSラウンド W3.CSSパディング W3.CSSマージン W3.CSSディスプレイ W3.CSSボタン W3.CSSノート W3.CSSの見積もり W3.CSSアラート W3.CSSテーブル W3.CSSリスト W3.CSS画像 W3.CSS入力 W3.CSSバッジ W3.CSSタグ W3.CSSアイコン W3.CSSレスポンシブ W3.CSSレイアウト W3.CSSアニメーション W3.CSS効果 W3.CSSバー W3.CSSドロップダウン W3.CSSアコーディオン W3.CSSナビゲーション W3.CSSサイドバー W3.CSSタブ W3.CSSページ付け W3.CSSプログレスバー W3.CSSスライドショー W3.CSSモーダル W3.CSSツールチップ W3.CSSグリッド W3.CSSコード W3.CSSフィルター W3.CSSトレンド W3.CSSケース W3.CSSマテリアル W3.CSS検証 W3.CSSバージョン W3.CSSモバイル

W3.CSSカラー

W3.CSSカラークラス W3.CSSカラー素材 W3.CSSカラーフラットUI W3.CSSカラーメトロUI W3.CSSカラーWin8 W3.CSSカラーiOS W3.CSSカラーファッション W3.CSSカラーライブラリ W3.CSSカラースキーム W3.CSSカラーテーマ W3.CSSカラージェネレーター

Web構築

Webイントロ Web HTML Web CSS Web JavaScript Webレイアウト Webバンド Webケータリング Webレストラン Webアーキテクト

W3.CSSの例 W3.CSSデモ W3.CSSテンプレート

参考文献

W3.CSSリファレンス W3.CSSダウンロード

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>