H5(3)基础知识点补充
布局:
<div>布局:
body{ margin:0px}不让body和内容有边距
#container{width:100%;heigth:950px;} div宽高的定义
float:left;浮动,从左到右的排序方式
再来一个div还会是浮动的,要想显示在下面,这个div加上 clear:both;
<table>布局
<table width="100%" height="950px" style="">
<tr><td colspan="2" width=“100%” height="10%" style="">合并了左右两个单元格</td></tr>
<tr><td width="30%" height="80%">这是左半部份可以再加Ol</td><td width="70%" height="80%">这是右半部份</td></tr>
<tr colspan="2" width=“100%” height="10%" ></tr>
</table>
表单:
<form> 表单 action="提交的地址" method="get"提交的方式(资源定位的时候可能用到)
<input> 输入域 type="checkbox" 多选框;type=“radio”单元框,但是name属性要一样。
<textarea> 文本域
<label> 控制标签
<fieldset> 定义域
<legend>域的标题
<select> 选择列表
<optgroup>选项组
<option> 下拉列表中的选项
<button>按钮
PHP环境搭建:XAMPP Apache+mySql+PHP+Perl 集成环境开发包
www.apachefriends.org/zh_cn/index.html
HTML 框架,实体
<frameset><frame> cols/rows 列/行 noresize:固定框架大小 (h5基本不用了因为frame不能加在body当中)
<frameset cols="20%,30%,50%"><frame src=".html"></frame> //竖着排布
<frame src=".html"></frame>
<frame src=".html"></frame></frameset>
<frameset rows="120,*" scrolling="no" frameborder="no" framespacing="0" > //横着排布
<frame src="leftl.html" />??
<frame src="right.htmlname="right"/>
</frameset>
内联框架 <iframe> //h5能用,能放到body中
<iframe src=".html" frameborder="0" width="400px" height="400px"> </iframe>
其中a标签的 target="" _self自己本窗口跳转, _blank在新的页面打开,_parent在父级窗口打开,_top在最外层页面打开。
颜色:RGB 每个都是十六进制最小值#00,最大#FF(255)
红色:#FF0000
绿色:#00FF00
蓝色:#0000FF
实体: HTML中预留字符串必须被替换成字符实体。
预留字符串:如 <、>、& 这些不能被直接呈现出来的,只能用实体把他代替掉。
<:<
>: > 有很多,用的时候不用记,直接百度:HTML实体符号
XHTML:指的是可扩展的超文本标记语言
与HTML4.01相同,更严格更纯净的HTML版本,是以XML应用的方式定义的HTML
为什么要使用:为了代码的完整性和良好性
语法:元素必须正确嵌套,元素必须始终关闭,元素必须小写,文档必须有一个根元素