Home > Developer > Web Develop
through the study of 1 sets of HTML, the original news release system in some of the labels have a further understanding of the harvest is quite abundant.
Defined
HTML is a hyper-text markup language. "Hypertext" means that the page can contain pictures, links, or even music, programs and other non-text elements.
Elements and tags
Four basic elements:
<br>: Empty element
<HR color= "Red";: empty element with attributes
<title>http://www.zhaohan.com</title>: Elements with Content
<font color= "Blue" >HTTP://WWW.ZHAOHAN.COM</FONT>: Elements with content and attributes
Example:
Operation Result:
See that the result of the run is different from what was written in the code, without fragmentation. This is because if there are multiple white space characters (spaces, tabs, carriage returns, line feeds, and so on) the browser will only resolve to a single space character, so the above effect appears.
This requires that we understand some of the tags related to paragraph control:
<p align= "#" >
P:paragraph. #是属性值, can be: left/center/right/justify.
<br>: line break
Such as:
The running result changes to:
To do some design of text, you need to know the Text Settings tab:
<center>: Text centered
<font size=n color= "#";: Set font, color
<b>: Bold
<i>: Italic
Such as:
Operating effect:Case, customize a file type description. For example: <!--Original-- <center> <b> to illustrate the Hypertext Markup Language standard used in the document, </b><br/></center> <!--Center + bold -<i> All Hypertext Markup Language documents should be in the "File type declaration" header, <br/></i> <!--Italic--- < Font size= "color=" "Red" > reference a File type description or necessary <br/></font> <!--font Size: 19 Color---Some characters are limited in the system, or have other meanings, if you want to enter some special characters, you need to refer to special characters:
For example: Beef Brisket Press Release system:
<div id= "Footer" > copyright © Zhao Han &<a href= "http://blog.csdn.net/onlybymyself" target= "=blank" > Zhao Han csdn</a> </div>
Effect:
List
Use the <ol> and <li> tags to create a list with numeric numbers. Use the Start property in the <ol> tab to set the starting sequence number. Use the Value property in the <li> tab to change the numbering order within the list.
Such as:
<ol Start><li value = "1" > not by the slightest invasion of dust, made up two green hedges, spring residence alone in the world, flowers open Five, I praise you, proudly, Mei. </li> <li> not for the poor to change the festival, Loh for no one, fragrance only dark holding, Yelichong branch, I love you, handsome, blue. </li> <li> will not be suspended on the side of the sound, striking thousand forest gaunt, burst shoots out of the pale wall, sharp sense, I salute you, clean, bamboo. </li> <li> do not want to lower the first stem upright, Zhuo for the Frost outstanding, holding Branch ning self-withered, Luo zhai residual incense, I top you, elegant, chrysanthemum. </li> </ol>
Effect:
There are many different styles of numbering, and you can specify the numbering type by using the type attribute in the label.
Reference:
Form
The table includes: Title, table header, table row, cell.
The table is defined by the <table> element.
Headers are defined by <th>
Headings are defined by <caption>.
Add New Line <tr>
Define cells with <td>
Such as:
<span style= "FONT-FAMILY:KAITI_GB2312;FONT-SIZE:24PX;" ><body> <table border= "1" > <caption > Cost sheet </caption> <th> date </th > <th> projects </th> <th> fees </th> <tr> <td>2015-7-25</td> <td> Water charges </td> <td>50 </td> </tr> </table></body> </span>Effect:
in the code, border is the width of the set table line.
Hypertext links
The syntax format is: <a href= "URL" >
such as: Beef Brisket error Page:
Zhao Han Csdn is set to a hyperlink, the address of the hyperlink is: Http://blog.csdn.net/onlybymyself.<div id= "Footer" > copyright © Zhao Han &<a href= "http://blog.csdn.net/onlybymyself" target= "=blank" > Zhao Han csdn</a> </div>by looking at 1 episodes of video, the HTML has a further understanding of the beef brisket when some mengmengdongdong, now on those labels are much clearer. Said beef Brisket news release system like B/s A bookmark, it seems really so, first from the beef brisket to each part has a beginning to understand, and then in the back of the learning process gradually in depth ...
Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.
"HTML"-Common tags-press release system
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
