• html 主要标签总结


    基础结构标签:html,head,body。

    1 <html>
    2     <head></head>
    3     <body></body>
    4 </html>

    1.换行符

    1 <br/>

    2.段落

    对齐属性:align。属性值:left,center,right。

    1 <p align="center">这是一个段落</p>

     3.标题标签 h1~h6。

    1 <h1>这是h1标签</h1>
    2 <h2>这是h2标签</h2>
    3 <h3>这是h3标签</h3>
    4 <h4>这是h4标签</h4>
    5 <h5>这是h5标签</h5>
    6 <h6>这是h6标签</h6>

    4.文本修饰标签,其用途类似于word的字体变化。

    1 <b>定义粗体文本</b>
    2 <i> 定义斜体文本 </i>
    3 <del>定义删除文本</del>
    4 <sup>定义上标字</sup>
    5 <sub>定义下标字</sub>

    5.链接标签。

    1 <a href="url" title="_title" target="_blank">
    2     href:跳转地址;
    3     title:连接提示;
    4     target:跳转的方式;可选值:_blank,_parent,_self,_top;
    5 </a>
    6 <a href="#">用于跳转页面内部位置</a>

    6.图片引入标签。

    1 <img src="url" alt="img-title" width="100" height="100"/>
    2 src:图片的地址;
    3 alt:图片的提示文本;
    4 width:宽;
    5 height:高;

    7.文件路径规范。

    1 ./ 当前目录;
    2 ../ 上层目录;
    3 address / 子层目录;
    4 ../address/ 结合性目录;

    8.图像热区。在一张图片上定义一些特定的区域来实现链接。

    1 <img src="url" usemap="_map"/>
    2 <map name="_map">
    3     <area shape="rect" coords="0,0,10,10" href="url"/>
    4     <area shape="circle" coords="50,50,10" href="url"/>
    5     <area shape="poly" coords="50,50,10,10,80,80" href="url"/>
    6 </map>

    9.字符实体。使浏览器显示html中的格式符号。

    1 <
    2 >
    3 &

    10.无序列表。以符号开头的列表。

    1 <ul type="disc">
    2     <li>这是第1行</li>
    3     <li>这是第2行</li>
    4     <li>这是第3行</li>
    5     <li>这是第4行</li>
    6     <li>这是第5行</li>
    7     type:定义列表开头符号的样式;
    8 </ul>

    11.有序列表。以序号开头的列表。

    1 <ol type="A">
    2     <li>这是第1行</li>
    3     <li>这是第2行</li>
    4     <li>这是第3行</li>
    5     <li>这是第4行</li>
    6     <li>这是第5行</li>
    7     type:用来定义开头序号的样式;
    8 </ol>

    12.定义列表。有标题的列表。

    1 <dl>
    2     <dt>列表标题</dt>
    3     <dd>列表项1</dd>
    4     <dd>列表项2</dd>
    5     <dd>列表项3</dd>
    6     <dd>列表项4</dd>
    7     <dd>列表项5</dd>
    8 </dl>

    13.表格。

    1 <table>
    2     <tr>行1
    3         <td>单元格1</td>
    4         <td>单元格1</td>
    5         <td>单元格1</td>
    6         <td>单元格1</td>
    7         <td>单元格1</td>
    8     </tr>
    9 </table>

    合并单元格:colspan="number":合并列;rowspan="number":合并行;在合并单元格后,需删除多余的单元格。

     

    15.内嵌框架。它可以把一个网页显示在另一个网页中。

    1 <iframe src="url" frameborder="0" width="100" height="100" scrolling="yes"></iframe>
    2 scrolling可选项:yes,no,auto。设置是否显示滚动条。

    16.form表单。

    1 <form action="url" method="post" enctype="multipart/form-data" target="_blank"></form>
    2 属性        说明
    3 name    表单的名称
    4 action    表单提交地址
    5 method    表单数据提交的方式 (get ,post)
    6 enctype    MIME类型        
    7 target     打开方式 

    17.input类型。

     请移步 “input 类型 总结”

    18.文本域。

    1 <textarea name="_text" id="_text" cols="30" rows="10"></textarea>
    2 cols:每一行可容纳的字符个数;rows:容器可容纳的行数。

    19.下拉菜单框。

    1 <select name="" id="" size="1">
    2     <optgroup label="group_1">
    3         <option value="1">opt_1</option>
    4         <option value="2">opt_2</option>
    5     </optgroup>
    6 </select>
    7 optgroup:分组;
    8 option:选项;
    9 size:选框可显示的选项的个数;

    扩展:

    1.label标签。

    1 跨度写法;
    2 <label for="input_1"></label>
    3 <input type="text" id="input_1">
    4 非跨度写法;
    5 <label><input type="text"></label>

    The end.

    by Little

  • 相关阅读:
    计算几何 val.3
    项目中常用的19条MySQL优化
    九年测试老鸟给测试新人的6条忠告
    敏捷软件测试常见的七个误区
    JEMTER简单的测试计划
    你真的会搭建测试环境吗?
    使用 Fiddler工具模拟post四种请求数据
    性能测试方案及性能测试流程
    Appium的环境搭建和配置
    Python :编写条件分支代码的技巧
  • 原文地址:https://www.cnblogs.com/darcrand-blog/p/5737949.html
Copyright © 2020-2023  润新知