Home  >  Article  >  Web Front-end  >  html basic tag_html/css_WEB-ITnose

html basic tag_html/css_WEB-ITnose

WBOY
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.

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn