zoukankan      html  css  js  c++  java
  • Html的第一次小结

    一 Html的文档结构

       (1) <html> 标记html文件的头标记,没有什么实质性的作用,但是却是必不可少的

       (2) <head> 放置html文件信息。如css的一些定义

       (3) <title> 标题 

       (4) <body> 实体

    二 Html的一些常用标记

      换行 <br/>   段落 <p></p>  标题:<title></title>   居中: <center></center>

      这里值得一提的就是列表标记:

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

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

    三 表格标记

      使用<table></table>来表示

      格式:

        

    <table>
    
          <caption>...</caption>   //这是标题标记
    
          <th>          //表头标记
    
            <tr>        //表格行标记
    
              <td></td>  //单元格标记
    
              <td></td>
    
            </tr>
    
          </th>
    
     </table>

    四 表单标记

      1 以<form></form>来表示

    <form action=“url" method="get|post" name="name" onSubmit="" target=""> </form>

      action:存放url

      method:提交方式,中文不能采取get提交,有8中提交方式

      name: 指定表单名称

      onSubmit: 指定当用户单击提交按钮锁触发的时间

      target: 指提交数据显示的窗口, _blank,_self,_parent,

      

      2 <input> 表单输入标记

       <input type="" value=""> 当然其中还可以设置其他的一些属性值,例如长宽高

      3 <select>..</select>下拉表框标记

        

    <select name="name" size="" multiple="" diable="disable">
    </select>

      name: 表框名字

      size: 表框中显示的数量

      multiple: 用于多行列表框支持多选

      disable:用于指定表框不可使用

      4 文本标记

        <textarea>..</textarea>

        这里有一个属性的说一下

        wrap:用于设置多行文字是否换行 其中可选值(hard:表示自动换行   soft:与前者一样,但提交到服务器换行不被提交    off: 表示不自动换行

    五  超链接与图片标记

      1 超链接

        <a href=""></a>

      2 图片标记

        <img src="" alt="" value="">

        alt: 表示图片无法显示的时候,显示的文字

    六 Html5 新增特性

        1 <section></section> 表示页面中的一块区域

        2 <article></article> 表示与上下文不相关的独立内容,例如博客中的一篇文章

        3 <header> 表示页面的内容区域或整个页面的标题

        4 <footer> 表示一个内容区域块的脚注部分, 例如 日期,作者的信息

        5 <aside>  表示当前页面或文章的附属信息部分

        在<input>标签中也加入了一些元素

        email ,url number:表示必须输入数值的文本框 range:表示必须输入一定范围的数字值得文本框

      

      

  • 相关阅读:
    STL--string
    vector的常用总结
    poj 3279
    湖南省第八届大学生程序设计大赛原题 J
    湖南省第八届大学生程序设计大赛原题 E
    湖南省第八届大学生程序设计大赛原题 C
    湖南省第八届大学生程序设计大赛原题 B
    湖南省第八届大学生程序设计大赛原题 A
    湖南省第八届大学生程序设计大赛原题 D
    hdu1557
  • 原文地址:https://www.cnblogs.com/yaobolove/p/5172428.html
Copyright © 2011-2022 走看看