Attempt to publish a webpage to the Internet

I learned HTML and CSS respectively in the past two days. Although I didn't make a beautiful webpage, I used the elements and attributes of the Getting Started. And try to publish it to the Internet.

I applied for a free 4-day server in "China Internet", web site: http://www.163ns.com/err.asp in this website can set their own home page name is what type, convenient to pass our web page. The FTP upload tool I use is filezilla and is free of charge at: http://filezilla-project.org /. You can drag and drop HTML and CSS documents and related images to upload to the server. (My 4-day trial site: http://wodedz.c28.163ns.com /)

On the homepage of my website, we can view the font size under the menu in the browser and adjust the font. We will find that the abcdefg and other words in the middle of the homepage will not change like other fonts, they do not change. This is because when I set the font-size attribute of these fonts in the CSS file, the unit is PX or PT, while others can be changed to % or em. What we see is the essential difference between the two.

There are three pictures in the upper-left corner of the homepage (they are not displayed because I have not uploaded them. If you want them to display slowly after uploading, you can check the pictures on the next page, this can be understood not to insert too many pictures in the webpage) placement, use the span tag ID in HTML, and use the Z-index in CSS to stack layers. The Code is as follows:

HTML file:

<Span id = "p1"> </span>
<Span id = "p2"> </span>
<Span id = "P3"> </span>

CSS file:

# P1 {
Position: absolute;
Left: 130px;
Top: 130px;
Z-index: 1;
}
# P2 {
Position: absolute;
Left: 200px;
Top: 200px;
Z-index: 2;
}
# P3 {
Position: absolute;
Left: 300px;
Top: 300px;
Z-index: 3;
}

The content on the second page is covered in my HTML reading notes. The page color, Font, and style are all set in the HTML document. In addition to news text, links, images, and other content, the homepage is added in HTML, and other effects (although not easy to see) are set in CSS.

Through this experiment, we can better understand the functions of CSS and HTML. Many effects can be set in HTML files (especially after html4.0). However, it is easier to use CSS to centrally manage the layout and style of webpages. In addition, the box model in CSS makes it unnecessary to use the table element in HTML for layout.