HTML5 学习笔记 | LOADING...

  1 一、HTML5基础知识
  2     1.1 属性规范
  3         1)元素应当合理嵌套
  4         2)属性最好使用““包括
  5         3)大小写不区分
  6         
  7     1.2 常用html5标签
  8         1)<!DOCTYPE>    定义文档类型
  9         2)<html>        定义html文档
 10         3)<title>        定义文档标题
 11         4)<body>        定义文档主体
 12         5)<h1>to<h6>    定义html标题
 13         6)<p>            定义段落
 14         7)<br>            定义换行
 15         8)<hr>            定义水平线
 16         9)<!-- -->        定义注释
 17     
 18     1.3 其他格式标签
 19         <pre>            定义预设格式,原封不动的显示
 20         <blockquote><q>    定义引用
 21         <b> == <strong>    格式
 22         <i> == <em>        格式
 23         <sub>/<sup>        上标/下标
 24         <mark>            突出显示
 25     
 26     1.4 表单标签
 27         1.<form>
 28             定义一个供用户输入的表单:
 29                 action:定义一个URL用来当提交表单时发送数据
 30                 method:向URL发送数据的方法
 31                 enctype:对表单内容进行编码的MIME类型
 32                 target:目标窗口的打开方式
 33         
 34         2.<input>
 35             定义输入控件:
 36                 disabled:禁用
 37                 form:属于一个或者多个表单
 38                 maxlength:最大输入字符数目
 39                 name:名称
 40                 type:input元素的类型,默认为text;password:密码域;
 41                                 radio:单选按钮;checkbox:复选框;
 42                                 button:普通按钮;submit:提交按钮;
 43                                 reset:重置按钮;image:图像域;file:文件
 44                 value:按钮上的文本
 45         
 46         3.<select>
 47             定义供选择的列表:
 48                 autofocus:页面加载时成为焦点
 49                 disabled:禁用
 50                 multiple:可否一次选择多个项目
 51         
 52         4.<option>
 53             定义下拉列表中的选项:
 54                 selected:在首次打开页面时为选中状态
 55                 value:发往服务器时的选项值
 56         
 57         5.<optgroup>
 58             对标签进行分组定义
 59         
 60         6.<textarea>
 61             定义一个文本区域:
 62                 cols:列数
 63                 rows:行数
 64                 form:属于一个或者多个表单
 65                 disabled:禁用
 66         
 67         7.<button>
 68             与input创建的按钮不同的是可以自己设定文本或者图像
 69         
 70         8.<fieldset>
 71             设定一个围绕表中元素的边框
 72             
 73     1.5 图像标签
 74         1.<img>
 75             链接到html页面上,无法缩放图像;src,alt,width,height;
 76         
 77         2.<map> & <area>
 78             定义图像映射的区域;area嵌套在map内部;            
 79                 <img usemap="">
 80                 <map name="">
 81                 </map>
 82         3.<canvas>
 83             *定义画布
 84         
 85     1.6 音/视频标签
 86         1.<audio>
 87             音频插入:
 88             <audio src="" controls="controls">不支持这种格式会出现文字</audio>
 89             autoplay:自动播放
 90             loop:自动循环
 91             
 92         2.<video>
 93             同audio,只支持WebM,Ogg,MEPG4格式;
 94         
 95     1.7 链接标签
 96         <a>
 97             href:连接目标URL
 98             target:打开链接的窗口,当为_blank时为打开新窗口
 99             
100     1.8 列表标签
101         1.有序列表<ol>...<li>
102             有序的列表,属性有:
103                 type={1,a,A,i,I}    列表标号的形式
104                 start={}            从几号开始
105                 reversed            序号反转
106                 
107         2.无序列表<ul>...<li>
108             无顺序的列表
109         
110         3.定义列表<dl><dt><dd>
111         
112     1.9 表格标签 **HTML5不支持
113         <table>
114             border:    边框宽度
115         <tr>
116             表格中的行
117         <td>
118             表格中的单元
119         <th>
120             表头单元
121             
122     1.10 样式/节标签
123         <div>
124             文档中分区部分,每一部分是新的一块,自带换行
125         
126         
127         

 

posted @ 2019-01-20 19:03  olivermahout  阅读(197)  评论(0编辑  收藏  举报