html 基础标签知识

标签=======================

p 创建一个段落 blockquote 一大段 pre 空多少空格 都会显示 hr 添加分割水平线 (单标签) 无序列表 <ul> <li> </li> </ul> 有序列表(属性 <ol start="1" 从几号开始 type=""-- i,a,.. ) <ol> <li value = "5" 强制设置某个标签值 > </li> </ol> 文件列表 <dl> <dt> 描述</dt> <dt> 内容</dt> <dt>内容</dt> </dl> html5添加 <figsure> <figcaption> 这是一张图 </figcaption> <img src=""> </<figsure>?

表格元素==========================


<tfoot>  </tfoot> 表尾
<thead> </thead> 表头

文档元素========================


<head>
   <hgroup>
       <h1>标题1</h1>
       <h6>标题2</h6>
      <nav>导航</nav>
   </hgroup>
</head>


<section>

</setion>

<article> 添加一个独立的文章片
    <header>
     <section>
     <footer>
</article>


<footer>
    <h4> 底部 </h4>
    <address> 地址:联系电话</address>
 </footer>

嵌入元素===========================

1.<a href=""> <img src="" alt="这是一张图" width="" height=""> </a>

2.<map> 热点区域,链接----(dreamwear)
   <area>
   <area>
</map>


//嵌入区域   name算是其他链接可以点入 和  <a href="" target="in"> 对应后可以直接跳入
3.<iframe src="http://www.baidu.com" width="" heigth="" name="in"> </iframe>


4.<embed>嵌入插件内容 插入flash
<embed src="" width="" height="" type="application/x-shockwave-flash">


5.<progress> IE9以下不支持 其他支持

<progress value="30" max="100" > 

6. 范围值

<meter value="" min="" max="" low=""(提醒值) high="" >

音频和视频==========================

WebM   OGG   MPEG-4


1.<video src="" width="" height="" controls(开始快进等按钮显示) autoplay(立即播放) loop(循环播放) muted(默认静音) poster(第一帧海报图片) preload="" none auto(自动加载) medat ></video>


2.<video width="" height="">
    //支持多种
     <source src=" .mp4">
      <source src=" .ogg">

   IE8  9 
   <object>
   </video>


3. 音频

<audio src="" ></audio>

<audio controls>
   <source src="">
   <source src="">
   <source src="">

</audio>

表单=================

from  medth=""  id="myfrom" name=""(调试用)   autocomplete>
 1.  <input name autofocus(自动默认进来聚焦) disabled value=""(默认的值) form="myfrom"(表单外的元素可以关联这个表单提交) >


 2. ============2种===============lable
   <lable>
     电子邮件:<input ></input>
   <lable>


   <lable for="user"> 电子邮件: <lable>

   <input id="user" ></input>
 =========================================

 3.<fieldset> 分组标签
       <legend>分组标题</legend>
   </fieldset>



 4.
   <button type="submit" formaction=""(动态覆盖) >提交</button>
   <button type="reset">充值</button>

<from>



5.<input list="value" type="password,text,search,number(IE不支持),range, date(IE 不支持),month,time, checkbox,radio,image(必须和src同用) email hidden 隐藏 file 上传控件(和 accept="image/gif") " maxlength pattern(正则表达式) placeholder=“请输入密码” 输入字符的提示 readonly disabled size 文本框宽度 required 用户必须输入值,否则无法验证 >

  数据列表
  <datalist id="value">(列表显示a b  选中后 显示的是 value的值)
     <option value="1">a<option>
     <option value="2">b<option>

     <option value="3" label="c">
     <option value="d">
  </datalist>


6.  

  <from action>
     <select name="aa" size="19"(下拉列表的高度) >
         <option value="1">苹果</option>
         <option value="2">苹果</option>
         <option value="3">苹果</option>

         如果要进行分组
         <optgroup label="水果">
           <option value="1" selected(默认选中)>苹果</option>
           <option value="2">苹果</option>
           <option value="3">苹果</option>

         </optgroup>

          <optgroup label="家具">

           <option value="1">桌子</option>
           <option value="2">柜子</option>
           <option value="3">凳子</option>

         </optgroup>

     </select>

    <button>提交</button>
  <from>

7. <textarea name=“content”rows="" cols="" warp="" 是否插入换行符>多行文本框

全局属性=======================

<meta name="author" content="">


<meta http-equiv="content-type" content="text/html charset=utf-8 " >

页面每隔多少秒刷新干什么一次

<meta http-equiv="refresh" content="3;www.baidu.com"33秒 不写后面的链接就是本页面3秒刷新一次) >

你可能感兴趣的:(html)