HTML Basic code teaching piece, understanding HTML

Source: Internet
Author: User

This is a little dizzy in the first afternoon, cough, shake the head classes

Html

Definition: Hypertext Markup Language

(You can remember this: how to Makes Love!) Haha, ready to drive, rough one, long not)

In fact, it is simple to understand, beyond the text category, labeled, computer language

We see a string of code, this is the background interface of the blank page, and this code is one of the computer language

Let's explain it in terms of definition.

A marked computer language beyond the text category

Beyond the text category:

is not just text, but also includes static pictures, motion diagrams, audio, video, hyperlinks and a series of comprehensive

Labeling:

In fact, in order to let the computer distinguish between different computer languages and special custom of a special symbol, the computer saw this symbol will know "OK, this is HTML", this symbol is: < >, such as

The above explains what is HTML, then let's take a look at this markup language a little bit of the most basic language code (in my opinion, in fact, the code is the same as Chinese, now we are learning to read, programming is to use words and words to make sentences, the only difference is that the reading object is different, just)

Let's look at a set of code first

Head, Top

The

Now this line of code is what we can see.

OK, Next

<body> </body>

Torso, body

As you can understand, what we see on our web page is presented to our eyes by <body> </body>.

For example, we want a page with a red background, so we can do this.

<body bgcolor= "Pink" >

Let's start the split screen display, so that we can see more convenient and more intuitive

The result of the code above is what it looks like.

Yes, pink.

What we have just done is to add a bgcolor= "red" in <body></body>, yes, backgroundcolor abbreviation =bgcolor (background color), background is the background image, is not very

Now someone said, read the novel on the website, where is the word written?

Can be written in the body, but not the angle brackets <> inside, but in the middle of <body> and </body>, like this

<body bgcolor= "Pink" >hello<br/>hello<br/>hello<br/></body>

Yes, you see another code <br/> This is the line-break code, and there's only one, uh, single Wang one, no other half

The display effect is as follows

Feel the word is too small, not too clear to see, but also very strenuous, well, we slightly adjust the size of the font

<body bgcolor= "Pink" ><b>hello</b><br/><i>hello</i><br/><u>Hello </U><BR/><b><i><u>hello</u></i></b><br/><font size= "7" Color= "Red" face= "italics" > People's Republic of China </font>

  

Duang, that's the rendering effect.

Yes, you see the right, are written to <body> </body> in the middle, look at the feeling is very complex, in fact, especially simple, let's split apart to see

b i u, the corresponding is bold, italic, underline (as in Word document inside, very easy), and are double mark, before and after each, remember, before and after each one

And can be used with double tag embedding

<font></font>, for the design of the font to use, in front of the <font> inside add

First, go to dinner, change back.

HTML Basic code teaching piece, understanding HTML

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.