ホームページ > 記事 > ウェブフロントエンド > HTML学習メモ2
HTML学習メモ2
- 不言オリジナル
- 2018-04-19 14:32:031439ブラウズ
この記事の内容は HTML 学習ノート 2 に関するものです。これを必要とする友人と共有します
1。 ;...fd273fcf5bcad3dfdad3c41bd81ad3e5行を定義、b6c5a531a458a2e790c1fd6421739d1c...b90dd5946f0946207856a8a37f441edf列を定義
ヘッダーの意味:
<table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
空白の行を表したい場合は、 space で埋めることができますプレースホルダー。
2. リスト
最初のタイプ: 順序なしリスト - ff6d136ddc5fdfeffaf53ff6ee95f185、太字のドットマーク
<tr> <th>heading</th> </tr>
または cb61e7277f1232d948b8f1ff97d78f0d、数字を使用して
<ul> <li>Coffee</li> <li>Milk</li> </ul>
をマークするか、1f440b6628a2ecdeba8d7a6562e2d7a9... を使用して数字が 50 から始まることを示します。
3 番目のタイプ: カスタム リスト—5c69336ffbc20d23018e48b396cdd57a
<ol> <li>Coffee</li> <li>Milk</li> </ol>
説明:
5c69336ffbc20d23018e48b396cdd57a リストの開始を示します
73de882deff7a050a357292d0a1fca94リスト項目を示します
67bc4f89d416b0b8236eaa5f43dee742リスト項目の定義を示します
リスト項目内では段落、改行、画像、リンク、その他のリストなどが使用できることに注意してください。
3. HTML クラス
カテゴリ HTML であり、要素のクラスの CSS スタイルを定義できます。
同じクラスには同じスタイルを設定します。
<dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl>
45a2772a6b6107b401db3c9b82c049c2 はインライン要素です。
<!DOCTYPE html>
<html>
<head>
<style>
.cities {
background-color:black;
color:white;
margin:20px;
padding:20px;
}
</style>
</head>
<body>
<p class="cities">
<h2>London</h2>
<p>
London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.
</p>
</p>
</body>
</html>
4. HTML ウェブサイトのレイアウト
(1) レイアウトには e388a4556c0f65e1904146cc1a846bee を使用します
<html>
<head>
<style>
span.red {color:red;}
</style>
</head>
<body>
<h1>My <span class="red">Important</span> Heading</h1>
</body>
</html>
4786dff7ee6470928194244baf979f1e を使用します。 94b3e26ee717c64999d7867364b1b4a3
(2) HTML5 によって提供される新しいセマンティック要素
1aa9e5d373740b65a0cc8f0a02150c53 ドキュメントまたはセクションのヘッダーを定義します
c787b9a589a3ece771e842a6176cf8e9 ナビゲーションリンクのコンテナを定義します
2f8332c8dcfd5c7dec030a070bf652c3 ドキュメント内のセクションを定義します
15221ee8cba27fc1d7a26c47a001eb9b (サイドバー) ( ? これが何なのかまだわかりません)
c37f8231a37e88427e62669260f0074d ドキュメントまたはセクションのフッターを定義します
a5e9d42b316b6d06c62de0deffc36939 追加の詳細を定義します
5. フレーム
（1）フレーム構造タグ＆lt; frameset＆gt;画面上の各列が占める領域
<head>
<style>
#header {
background-color:black;
color:white;
text-align:center;
padding:5px;
}
#nav {
line-height:30px;
background-color:#eeeeee;
height:300px;
width:100px;
float:left;
padding:5px;
}
#section {
width:350px;
float:left;
padding:10px;
}
#footer {
background-color:black;
color:white;
clear:both;
text-align:center;
padding:5px;
}
</style>
</head>
6c04bd5ca3fcae76e30b72ad730ca86d タグと f900b4fc197b16ab214eecf015bb6bd2 タグを同時に使用することはできません。ただし、テキストを含む 37f861bd36cef5b6406eba87d20a5bab タグを追加する場合、テキストは 6c04bd5ca3fcae76e30b72ad730ca86d タグ内にネストする必要があります。
<frameset cols="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset>
04a0d55efbbfd646a993fbc01f262c57 name アンカー属性を使用して、指定したセクションにジャンプできます。
d5ba1642137c3f32f4f4493ae923989cWeb ページ内に Web ページを表示するために使用されます
使用法: d83a207fb5bd6aaf909618da81fb0fec < ;/iframe>
iframe可用作链接的目标（target），该链接的target属性必须引用iframe的name属性。
<iframe src="demo_iframe.htm" name="iframe_a"></iframe> <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
注意，由于链接的目标匹配iframe的名称，所以链接会在iframe中打开。
相关推荐：
以上がHTML学習メモ2の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。