Web production basis: HTML knowledge
Today, doing web tools are everywhere, just move a few mouse, a page came out wonderful, HTML if you want to learn? The answer is yes, because the tool is the tool that generated code is mechanical, not simple, open the pages of slows down. And update, manage extremely inconvenient. There are many new features, tools are not generated. Required to edit the code. Create a front-end learning qun438905713, most in the group are zero-based learners, we help each other, answer each other, and also to prepare a lot of learning materials, welcomed the zero-based junior partner to the exchange.
The following Start simple to learn:
You open the page source, you can see the html file format is this:
<html>
<head>
<Title> title of the page </ title>
</head>
<body>
……………………
</body>
</html>
Which is part of the ellipsis content of the page, in fact, each marker is one to one, has a <body> and you will have a </ body> , a <font> will have a </ font>
Each page document are based on <html> start and to </ html> end.
<title> and </ title> content between the title of the page. It will be displayed in the title bar of the browser.
<body> and </ body> put between a web content. Open Notepad and write the following:
<html>
<head>
<title> title of the page </ title>
</head>
<body>
My first page.
</body>
</html>
To save as .htm or .html file with the extension becomes a simple web friends. Is not it simple?
For example, there is a web effects, but you do not know how to add.
It would be good to see this.
html tags, called "HTML" is the page's source code.
Divided into two types, "containment mark" and "empty tags"
Containment tag: a <tag> and </ tag> Composition
Empty tag: <tag>
Analogy, you have to like what I have to let that change the color of the word. Which words then modified it? Is the need for a modification of the beginning and end of it? See the following codes: <font color = red> red </ font> word, this is the case, the page displayed is the "red words" because I have ended the symbol "</ font>"
Come talk about the empty mark. For example, line feed mark <br> (when we write a word, a line you want to change, use the tag). Indeed wrap on the change, there is no beginning and end of the puzzle (say you should always understand, right?!)
Well, down ideas, see above, I wrote a: <font color = red> red </ font> word. Then the font is a marker used to modify the word. color refers to its color (red is red, you would not know it?). Here, care must be taken to remind beginners </ font>, you have to let the computer know what you want to modify the words (if you do not have </ font> end, then all the words will later be red).
Our editors html in the order you write to compile out of order means that you write the order is displayed on a computer (to know how to add the relevant code, right?).
Here are some basic mark, in fact, you do not want to remember can; because with too much time to write your own source code, certainly will automatically remember.
<br>,<font>和</font>,<p>和</p>,<title>和</title>
1, <br> This is a line break. On our website always have to write it? How to wrap? On this stuff. Remind beginner, then recall the difference between mark and space containment mark, is not clear to look back at the article, then the message is not clear on this, and I play with you ...... ...... giant sweat
2, <font> which is used to modify the text, such as the size of the background color, the color of the word, the word.
3, <p> and </ p> I am more with less, the article seems to be used to segment.
4, <title> and </ title> in <head> between, used to write the top left of the page header.
Consider the following example (which is non-standard wording said before, the same can; of course, to promote the standard wording)
<font size=5 color=blue><b>测试文字</b></font>
Create a front-end learning qun438905713, most in the group are zero-based learners, we help each other, answer each other, and also to prepare a lot of learning materials, welcomed the zero-based junior partner to the exchange.
[<B> The effect is to make the font bold]
size large text size, from 1-7 we all try.
Look at an example:
<P align = center> a text ~~~ </ p>
Ineffective representation, is to mark the text centered, we all try it.
You can also align equal left and right, Left and Right.
Tip: In fact, there are many other marks are the property align = center.
