Web ページにテキスト情報を表示するには、HTML をデザインするときに、Word やメモ帳でテキストを追加するのと同じように、
内のテキストを追加する必要がある場所にテキストを入力するだけです。同時に、コードの可読性を高めるために、 を使用して必要なコメントを追加することもできます。これらのコメント情報はページには表示されません。
1. テキストの変更
HTML ファイルにテキストを追加した後、Web ページをより美しくするために、テキストにいくつかの効果を追加する必要があります。使用する必要があるマーカーの一部は次のとおりです。
| マーク 斜体 ... | |
| アドレステキストを設定します | |
| 上付き文字 | |
| 下付き文字 | | 例:
<html> <head> <title>文字修饰</title> </head> <body> <p>语文：<br> 静夜思<br> <b>床前明月光</b><br> <!--粗体--> <i>疑似地上霜</i><br> <!--斜体--> <u>举头望明月</u><br> <!--下划线--> <del>低头思故乡</del><p> <!--删除线--> <p>数学：<br> x<sup>2</sup>-6x+5=0<br> <!--上标--> 解：x<sub>1</sub>=0;x<sub>2</sub>=1 <!--下标--> </p> </body></html>
ログイン後にコピー
効果: | | 2. 段落 通常の文書かどうかは関係ありませんまたは Web ページの場合、テキスト情報に関する部分には、段落の関連コンテンツが含まれるため、テキスト表現がより明確になります。 HTML の特殊な段落記号は です。また、段落書式を設定できるマークもたくさんあります |
段落書式を設定することはできません | |
| Enter
| | <td> <p> </p> </td>設定後、キーボードの Enter キーで段落を生成できます </tr> <tr> <td> <p> </p><blockquote> </td> <td> <p> </p>段落を設定する段落の重ね効果を高めるインデント </td> </tr> </table> </p> <p> </p><hr><p> </p> <p> </p> 水平線の挿入と設定 <p class="sycode"> </p> <p> </p> <p class="sycode"> <table>3. 特殊記号を使用する場合 <tr> <td> s、変換する必要がありますこれらのコードを HTML ファイルに挿入すると、必要な特別なシンボルが Web ページに表示されます。一般的に使用される特殊記号は、次のコードに対応します。 <p> </p> </td> <td> <p> </p> 記号 </td> </tr> <tr> <td> <p> </p>スペース</td> <td> <p> </p> </td> </tr> <tr> <td> <p> </p>&</td> <td> <p> </p>&</td> </tr> <tr> <td> <p> </p>©</td> <td> <p> </p>© </td> </tr> <tr> <td> <p> </p>?</td> <td> <p> </p>™</td> </tr> <tr> <td> <p>®</p> </td> <td> <p>®</p> </td> </tr> </table> </p> <p>¥</p> <p> </p> <p class="sycode">¥ <table> <tr> <td>§<p> </p> </td> <td>§<p> </p> </td> </tr> <tr> <td>例: <p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="sycode" name="code"><html> <head> <title>特殊符号的使用</title> </head> <body> <p> 廊坊师范学院，建院于1946年，升本建院以来，学院已为社会输送了4万余名各级各类专业人才。<p> <p> 版权所有©：廊坊师范学院</p> <!--特殊符号--> </body></html>
ログイン後にコピー
効果:
概要: | HTML ドキュメントでは、テキストの特定の部分を説明する必要があり、それも必要ですこれは、テキスト マークアップ タグ を追加することで行われます。テキスト効果には多くの設定がありますが、よく使用されるタグをいくつかマスターして適切に使用すれば、Web ページをより見やすくすることができます。 |
|
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
