An article teaches you how to create a web page in HTML_HTML/Xhtml _

Html is the basis for learning to build Web pages. Beautiful web pages and la s are composed of some html code. After reading this article, you can simply understand html, if you do not want to become an artist, you can read HTML and make simple modifications when necessary as a developer. Next we will follow my ideas to make sure that you understand HTML in a document. Of course, it is best to try it on your own during the process, so that you can understand it more deeply. OK, start at the following: (the following symbols are entered in English)

1. Basic html rules

My web page

.............................

......................

Almost all web pages follow this format. This is a must-have mark for a Web page. Each mark is placed in <> The end is just adding a lot of messy things in the ellipsis, that is, what we see.

Copy the code to a notebook. Then, the.html file becomes a webpage. How can this problem be solved?

Open the file in notepad.Add the word "Homepage" to the link, save it, and then open it.

Next, add a tag to the front and back of the home page to change it to the home page, save it, and then check the effect?

Is it the hyperlink we usually see online? Continue, open and click the Home Page. Will it jump to page B. (Of course, both page a and page B must be in the same directory.) So far, you should understand that all the functions on the webpage are implemented by different tags similar to this, remember the functions of these tags when you need to do so.

2. webpage Structure

If you pay attention when surfing the Internet, the Web pages are actually segmented,

Of course, this is just a rough structure. You can also divide it into many blocks as needed. The block is mainly used to modify the aspect and determine their respective performance styles.

This mainly uses

Mark to implement, I will add

Try marking:

Homepage

Save and try it on. What effect does it have?

Is it the same as before? Let's add some modifications to it:

When running, we marked this part as a blue background!

After adding a lot

You can unload eight webpages.

Of course, many

The hosts file (control the display styles marked on the webpage), and then call the desired part. Next, let's try again.

Create a new notebook, rename it c.css, then open it, and write:

# Header {width: 200px; height: 100px; border-style: solid ;}

And delete it in a.html.

ThenBefore joining
  

You can also introduce the c.css file. The advantage of placing css in a separate file is that if this style is referenced in many places, we only need to modify this place and it will all change. Otherwise, we have to manually modify each place, it is not conducive to post-maintenance.

At the very end

Change

Is the effect the same as before?

Almost, here, we should say "no poetry or Yin". This article mainly aims to give you a general understanding of html and know what is going on, there are still a lot of tags that are not involved. You need to look for a book designed on this web page and carry it back.