html basic tag_html/css_WEB-ITnose-HTML Tutorial-php.cn

html basic tag_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 11:40:19

Original

910 people have browsed it

Basic structure of html document

<html>    <head>       <!--头部信息，网页相关属性和信息-->    </head>    <body>       <!--主体,浏览器页面显示内容-->    </body></html>

Copy after login

Example:

<html>    <head>      <title>这是网页标题（文件头部分）</title>    </head>    <body>      这是网页得内容部分，在浏览器窗口显示。    </body></html>

Copy after login

html common tags

1 ,Title

<html>    <head>      <title>这是网页标题（文件头部分）</title>    </head>    <body>       <h1>标题一</h1>       <h2>标题二</h2>       <h6>标题三</h6>    </body></html>

Copy after login

The general form of the titleContent, the value of n is 1~6, the smaller n, the larger the font size

2, line break Tag

<html>      <body>       百日依山尽<br>黄河入海流<br>欲穷千里目<br>更上一层楼    </body></html>

Copy after login

3. Paragraph tag

The attribute align is the alignment, left, center, right

<html>      <body>      <p align="left">你好，请问你是谁？</>      <p align="center">你好，请问你是谁？</>      <p align="right">你好，请问你是谁？</>    </body></html>

Copy after login

4. Horizontal line segment

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>

Copy after login

5,, font label
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>

Copy after login

Common font styles Tags:

<b>内容</b><!--设置为粗体blod--><u>内容</u><!--设置为下划线 underline--><i>内容</i><!--设置为斜体 italic--><sup>内容</sup><!--设置为上标，superscript--><sub>内容</sub><!--设置为下标，subscript-->

Copy after login

Copyright statement: This article is an original article by the blogger and may not be reproduced without the blogger's permission.