我的H5开始

这是我第一次写博客 有错的地方希望大家给予指正，谢谢

一，input 标签及属性
                type    表示input输入的类型。可选值在下面有详细解释
                name   input输入框的别名 一般情况下必填 因为传递数据时 使用 name=value的形式传递                  
                value   input输入框的默认值    
                placeholder   input的提示内容  当输入框有输入时，value提示内容消失
                 （了解）tableindex="1" 控制点击tab的顺序  从最初的开始  逐渐往大的数值跳转
             input 特殊属性
                   checked="checked" 默认选中
                   disabled="disabled" 设置控制不能使用 用在按钮不能点击，用在输入框上不能修改，
                   而且，如果输入框dissbled，则输入信息不能向后台传递
                   hidden="hidden" 隐藏  等同于<input type="hidden" name="username" value="1234"/>
                       常用于常用于配合disabled，或根据其他需要，使用隐藏域传递数据
     input-type 属性详解
                text   文本输入框
                possword   密码输入框  显示为小黑点
                radio   单选按钮
                            name和 value 属性需同时存在  提交时，提交的时value中的属性值
                            radio凭借name属性区分是否为同一组，name相同，为同组 同组当中只能选一个
                            checked="checked" 默认选中一个
                            checkbox="checkbox" 默认选中     radio只能选一个checkbox 能选多个
                reset 重置按钮 将表单数据重置为初始按钮
                file  文件上传按钮
                submit   提交按钮   提交表单数据
                image    图形提交按钮
                button   普通按钮 没有任何作用
     各类表单元素
                select  下拉选择空间    写法 <select>
                                                   <option ></option>  //可以有很多
                                            </select>
                name  属性   应该写在<select>上 所有选项只有一个name
                option 常用属性
                value  当option没有value属性时41 往后台传递时的option标签中的文字
                  当option有value属性时  mutiple="mutiple"设置select为多选。按住ctrl不放，一般不用
                title=""鼠标指上后显示的文字
                 select="select" 默认显示
                   <optiongroup></optiongroup>用于将option标签进行分组 label表示分组名   
                 textarea 文本域
                 写法   <textarea></textarea>
                 设置宽高style="width:200px;height:100px;"自身的col row 一般不用
                 readonly="readonly"只读  不能更改
                 style=resize:"none" 设置为宽高不能修改
                 style="overflow:none" 当文字超出区域时 如何处理
                 也可以通过overflow-x和overflow-y 分别设置水平垂直方向的显示方式
                 常用属性：
                       hiden：超出区域隐藏 无法显示
                       scroll 无论文字多少均显示滚条
                       auto  自动 根据怎自多少自动显示滚动条（默认样式）
       【表格的边框与标题】
                 <fieldse> //表单边框
                     <legend>联系方式</legend>表单标题
                 </fieldse>
                      如果想要让标题嵌入到边框中 需要将标题标签写到边框标签里面
                      一个表单中，可以有多组边框+标题的组合
    html5智能表单：
                  h5 新增input的form属性 用于指向特定form表单的id，实现input无需放在form之中，即可通过表单进行提交、
                  <form id=foo>
                      
                  </form>
                  <input_form="foo">

 二 ，常见的行级标签

<!--span（文本）无实际意义。用于包裹某段或某部分文字，修改特殊样式-->
        这是<span style="color:blue;font-size:36px;">span</span>中的文字
        <span style="color: yellow;font-size: 40px;">不忘初心</span>
        <br />
       img（图片）
               1·src：表示引用图片的地址
                路径地址的写法：
                 相对路径    以当前图片为准，去寻找图片地址
                                                      与当前文件处于同一层的图片    直接写文件名
                                                      图片在当前文件下一层    文件夹名/图片名
                                                      图片在当前文件上一层    ../图片名
                  绝对路径: 严禁使用
                 网络地址：网络上的图片链接，但是，一般不使用，
               2·height"" width="" 图片的宽度高度。可以用css样式（style="width:height"）
               3·title:图片标题。当鼠标指上后显示的文字
               4·alt：图片无法显示的时候，显示的文字
               5·align：设置图片周围文字相对于图片的位置。top   center   bottom
     示例：
        <a name="icon.png">
                <img src="img/icon.png" height="" width="" title="鼠标指上后显示的文字" alt="图片没有加载时显示的文字"/>
        
        <img src="../123.jpg" alt="图片没有加载时显示的文字"/></a>
       em（强调）
        <em>这是em中的标签</em>
     
        
       strong（强调）
        <strong>这是strong中的文字</strong>
      
       i（倾斜）
        <i>这是i标签中的文字</i>
      
        
       b（加粗）
        <b>这是b标签中的文字</b>
       
        
        small（缩小字体）big(增大字体) 这两个标签可以多层嵌套，直到字号达到上限或下限为止
        <small>缩小字体</small>
        <big>放大字体</big>
     
            
       q（短引用）显示为文字用“”标注
        <q cite="http：//www.jredu100.com">这是短引用中的文字</q>
      
        
  a（超链接）
            1  href：超链接的路径  可以是网络连接 也可以是本地文件（路径确定同img）
            2  target：超链接打开的位置，_self  自身页面（默认） _biank新页面
            3  title：鼠标指上后显示的文字
            4  rel：用于指定当前文档与被链接文档的关系。只有在使用了 href属性才能使用 rel属性。
                  rel="prev" 被链接的是前一篇文档
                  rel="sun"  被链接的是后一篇文档
                  rel="stylesheet" 被链接文档是当前文档的样式表
                  rel="icon" 被链接图片是当前文档的图标
                  rel="prefetch"预加载 在当前文档加载完成后，利用空余的时间，预加载即将连接的文档。

               <a href="http://www.4399.com" target="_blank">这是一个超链接</a>

【strong，em，b，i，标签的区别】
            1·strong和em都表示强调，strong显示为粗体，em显示为倾斜，而且，strong的强调程度要比em更高
            2·strong和b都能加粗。em和i都能倾斜。但是strong比em多了一层强调的语义。HTML5语言中。要求标签尽可能的
            语义化

     
        <img src="456.jpg";align="top">erwerewrsdgwwrs
      
        
         <a href="一html1基本语法.html#123">这是一个超链接</a>
        

       s有误文本
         <s>有误文本</s>
      cite标签：浏览器显示为倾斜，多用于书，画作(带书名号使用)
         <cite>这是cite标签</cite>
       code只是计算机代码，但是不会保留代码格式，需配合pre标签使用
         <pre>
             <code>
                aaaaaaaaaaaa
             </code>
         </pre>
       bdo：表示文本方向   dir="ltr"从左往右  dir="rtl"从右往左
         <bdo dir="rtl">1234567</bdo>
        
        sup：上标文本    sub：下标文本
        版权符号
         ©（版权符号）&copy;
        u：下划线
         <u>这有下划线</u>
        mark:标记或高亮文本
        <mark>这里是高亮文本</mark>