html常用标签及其属性用法

    技术2026-03-31  7

    <head>标签的子标签

    <title>标签:设置标题,设置完成后可以显示到IE窗口的标题上

    <style>标签:引入css文件

    <script>标签:引入javascript文件

    <meta http-equiv=“content-type” content=“text/html;charset=gb2312”>

    <meta http-equiv=“refresh” content=“5;url=http://www.bjpowernode.com”>

    <meta name="keywords" content=“   ">

    <meta name="description" content=“ ">

    <meta http-equiv="expires" content="0"><meta http-equiv="pragma" content="no-cache">

    body中常用标签:

    bgcolor指背景颜色

    background指背景图片

    横线-<hr>

    size—长度

    width—宽度

    color—颜色,color 16 进制 RGB 数字,或者是下列预定义色彩,blue/yellow/red……

    超级链接-<a>

    hrefurl

    target—目标窗口,使用target属性,你可以定义从什么地方打开链接地址。

    显示结果

    描述

    实体名

    实体号

     

    不可拆分的空格

    &nbsp;

    &#160;

    小于

    &lt;

    &#60;

    大于

    &gt;

    &#62;

    &

    and符号

    &amp;

    &#38;

    "

    引号

    &quot;

    &#34;

    '

    单引号

     

    &#39;

     

       

     

    显示结果

    描述

    实体名

    实体号

    ¢

    &cent;

    &#162;

    £

    英镑

    &pound;

    &#163;

    ¥

    人民币元

    &yen;

    &#165;

    §

    章节

    &sect;

    &#167;

    ©

    版权

    &copy;

    &#169;

    ®

    注册

    &reg;

    &#174;

    ×

    乘号

    &times;

    &#215;

    ÷

    除号

    &divide;

    &#247;

     

     

    .与文件同一目录..该文件的上一级目录

     

    标题字体-<h1~6>

    可以取值1,2,3,4,5,6

    标题显示为黑体字

    这些标记自动插入一个空行,不必用 <p> 标记再加空行

    数字越小字体越大

    换行:<br><p>:<p>中间插入一个空行,而<hr>不会插入空行

     

    字体设置<font>

       size1,2,3,4,5,6,7

    color—字体颜色, color 16 进制 RGB 数字,或者是下列预定义色彩,blue/yellow/red……

    文字布局:

    <div></div> <span></span>

    文字的分区显示2div之间会自动换行

    <ul><li></ul>

    无序号列表

    <ol><li></ol>

    有序号列表

    <p>

    回车换行

    <br>

    换行

    <pre><pre>

    保留原始格式

    图片-<img>:

    src--图片路径,最好使用相对路径

    alt--当鼠标放到图片上显示出提示信息

    width—图片宽度,如果不指定按原始宽度

    height—图片高度,如果不指定按原始高度

    表单-<form>

    action

    提交给服务器的那个程序来处理(如:把表单中的数据保存到数据库中)

    method,可以取值getpost

    get—发送数据的大小有限制(256byte),表单中的数据显示在url后面,如:user.html?userid=zhangsan&username=张三

    post—发送数据的大小没有限制,而且不会现在在url后面

    <input type="" name="">

    type可以取值

    ³ text/password/checkbox/radio/select/textarea/submit/reset/button/image/hidden

    name输入域的名字

         文字输入-text

                 id—唯一标识

    name—名称

    value—值

    size—长度

    maxlength—最大长度

    密码输入-password:

           id—唯一标识

    name—名称

    value—值

    size—长度

    maxlength—最大长度

     

    复选框-checkbox

    id—唯一标识

    name—名称,多个时名称相同

    value—值

    checked—选中的checkbox

              单选框-radio

    id—唯一标识

    name—名称,多个时名称相同

    value—值

    checked—选中的radio

              列表框-select

    id—唯一标识

    name--名称

    size--列表框的长度

    multiple—可以实现多选的列表框

    <option>,可以有option

    value—列表框中的值

                   selected—指定哪一项被选中

     

     

     

     

              文本区域-textarea

    id—唯一标识

    name--名称

    rows-行数

    cols-列数

              按钮-button:

    button—点击按钮可以提交数据,一般适合于表单中多个button

    submit—点击按钮将该form中的信息提交

    reset—点击按钮将该form中的信息重置

    image—可以点击图片提交

              隐藏表单-hidden:

                隐含域其实和正常的输入域一样,只是不会将数据显示到页面上,因为放到    

                隐含域中的数据,没有必要让用户看,因为这些数据大部分是控制数据

             表格-table

             border--表格边框尺寸

             width—表格宽度,可以用百分比,可以用数值

             align—对齐方式,left/right/center

             <tr>--

             <td>--

             colspan—跨多列

             框架-frame:

                 窗口中正常情况下只能显示一个网页,采用帧可以将窗口分隔出多个窗口,                       每个窗口对应一个html文件

    <html>

             <head><title>Frame</title></head>

             <!--注意不能有body标签-->

             <!--

             <body>

              -->

                       <frameset cols="18%, *">

                 cols表示列,如果多列采用逗号间隔,百分比表示列的宽度,星号表示剩余宽度,如果是行可以采用rows,用法同cols,如以下为两列:一列帧大小为18%,另一列帧大小为屏幕的剩余部分

                                <frame name="left" src="21_1.html" >

                          src为每帧对应的文件名称

                                <frame name="right" src="21_2.html">

                       </frameset>

             <!--  

             </body>

             -->

    </html>

     

     

    HTMLtarget属性的4个内定名称:

     

    _blank,表示新开启一个浏览器窗口

    _self,此属性为默认属性,在当前窗口显示

          _parent,表示在当前窗口的直接父帧窗口(直接上一级窗口)显示

          _top,在最顶层窗口显示

    target属性值可以直接赋值帧的名称

     

    隐含帧<iframe>:

     隐含帧使用的标签为<iframe>,隐含帧不需要放到<frameset>标签中,使用隐含帧,可以实现网页局部数据的显示的滚动和局部数据刷新

     

    标签

    描述

    <b>…</b>

    黑体

    <i>…</i>

    斜体

    <u>…</u>

    下划线

    <s>…</s>

    中划线

    <sup>…</sup>

    上标

    <sub>…</sub>

    下标

     

     

    &lt;

    <

    &gt;

    >

    &amp;

    &

    &nbsp;

    空格

    &quot;

    "

     

     

    最新回复(0)