前回のレッスンでは、手入力、コピーアンドペースト、インポートなどのいくつかの方法を学習して以来、初めての Web ページを作成しました。しかし、私たちが普段閲覧しているWebページと比べると、単純に弱くて見苦しいだけです。しかし何といっても、これは私たちが Web ページを作り始めてから初めてのページなので、誇りに思っていると言わざるを得ません。右。
ドキュメントにコンテンツを追加するのは難しくありません。次のステップは、テキストのサイズ、色、形式、その他の属性とドキュメントのページ属性を設定する方法です。これらは作成の基本的な作業でもあります。ウェブページ。
次の学習では、コンテンツのポイントが増加し続けるため、全員がさらに練習することが賢明です。
1. ブラウザのタイトルを設定します
このタイトルは実際には私たちの名前と同じです。たとえば、私の名前は Zhang San です。Zhang San を見ると、私の勤勉な顔と私を連想します。人。 。
タイトルの役割は、このウェブページの内容が何であるかを知らせることであり、タイトルはコンテンツに関連している必要があります。そうでない場合、「タバコ」というタイトルのウェブページが表示されても、それを開くと販売されます。お茶、めちゃくちゃになりますよ。
タイトルを変更して確認するには 3 つの方法があります (前回のレッスンで 2 つの方法を簡単に説明しました):
(1) ドキュメントのツールバーのタイトル テキスト ボックスに
などを入力します。 (2) [ページ プロパティを変更しますか?] コマンドを選択するか、[プロパティ] パネルの [ページ プロパティ] ボタンをクリックして [ページ プロパティ] ダイアログ ボックスを開き、[タイトル/エンコーディング] カテゴリを選択して、タイトル テキストに「
」と入力します。ボックス 2. 段落書式を設定します
(1) 段落と改行
ドキュメントウィンドウでは、Enter キーを押すたびに新しい段落が開始されますが、段落の間には空白の行スペースが生じます。改行後にスペースが入らないようにするにはどうすればよいですか?
一緒にやりましょう！
レコードの挿入?HTML?特殊文字?改行を選択します
またはShift+Enterを押す
またはツールバーのテキストをクリックして改行アイコンをクリックします
効果を見てみましょう
(2) 文書のタイトル
記事を書くとき、私たちはブラウザのタイトルに相当するタイトルを持っています
記事の中にいくつかのサブタイトルを追加することがありますが、これらのサブタイトルが文書のタイトルです
例えば: エッセイのタイトル: 私のゲームの歴史
エッセイは 2 つの部分に分かれています: World of Warcraft DOTA
次に World of Warcraft は次のように分かれています: Alliance of Tribes
ここのエッセイのタイトルは実際には私たちのものです ブラウザのタイトル
World of Warcraft DOTA はドキュメントの 1 番目のタイトルです
Alliance of Tribes はドキュメントの 2 番目のタイトルです
これらのタイトルのフォーマット方法は?
小さな例:
まず上記の内容をドキュメントに書き込みます
World of Warcraft を選択し、プロパティ バーで [フォーマット] をクリックし、タイトル 1 を選択します
コード World of Warcraft は
ここの
意味つまり、これはドキュメントのタイトルであり、ドキュメントの段落などではありません
それで、このタイトルのフォントとサイズを変更する場合、どう設定すればよいでしょうか?
プロパティバーのページプロパティをクリックし、タイトルカテゴリを選択すると、タイトルのスタイルを設定できます
設定後、先ほどの方法に従ってタイトルを設定します
(3 ) 設定リスト
私たちはよくこのような状況に遭遇するかもしれません、例えば、毎日のスケジュールを記録します
例: 1. 朝7:30に起きます
2. 7:30~8:00に運動を開始します
3. 8:30~8:30に洗濯 朝食終了
4.9時に会社に到着し、仕事開始
上記の例の1.2.3.4のように、一種のリストです
Web ページを作成するプロセスでは、このようなリストはどのように作成するのでしょうか?
小さな例を見てみましょう:
最初にテキストを入力するのが古いルールです
その後、プロパティ バーのリストの箇条書きをクリックします
コードを確認してください:
それをリストとして a、b、c、d に置き換えたい場合は大丈夫ですか?
リストにマウスカーソルを置き、属性バーのリスト属性をクリックして、リストのタイプとスタイルを変更します。
今日の勉強はここまでです。以下に少し宿題を残しておきます。
次の内容を入力します:
新しいドキュメントを作成し、初心者用 Web サイトビルダーのジョブとして保存します。html
ブラウザのタイトルを次のように設定します: 初心者用 Web サイトビルダーの最初のジョブ
機能に従って次のテキストを設定します
上記の 3 つの専門用語セットをドキュメントのタイトルに置き換えます
h1 タイトルのテキスト サイズは 18、色は #000
h2 タイトルのテキスト サイズは 14、色は #00f
h3 タイトルのテキスト サイズは 9、色は #ccc ;
フォントはピクセル(px)です
改行してください
私は新人です、ウェブサイトを作るのが好きです、デザインが好きです、プログラミングが好きです、目標に向かって頑張ります
私の追求はできることです将来自分で作る Web サイト
課題の要件、1. 最初の 4 つの段落をプロジェクト リストに設定し、リスト スタイルを数字として設定します1.2.3.4.
2. 5 番目から 8 番目の段落を 3 つのドキュメントとして設定します。タイトル。タイトルのスタイルは談話そのものです
3. 9 行目から 10 行目に改行
を追加します。最終的な効果は次のとおりです。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
