初心者独学Webサイト構築 HTML Lesson4 文書形式の設定(1)_html/css_WEB-ITnose

前回のレッスンでは、手入力、コピーアンドペースト、インポートなどのいくつかの方法を学習して以来、初めての 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

は

World of Warcraft

になりました

ここの はタイトル タグ (通称 code) です

意味つまり、これはドキュメントのタイトルであり、ドキュメントの段落などではありません

それで、このタイトルのフォントとサイズを変更する場合、どう設定すればよいでしょうか?

プロパティバーのページプロパティをクリックし、タイトルカテゴリを選択すると、タイトルのスタイルを設定できます

設定後、先ほどの方法に従ってタイトルを設定します

(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 行目に改行

を追加します。最終的な効果は次のとおりです。