HTML

一、Html标签
    1、插入图片标签:<img src=  /widht= / height=/ alt=/alight=/top,middle,bottom>   src( 图片来源)
       widht(宽度) height(高度)ait(图片说明文字) alight(对齐) top(顶部) middle(中间)
       bottom(底部) 这些是垂直方向对齐

    2、段落标签:<p align=‖left,center,right?‖></p>   align对齐(left居左    right居右
       center中心对齐    记住这些是水平方向上的对齐)

    3、网页内容标题标签:<h1><h2><h3><h4><h5><h6>

    4、无序列表标签和有序列表标签:无序<ul><li></li></ul>       有序<ol><li></li></ol> 
       自定义列表<dl><dt><dd></dd></dt></dl>

    5、分行标签<br>    删除原价<del>     上标<sub>    下标<sup>     加粗<strong>

    6、文字标签:<font color=‖‖size=‖‖face=‖‖></font> color颜色     size大小    face字体
 
    7、链接标签和锚记标签:<a href=‖‖></a> href链接的目标位置    <a name=‖></a>name标记名称
       div标记不同行        span标记同一行

    8、网页组构标签:<head>头标签     <title>网页标题标签     <body>内容主标签    bgcolor背景颜色    background背景图片

 二、特殊字符
     1、&nbsp 空格符号
 
三、表格标签
     1. <table>表格标签  <tr>行标签    <td><th>列标签      
     2.单元格变大:cellpadding 内边框        cellspaceng 外边框      aligh 表格专用     caption 表头 
     3.行合并rowspan            列合并 colspan 

四、form表单(提交数据)
    1.提交按钮:<input type="submit ">(自带提交按钮功能)
    <input type="button">(不自带提交按钮功能)  <button>登录</button>    value(登录)

    2.input type类型: text文本    button按钮    password密码    submit带提交的按钮
    reset重置    radio单选(实现单选要有相同名称name"sex" checked默认选择)   checkbox多选
    image图片   hidden隐藏    color颜色     Html5里面的:file文件    date日期   date time时间
    email邮件    number数字    search搜索     URL地址

    3.属性应用:<input type="text"autofocus> 自动聚焦     有框不能写字:<input type="text"readonhly>无灰色底文
      <input type="text"disabled>有灰色底文     <input type="text"placeholdr=用户名>提示用户输入的类容       
      textarea文本域 <textarea name=" "id=" "cols="30"rows="20"></textarea> name名字:名称相同作用是后台交互时
      id:# 唯一不可相同      class表示符号.可以相同

    4.下拉菜单:<select name="selected"id="selected">   size=4 >默认四个
                  <option    value="1">18-21</option>
                  <option    value="2">22-25</option>
                  <option    value="3">26-29</option>
                  <option    value="4">30-35</option>
                  <option    value="5">Over35</option>
                </select>
 
    5.只有通过form表单才可以提交:<form action=" ">表单处理程序的地址  
      method{get/post}指定表单以何种方式发送到指定的页面。
      get:from表里所填的值,附加在action指定的URL后面,做为URL连接而传递。(在地址栏显示用户信息,安全低速度快)
      post:from表里所填的值,附加在HTML Headers上。(不显示地址信息,安全高速度慢)

    6.<label for="相关标记的id">在选择时点击字就会就会出现选项

     注:①单选是小圆圈;多选是小方框,

posted @ 2016-09-03 16:26  £停在昨天  阅读(114)  评论(0编辑  收藏  举报