HTML扼要

  2016-9-29 


一、每个块的标题 全用h 搜索引擎会搜索h
ul无序 (li) 诸如导航 文章列表等
dl 数据列表块 (dt标题 dd元素)

ul dl非常重要

表格<table>


<tr>  /*第一行*/

<td></td>td></td>td></td>  /*第一行里每一列*/

</tr>

<tr> /*第二行*/

<td></td>td></td>td></td> /*第二行里每一列*/

</tr>

</table>

表格的样式属性 网上查

ol不常用
&nbsp 页面空格
a超链接href
<!– –>
<br/>
每个标签都要有/结束 如果只有一个不是一组则自结束
frame input br等都可自结束
<pre> 格式显现出来的文本

二、常用布局标签
div于span用于进行容器控制
div 一般设定一个容器,这个容器中可以放置大量的内容
span 一般用于放置最后的文本数据,用来进行简单的控制

补充href属性和src属性的区别

href 表示超文本引用(hypertext reference),在 link和a 等元素上使用。src 表示来源地址,在 img、script、iframe 等元素上。

src 的内容,是页面必不可少的一部分,是引入。href 的内容,是与该页面有关联,是引用。区别就是,引入和引用。

三、表单
常用的表单标签原则上都要放在form标签中
input标签可以用来设置文本框密码框等数据
submit表示提交,提交的时候会链接到指定页面去处理
button是按钮,如果没有进行控制则不会发生反应
radio单选框 name用来分组 使得其变成单选框,当name一样表示这几个radio都在一个组中,点击其中一个会取消其他的选中
checkbox多选框 用法同radio 不用分组
下拉列表框 select 不用input 用法见下
textarea文本框 不用input 用法见下

<form action=”01.html”>
用户名:<input type=”text”/><br/>
密码:<input type=”password”/><br/>
性别:<input type=”radio” value=”男” name=”sex”/>男<input type=”radio” value=”女” name=”sex”/>女<br/>
兴趣:<input type=”checkbox”/>足球<input type=”checkbox”/>羽毛球<input type=”checkbox”/>篮球<input type=”checkbox”/>乒乓球&ltbr/>
籍贯:<select>
<option>北京</option>
<option>上海</option>
<option>广州</option>
</select>
<textarea cols=”50″ rows=”10″ ></textarea><br/>
<input type=”submit” value=”用户注册”/>
<input type=”button” value=”点一下试试”/>
</form>

四、frameset 框架 布局

框架并不是完全被CSS布局替代,比如说在设计管理界面等页面框架的时候 局部刷新等的时候就需要框架 (当然建议也可以用div+css方式完成)
不能在body中设置,其上级为html标签
cols/rows表示让这个框架基于横/纵向方式切分,cols,rows可同时使用以平均拆分(像表格一样),每行每列达到要求。如果不想全部平均拆分(有些地方分有些地方部分),则使用frame嵌套的方法(多个框架文件嵌套)。
多使用frame嵌套方法实现较好的布局

3个框架大小依次列出150 *(剩下) 150
norisize使得边框不能移动;frameborder值为0表示没有边框 如果有边框则为1 border设置边框厚度
框架不能src属性不能为其自身文件

<frameset cols="150,*,150> (<frameset cols="150,*,150 rows="150,*,150″/>)
<frame src="01.html" noresize frameborder=0 border=3/>
<frame src="02.html" target="content"/>
<frame name="content" src="03.html"/>
</frameset>

局部刷新的方法:在超链接的时候增加属性target=”content”,这个链接就会在content这个frame(href必须链接到该页面)中显示(当然,需要先把一个frame的名字设置为content)

如果要将整个框架居中 则需要在框架外再嵌套一层框架 使其分为左中右三栏,左右留为空白

如何通过css+div实现局部刷新? 参考http://zhidao.baidu.com/link?url=ZuP0aA_mv4coT4zCflt3_wwuj9d2G-6kAgD9W22P_6sBdgWtp0iFRvZAcmb7XU0C7L35aO7VoqRH2tHhTlc8H_

五、通过<input type="xxx"></input>标签 等来插入按钮等 然后可以添加事件 比如xxx可以为button,则为添加一个按钮


且听风吟