Html的第一次小结

一 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 文本标记

　　　　这里有一个属性的说一下

　　　　wrap:用于设置多行文字是否换行其中可选值（hard:表示自动换行 soft:与前者一样，但提交到服务器换行不被提交 off: 表示不自动换行

五超链接与图片标记

　　1 超链接

　　2 图片标记

　　　　alt: 表示图片无法显示的时候，显示的文字

六 Html5 新增特性

　　　　1 <section></section> 表示页面中的一块区域

　　　　2 <article></article> 表示与上下文不相关的独立内容，例如博客中的一篇文章

　　　　3 <header> 表示页面的内容区域或整个页面的标题

　　　　4 <footer> 表示一个内容区域块的脚注部分，例如日期，作者的信息

　　　　5 <aside> 表示当前页面或文章的附属信息部分

　　　　在<input>标签中也加入了一些元素

　　　　email ,url number:表示必须输入数值的文本框 range:表示必须输入一定范围的数字值得文本框

巴特西

Html的第一次小结

最新文章

热门文章