一 Html的文档结构
(1) <html> 标记html文件的头标记,没有什么实质性的作用,但是却是必不可少的
(2) <head> 放置html文件信息。如css的一些定义
(3) <title> 标题
(4) <body> 实体
二 Html的一些常用标记
换行 <br/> 段落 <p></p> 标题:<title></title> 居中: <center></center>
这里值得一提的就是列表标记:
有序列表 <ol> <li></li>...</ol>
无序列表 <ul> <li></li>...</ul>
三 表格标记
使用<table></table>来表示
格式:
<table> <caption>...</caption> //这是标题标记 <th> //表头标记 <tr> //表格行标记 <td></td> //单元格标记 <td></td> </tr> </th> </table>
四 表单标记
1 以<form></form>来表示
<form action=“url" method="get|post" name="name" onSubmit="" target=""> </form>
action:存放url
method:提交方式,中文不能采取get提交,有8中提交方式
name: 指定表单名称
onSubmit: 指定当用户单击提交按钮锁触发的时间
target: 指提交数据显示的窗口, _blank,_self,_parent,
2 <input> 表单输入标记
<input type="" value=""> 当然其中还可以设置其他的一些属性值,例如长宽高
3 <select>..</select>下拉表框标记
<select name="name" size="" multiple="" diable="disable"> </select>
name: 表框名字
size: 表框中显示的数量
multiple: 用于多行列表框支持多选
disable:用于指定表框不可使用
4 文本标记
<textarea>..</textarea>
这里有一个属性的说一下
wrap:用于设置多行文字是否换行 其中可选值(hard:表示自动换行 soft:与前者一样,但提交到服务器换行不被提交 off: 表示不自动换行
五 超链接与图片标记
1 超链接
<a href=""></a>
2 图片标记
<img src="" alt="" value="">
alt: 表示图片无法显示的时候,显示的文字
六 Html5 新增特性
1 <section></section> 表示页面中的一块区域
2 <article></article> 表示与上下文不相关的独立内容,例如博客中的一篇文章
3 <header> 表示页面的内容区域或整个页面的标题
4 <footer> 表示一个内容区域块的脚注部分, 例如 日期,作者的信息
5 <aside> 表示当前页面或文章的附属信息部分
在<input>标签中也加入了一些元素
email ,url number:表示必须输入数值的文本框 range:表示必须输入一定范围的数字值得文本框