Home > Article > Web Front-end > html basic tag_html/css_WEB-ITnose
html basic tag_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:40:19914browse
Basic structure of html document
<html> <head> <!--头部信息，网页相关属性和信息--> </head> <body> <!--主体,浏览器页面显示内容--> </body></html>
Example:
<html> <head> <title>这是网页标题（文件头部分）</title> </head> <body> 这是网页得内容部分，在浏览器窗口显示。 </body></html>
html common tags
1 ,Title
<html> <head> <title>这是网页标题（文件头部分）</title> </head> <body> <h1>标题一</h1> <h2>标题二</h2> <h6>标题三</h6> </body></html>
The general form of the titleb35601808ee30eac9a0f11ecc3d2c015Content631de3dd0df8235a13014b55a1414c03, the value of n is 1~6, the smaller n, the larger the font size
2, line break Tag 0c6dc11e160d3b678d68754cc175188a
<html> <body> 百日依山尽<br>黄河入海流<br>欲穷千里目<br>更上一层楼 </body></html>
3. Paragraph tag 4bda03a4b6c7837eb15b48191ef562dd The attribute align is the alignment, left, center, right
<html> <body> <p align="left">你好，请问你是谁？</> <p align="center">你好，请问你是谁？</> <p align="right">你好，请问你是谁？</> </body></html>
4. Horizontal line segmentf32b48428a809b51f04d3228cdf461fa
size: the width of the horizontal line, in pixels
width: the length of the horizontal line, default pixels, available percentage, width=50% means 50% of the page length.
align: the alignment method of horizontal lines, left, center, right.
noshape: no shadow, if set to solid line segment
color: internal color of the line segment
<html> <body> <hr> <hr align="center" size=30> <hr align="center" noshape size=30> <hr align="center" width="100" size=30> <hr align="center" width="100" size=30 color="#CC0000"> </body></html>
5,, font label 240cb830ca84ebaabbd07850110b414de6e38b3c62e8df885fe2e3986461aa63
size: used to set the font size, 1~7, the larger the value, the larger the font
face: used to set the font type
color: font color
<html> <body> <font color="#000099">相见时难别亦难，<br></font> <font color="#000099" face="楷体GB_2312",size="7">东风无力百花残。</font> </body></html>
Common font styles Tags:
<b>内容</b><!--设置为粗体blod--><u>内容</u><!--设置为下划线 underline--><i>内容</i><!--设置为斜体 italic--><sup>内容</sup><!--设置为上标，superscript--><sub>内容</sub><!--设置为下标，subscript-->
Copyright statement: This article is an original article by the blogger and may not be reproduced without the blogger's permission.