HTML笔记(二)
一:1> <meta>
1>.作用:1.给搜索引擎搜索
2.告知浏览器用什么编码解析页面
例如:<metaname="keywords" content="烧饼,武大郎烧饼,黄桥烧饼" />
2>.插入图片
语法:<img src=’图片的路径’ width=’宽度’ height=’高度’ alt=’图片的说明’ />
ALT属性的作用
1.当图片无法显示的时候,将图片的说明性文字显示到图片的位置上
2.给搜索引擎来用,目前搜索引擎确定图片还是通过ALT属性
TITLE属性作用
当鼠标移动到图片上的时候,显示图片的说明性文字
3>热点
4>pre标签
pre元素可定义预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符、
提醒:pre不要用来排版,主要用来做调试
5>:实体
空格
< <
> >
" "
6>table表格
<table> 表格
<tr> 行
<td> 列
<th> 列标题
单元格中数据对齐方式
水平对齐 align=left center right
垂直对齐 valign=top middle bottom
cellspacing设置单元格间距 单元格间距:单元格和单元格之间的距离
cellpadding设置单元格填充单元格填充:内容距离单元格的距离
合并单元格
Colspan:跨了几列(和并列)
Rowspan:跨了几行(合并行)
二:表单
表单域:<from></from>
文本框:<input type="text" name="username" size="20" maxlength="10"/>
密码框:<input type="password" name="pwd" maxlength="6"/>
单选按钮:<input type="radio" name="sex" value="1" checked="checked"/>男
<input type="radio" name="sex" value="0"/>女
复选框(多选按钮)<input type="checkbox" name="hobby" value="用户共产党" checked="checked" />用户共产党
<input type="checkbox" name="hobby" value="爬山"/>爬山
<input type="checkbox" name="hobby" value="游泳"/>游泳
单选按钮和复选按框注意事项
1.同一组名字要一致
2.必须给无法输入的表单元素赋值
3.默认选中 check=checked
下拉菜单
<select name="xueli">
<option value='高中'>高中</option>
<option value='大专' Selected="selected">大专</option>
<option value='本科'>本科</option>
</select>
<select>是下拉菜单
<option>是下拉菜单项
Selected:表示默认选中
下拉列表
多行文本
<textarea name="leavewords" cols="30" rows="5"></textarea>
Cols:表示容纳的列数(调节的宽)
Rows:表示容纳的行数(调节高)
提交按钮
<input type="submit" value="注册" name="submit" />
重置按钮
<input type="reset" value="重置" name="button" />
普通按钮
<input type="button" value="返回"/>
Input-Type属性
使用表单
Action=’数据提交的位置’ action=’’表示提交到本页面
Method=’get|post’ 数据提交的方法,数据提交的方法有两种,get和post。
Get和post的区别