HTML学習メモ2-htmlチュートリアル-php.cn

この記事の内容は HTML 学習ノート 2 に関するものです。これを必要とする友人と共有します

1。 ;...行を定義、...列を定義

ヘッダーの意味:

<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. リスト

最初のタイプ: 順序なしリスト -

<tr>
<th>heading</th>
</tr>

ログイン後にコピー

または

2 番目のタイプ: 順序付きリスト -

<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>

ログイン後にコピー

をマークするか、

3 番目のタイプ: カスタムリスト—

<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>

ログイン後にコピー

説明:

リスト項目を示します

リスト項目の定義を示します

リスト項目内では段落、改行、画像、リンク、その他のリストなどが使用できることに注意してください。

3. HTML クラス

カテゴリ HTML であり、要素のクラスの CSS スタイルを定義できます。

同じクラスには同じスタイルを設定します。

<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>

ログイン後にコピー

は、同じクラスを設定するために使用されるブロックレベルの要素です。

はインライン要素です。

<!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) レイアウトには

を使用します

<html>
<head>
<style>
  span.red {color:red;}
</style>
</head>
<body>

<h1>My <span class="red">Important</span> Heading</h1>

</body>
</html>

ログイン後にコピー

(2) HTML5 によって提供される新しいセマンティック要素

ドキュメントまたはセクションのヘッダーを定義します

ナビゲーションリンクのコンテナを定義します

ドキュメント内のセクションを定義します

独立した自己完結型の記事を定義します

(サイドバー) ( ? これが何なのかまだわかりません)