html 基础标签知识

来源：互联网发布：阿里云手机云空间编辑：程序博客网时间：2024/04/29 15:27

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

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-41.<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" （3是3秒 不写后面的链接就是本页面3秒刷新一次） >

0 0