>  기사  >  웹 프론트엔드  >  html基本标签_html/css_WEB-ITnose

html基本标签_html/css_WEB-ITnose

WBOY
WBOY원래의
2016-06-24 11:40:19910검색

html文档基本机构

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

例子:

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

html常见的标签

1,标题

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

标题的一般形式内容,n的值是1~6,n越小,字号越大

2,换行标签

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


3,段落标签

属性align是对齐方式,left,center,right

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


4,水平线段



size:水平线的宽度,单位是像素
width:水平线的长度,默认像素,可用百分比,width=50%表示页面长度的50%。
align:水平线的对其方式,left,center,right。
noshape:无阴影,若设置位实心线段
color:线段内部颜色
<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,,字体标签
size:用来设置字体的大小,1~7,值越大,字体越大
face:用来设置字体类型
color:字体颜色

<html>      <body>     <font color="#000099">相见时难别亦难,<br></font>     <font color="#000099" face="楷体GB_2312",size="7">东风无力百花残。</font>    </body></html>

字体风格常见的标签:

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.