02_ writing the first HTML page

Pre-Repair Knowledge:

In HTML, in fact, the role of the case is the same, the general use of lowercase (understood as unspoken rules, a standard bar)

"The beginning is the declaration with the agreement of the HTML5, which must be written, the header of this has a problem, if not written may be HTML4.01 standard"

---in a Web page, we are through a label to reflect the function, and these tags are in pairs appear, in addition to the declaration of unexpected, is to put something inside, wrapped in it

Add attributes to the----tag, just give them a space, without commas

----Here, we can get a feel because we have to use the path, do not use Chinese, special symbols, with standard

----development using the current path, like Baidu with an absolute path, why? Because Baidu their projects are too large, they will take out a dedicated server to put pictures, another server put pictures ... And we should note that using relative paths

----shortcut keys, save the file first, make an exclamation mark, then a tab, a simple subject will come out

For labels, we can be divided into two categories:

Block Label: The default is a full line

Inline tags: is determined by the content, you can put a piece of multiple inline labels

"Making a Web page"

Then make the first page of the idea:

The first part, the preparation of the Environment of Web development environment: Browser + Web development tool (Notepad/Super Notepad/ide tool (Integrated development environment (Integrated development environment) (dreamweaver/hbuilder/ Webstrom, etc.))

Part Two, the first complete page structure

The third part, the basic structure of Web page development "Web document Declaration, Page Page Property definition (title, encoding), Web Content section"

1, simple web-building:

-----From here we can see that we have simply shown the completion of the first page, note that the Declaration, encoding and decoding format, indentation problem, paired with the appearance of the label (inside to wrap things)

----Format: Generally write a Web page, roughly divided into two parts, a head and body, they are lateral, format to be consistent

For the head, we generally want to write the declaration--Coding format Ah, header--let people roughly understand where I entered, mainly to play a role in explaining

And the body, which is the body part, which is the part of the page we can see, we're going to use tags and attributes to make the page richer.

2, add the properties of the page, content, that is formally entered the body part

Simply comb it out :

Page notes:

If we want to add comments to the Sublimbe, use the standard format,<!----> can be added

<p></p> represents a paragraph, in English, a line break between paragraphs, an alternate line representing a paragraph, and an obvious blank line between the two ends "indent two bytes for our tradition and add it back"

<br/> Represents a newline, analogy

<b></b> denotes bold font, severity; This inside <strong></strong> is also possible, prominent, currently just not

<div></div> represents a block label, if there is nothing to write, the webpage is invisible, invisible to the naked eye, it will only occupy a pixel (do not understand the pixels behind), if the writing has content, no matter how much written, will default to fill a line, Analogy to the plastic bags we use in our lives, something will rise up. There's nothing to suppress.

<span></span> is used to modify the text (span does not break line is also reasonable), such as the size of the text, background color, font color, we first understand this

<i></i> represents italic

<u></u> Underline

<del></del> means delete ignores

--Effect display

3. Hyperlinks

In general, we do the Web page will put the material or something under the same folder, so that the province of the use of the path

In this case, the difference between HTTP and HTTPS is that the latter uses the cipher, which is more secure, the former

A represents a hyperlink that has two properties:

HREF: Jump

Target: This page completely jumps

4. Pictures

In the IMG tag

ALT attribute: The picture is mistakenly deleted or the wrong code or the network, and the network server is not found in the case, depending on the browser will appear different bugs, and Alt attribute is the time when this problem, the user's prompt

Title Property: For example, you put the mouse on the top of the picture, will appear to give you a hint of information

---you do not run the absolute path and relative path at the same time, there is the back of the/want to do not matter, the standard is to play a space with

5. Video

Controls cannot be played if not written because it is not controllable

AutoPlay one turn on auto play

Note that when the key is the same as the value, the value may not be written

6. Audio

Controls can show the music bar.

02_ writing the first HTML page