Home > Developer > Web Develop
Write the page using the HTML language, specifically what is the HTML language itself Baidu.
Web pages are mainly divided into two parts in HTML: Head, Body (body)
Write a simple page below
1. First create a text document file and change the suffix. txt to. html. Name changed to HelloWorld, the name can be changed casually. Effect in (if the name of the new file does not have a. txt, you need to display the suffix name in the system settings, how to set the method see Https://jingyan.baidu.com/article/e52e3615804fad40c60c51af.html) 650 ) this.width=650; "Src=" https://s4.51cto.com/wyfs02/m01/8e/dd/wkiol1jn-eus12ccaaaqqtp78eq150.jpg-wh_500x0-wm_3- Wmp_4-s_78764099.jpg "title=" qq20170319111744.jpg "width=" alt= "wkiol1jn-eus12ccaaaqqtp78eq150.jpg-wh_50"/ >
2. Right-click the file to open the edit through Notepad, fill in the following code, save, double-click the file opens, will default to open with the browser
<title> My first page </title>
<body>
</body>
Page open effect is as follows
650) this.width=650; "Src=" https://s5.51cto.com/wyfs02/M02/8E/DF/wKiom1jN-qagRSERAAAxxs9ALmI518.jpg-wh_500x0-wm_ 3-wmp_4-s_966676527.jpg "title=" qq20170319112755.jpg "alt=" Wkiom1jn-qagrseraaaxxs9almi518.jpg-wh_50 "/>
The code is parsed below
1. The page code begins with HTML and tells the browser that this is an HTML page code
2. We can see that the HTML contains the head and body two tags. These two tags are the most basic title of the page, head inside the main place page information, such as title, where the content will appear above the browser.
The content in 3.body will appear on the page. The body in the code contains a H1 tag, and the contents of the H1 tag Hello World appears in the page.
In addition to H1 this label, the HTML also defines a lot of tags, different labels, the display effect is not the same. Let's take a look at the H1 to H6 display effect
Open the file and edit the code to
<title> My first page </title>
<body>
</body>
The code must be indented so that it is beautiful
Save open, effect as
650) this.width=650; "Src=" https://s3.51cto.com/wyfs02/M00/8E/E0/wKiom1jN_aeBFoddAABIaRP5GCw889.jpg-wh_500x0-wm_ 3-wmp_4-s_4169160303.jpg "title=" qq20170319114059.jpg "alt=" Wkiom1jn_aebfoddaabiarp5gcw889.jpg-wh_50 "/>
We can see that the font size is different. Different label display effects are not the same.
Usually we see the page is very beautiful, there is a menu and other arrangement of neat beautiful, this is the layout problem, the specific look at the next blog post
This article is from the "Simple Developer" blog, so be sure to keep this source http://zjm80230.blog.51cto.com/9905372/1908081
HTML easy to get started
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
