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背景图定位等。

     

    表单:

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

      

      

      

      

      

      

      

      

      

      

  • 相关阅读:
    Android 拍照 代码实例
    利用Android手机里的摄像头进行拍照
    看视频时,类加载器没太理解,现在再整理下几个要点
    关于java设计模式与极品飞车游戏的思考
    【Mood-3】心声
    源自梦想 eclipse快捷键整理
    2020重新出发,JAVA语言,JAVA的诞生和发展史
    2020重新出发,序章: 语言的诞生
    2020重新出发,JAVA学前了解,DOS常用命令
    2020重新出发,JAVA学前了解,Windosws常用快捷键
  • 原文地址:https://www.cnblogs.com/onroad2019/p/12177331.html
Copyright © 2011-2022 走看看