• HTML——基本html标签


    基本html标签

    <html> ... </html>  定义HTML文档

    <head> ... </head>  文档的信息

    <meta />  HTML文档的元信息

    <title> ... </title>  文档的标题

    <link />  文档与外部资源的关系

    <style> ... </style> 文档的样式信息

    <body> ... </body>  可见的页面内容

    <!--  ...  -->  注释

    文本标签:

    <h1> ... </h1>  标题字大小 ( h1~h6 )

    <b> ... </b>  粗体字

    <strong> ... </strong>  粗体字 (强调)

    <i> ... <i>  斜体字

    <em> ... </em>  斜体字(强调)

    <center> ... </center>  居中文本

    <ul> ... </ul>  无序列表

    <ol> ... </ol>  有序列表

    <li> ... </li>  列表项目

    <a href="链接值"> ... </a>  超链接

    <font> ... </font>  定义文本字体,尺寸,颜色,大小 (淘汰)

    <sub> ... </sub>  下标

    <sup> ... </sup>  上标

    <br />  换行

    <p> ... </p>  段落其它

    图形标签:

    <img src(图片源自)=" ... " />  定义图像

    <img src="1.jpg" width"100px" height"1oopx" />

    <hr />  水平线

    表格标签(在网页中显示数据):

    <table> ... </table>  定义表格

    <th> ... </th>  定义表格中的表头单元格

    <tr> ... </tr>  定义表格中的行

    <td> ... </td>  定义表格中的单元

    <form> ... </form>  定义供用户输入的HTML表单

    <frame />  定义框架集的窗口或框架

     

    form 表单(含输入数据的单子)

     

    <div> ... </div>  

    三种样式:

     

    <div>1</div>

    <div>2</div>

    <div>3</div>

    <div style="float:left;">1</div>

    <div style="float:left;">2</div>

    <div style="float:left;">3</div>

    (向左浮动)

    <div style="float:left;100px;height:200px;">1</div>

    <div style="float:left;">2</div>

    <div style="float:left;">3</div>

    补充:

    浏览器中不显示图中所画横线(竖线)

    样式表中写法:属性:值;

    HTML属性:属性名="值"

     

    <div style="float:left;100px;height:200px;">1</div>

    <div>2</div>

     

    background-color:#333;

    背景色

    30%;

    (比例)

     

    例:表格

    学号 姓名 成绩
    1001 张三 95
    1008 李四 78

     

    <table>

      <tr>

        <th>学号</th><th>姓名</th><th>成绩</th>

      </tr>

      <tr>

        <td>1001</td><td>张三</td><td>95</td>

      </tr>

      <tr>

        <td>1001</td><td>李四</td><td>78</td>

      </tr>

    </table>

     

  • 相关阅读:
    EUI组件之DataGroup
    EUI组件之CheckBox
    EUI组件之Button
    EUI组件之BitmapLabel 位图字体
    微信小游戏 egret.getDefinitionByName获取不到
    微信小游戏横屏设置
    本地 win7 与虚拟机Centos7 ping互通和Centos7 上网设置
    Centos7没有ETH0网卡
    Parallels Desktop Centos 设置IP
    2.用Python套用Excel模板,一键完成原亮样式
  • 原文地址:https://www.cnblogs.com/as124/p/9811010.html
Copyright © 2020-2023  润新知