zoukankan      html  css  js  c++  java
  • HTML-01文档

    基本格式

    <!DOCTYPE html >

    <html>

    <meta charset="utf-8">

    <head>

      <title></title>

    </head>

    <body></body>

    </html>

    标签

    <h1></h1>

    <p></p>

    <i></i>

    <em></em>

    <b></b>

    <strong></strong>

    <br/>

    <div></div>

    <img src="" alt="">

    <a href="" target="" title="" ></a>

    有序

    <ol>

      <li></li>

      <li></li>

      ……

    </ol>

    ol>li*2 按tab键

    无序

    <ul>

      <li><a></a></li>

      <li><a></a></li>

      ……

    </ul>

    ul>(li>a{内容})*2 按Tab键

    定义

    <dl>

      <dt>标题/题目</dt>    顶行的

      <dd>内容/解释</dd>  有缩进的

      <dt></dt>

      <dd></dd>

      ……

    </dl>

    dl>(dt+dd)*2 按Tab键

    表格

    <table 边框border=“1”  宽width=“300”  高height=“200” 表格在页面的对齐方式align=“left/center/right”默认靠左  单元格内容与边框距离cellpadding="0" 单元格与单元格距离cellspacing="0">

      <tr>  表格中的一行

        <th 单元格内容水平对齐方式align="left/center/right"默认靠左  ></th> 表头单元格

        <th 单元格内容垂直对齐方式valign="top/middle/bottom"默认居中></th> 表头单元格

        ……

      </tr>

      <tr>

        <td 单元格水平合并colspan="2"></td> 普通单元格

        <td 单元格垂直合并rospan="4"></td> 普通单元格

        ……

      </tr>

      <tr>

        <td></td> 普通单元格

        <td></td> 普通单元格

        ……

      </tr>

      ……

    </table>

    table>(tr>td*5)*6

    6行5列的一个普通表格。

    同时操作多行:

      按ctrl键多选,同时修改

    布局:

      table布局:传统布局,应用:垃圾邮件

      html+css:div+css布局,需要用到css盒子模型,盒子类型,CSS浮动,CSS定位,CSS背景图定位等。

     

    表单:

      搜集用户数据的标签:如登录,注册等。

      

      

      

      

      

      

      

      

      

      

  • 相关阅读:
    RabbitMQ 路由选择 (Routing)
    RabbitMQ 发布/订阅
    RabbitMQ 工作队列
    MySQL中的insert ignore into, replace into等的一些用法总结
    BigDecimal用法详解
    RabbitMQ 入门 Helloworld
    git标签
    git查看提交历史
    RabbitMQ简介
    【计算机视觉】SeetaFace Engine开源C++人脸识别引擎
  • 原文地址:https://www.cnblogs.com/onroad2019/p/12177331.html
Copyright © 2011-2022 走看看