HTML独習の旅（I）基本要素と属性の練習（自分でコードを書く）

私は W3school のチュートリアルに従いました。チュートリアルはとても良いと思います。各セクションに小さな練習問題があります。さあ、始めましょう!
コードはすべて自分で書いています。自分でコードを書くことを否定する本もありますが、基礎知識がないので自分で書いた方が有利だと思います。笑、意見は人それぞれです。。
練習1 :

コードをコピー

コードは次のとおりです。

<html>
<body bgcolor="黄色">
<h1 align="center">これは見出し 1 です</h1>
<h2 align = "left">これは見出し 1 です</h2>
<h3 align = "right">これは見出し 1 です</h3>
<h4>これは見出し 1 です</h4>
<h5>これは見出し 1 です</h5>
<h6>これは見出し 1 です</h6>


<p>これは最初の段落です
</p>
<hr />これはリンクエリアです

<a href="http://www.baidu.com">これは Baidu のリンクです</a>
<br/>
<a href="http://www.w3school.com.cn">これは w3school リンクです</a>
<hr />これは写真エリアです

<img src = "upload/2022/web/96x96_1758293e995c.jpg" />
<hr />これはテーブルエリアです
<表の境界線="1">
<tr>
<th>月</th>
<th>貯蓄</th>
</tr>
<tr>
<td>1月</td>
<td>100ドル</td>
</tr>
</テーブル>
<hr />改行機能
<p>この文はここで終わります
</p>
<p>
この段落には空白行やスペースがたくさんありますが、ブラウザはそれらを自動的に無視します
</p>
<前>
これは、空白行、スペース、コードを表示できるフォーマット済みのテキストです。
</pre>
<前>
（真）の間
{
合計=a+b;
合計を返します。
cout<<合計;
}
</pre>
</本文>
</html>

練習2 :

コードをコピー

コードは次のとおりです。

<html>
<本文>
<b>このテキストは太字です</b>

<strong>このテキストは強力です</strong>

<big>このテキストは大きいです</big>

<small>このテキストは小さいです</small>

<em>このテキストは強調されています</em>

<i>このテキストは斜体です</i>

このテキストには<sub>下付き文字</sub>が含まれています

このテキストには<sup>上付き文字</sup>が含まれています
<時間 />
<前>
これはフォーマット済みのテキストです。スペースや空白行も出力できますよね？
</pre>
<コード>
（真）の間
{
コンピュータコード;
}
</code>
<kbd>キーボード入力</kbd>

<samp>サンプルテキスト</samp>

<var>コンピュータ変数</var>
<時間 />
アドレス演習:
<住所>
天津シュディップ

フェルトR

ABC（コレクション）

郵便番号: 123456
</アドレス>
略語の練習

<abbr title = "etcetera">など</abbr>

<acronym title = "ワールドワイドウェブ">www.</acronym>
<hr />テキスト方向の練習 // この機能はサポートされていません。テキストは右から左に出力する必要があります。

<bdo dir="rt1">ここにテキストがあります</bdo>
<hr />ブロック参照演習

これは長い引用です
<blockquote>これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。これは長い引用です。</blockquote>
これは短い引用です
<q>短い引用わあ、短い引用</q>
<hr />テキスト効果の削除や追加を練習する
<p>12 個には <del>20</del><ins>12</ins> 個あります</p>
</本文>
</html>

きっと超簡単なはずです、笑、そのまま続けてください！

<<: CSSはマウスが画像に移動したときにマスク効果を実現します

>>: ウェブページのメモリとCPU使用量を削減する方法