Novice self-study website building HTML Lesson 4 Setting the document format (1)_html/css_WEB-ITnose

In the last lesson, we created our first web page since learning by hand typing, copying and pasting, importing and other methods. However, compared with the web pages we usually browse, it is simply weak and ugly. But after all, this is our first page since we started making web pages, so I have to say: I am proud! Right.

It is not difficult to add content to a document. The next step is how to set the size, color, format and other attributes of the text as well as the page attributes of the document. These are also the basic tasks of making a web page.

In the following study, the content points will continue to increase, and it is wise for everyone to practice more.

1. Set the title of the browser

The title is actually the same as our name. For example, my name is Zhang San, then when you see Zhang San, you will contact me with this piece of hard work. His silky face matches my person.

The role of the title is to let us know what the content of this webpage is, and the title must be related to the content. Otherwise, if you see a webpage with the title "Cigarettes", but open it and it sells tea, it will be messed up. .

There are three ways to modify the title (we briefly taught 2 methods in the last lesson). Let’s review:

(1) Title text in the toolbar of the document Enter in the box, such as

(2) Select the Modify? Page Properties command, or click the Page Properties button in the Properties panel to open the Page Properties dialog box, and then select Title/Encoding Category , enter

2. Set paragraph format

(1) Paragraph and line breaks

In the document window, every time you press Enter, a new paragraph will start, but there will be a blank line space between paragraphs. How can I prevent there being no spacing after line breaks?

Let’s do it together!

Select Insert Record? HTML? Special Character? Line Break

or press Shift Enter

or click on the text in the toolbar and click on the line break icon

Let’s take a look at the effect

(2) Document title

When writing an article , we all have a title, which is equivalent to the title of the browser

And in the article, we sometimes add some subtitles, these subtitles are the document titles

For example Example: Essay title: My Game History

The essay is divided into two parts: World of Warcraft DOTA

Then World of Warcraft is divided into: Alliance of Tribes

here The essay title is actually our browser title

World of Warcraft DOTA, which is the No. 1 title of our document

Alliance of Tribes, is the No. 2 title of our document

How to format these titles?

A small example:

First write the above content into the document

Select World of Warcraft, click Format on the property bar, and select the title 1

We will find that

World of Warcraft

in the code has become

World of Warcraft

The here is our title tag (commonly known as code)

What it means is that this is a document title, not a document paragraph or anything else

So if I change the font and size of this title, how do I set it up?

Click on the page properties in the property bar, select the title category, and you can set the title style

After setting, follow the method just now to set the title.

(3) Setting list

We may usually encounter such a situation, such as recording our daily schedule

For example: 1. Get up at 7:30 in the morning

2. Start exercising between 7:30 and 8:30

3. Wash up and have breakfast at 8:30 and 8:30

4.9 Click to arrive at the company and start working

Like 1.2.3.4 in the above example. It is a list

In the process of making web pages, how do we make such a list?

Let’s take a small example:

Old rule, enter the text first

and then click the list bullet in the property bar

Observe the code:

becomes

is the code of the list

So if I want to replace it with a, b, c, d as a list, is that okay?

We put the mouse cursor in the list, click the list attribute in the attribute bar, and modify it in the list type and style.

That’s it for today’s study. Leave a little homework below.

Enter the following content:

Create a new document and save it as a job for novice website builder.html

Set the browser title as: The first job for novice website builder

Set the following text according to the function

Set the above three lines as a document title

h1 title text size is 18, color is #000

h2 Title text size is 14, color is #00f

h3 title text size is 9, color is #ccc;

The font is pixels (px)

Enter a line break

I am a rookie, I like building websites, I like design, I like programming, I will work hard for my goals

My pursuit is to make a website by myself in the future

Assignment requirements, 1. Set the first four paragraphs into a project list, with the list style as numbers 1.2.3.4 .

2. Set paragraphs 5 to 8 as 3 document titles. The title style is the discourse itself

3. Add a line break

to the 9th to 10th lines. The final effect is as follows:

by??Midnight Cat