<a></a>
a标签的属性:
href="url" 作用:跳转地址。
<a href="#">新闻</a> #表示空连接,在当前页面进行跳转。不会进行跳转 如果页面内容比较多,页面出现滚动条,那这个#,会跳转本页面的顶端
<a href="###">新闻</a> 空连接,不会跳转到顶部。常用来模拟一个按钮。
<a href="javascript:void(0)">新闻</a> 模拟按钮
target=""
属性值:
_self: 默认值,在当前窗口打开
_blank: 新建一个窗口,打开目标地址
rel="nofollow" //不让爬虫进行收录
title="" //做提示信息。(鼠标放在链接上不动,显示信息) 不仅仅使用在a标签上,大部分都支持
超链接默认的样式:字体为蓝色且有下划线。
图片:
img:
属性:
src="图片的url" 必须存在的属性
必须存在的属性
作用:a:文本替换图片(当图片加载不出来的时候,显示alt里面的文本)
b:搜索引擎检测不到图片里面的文本。会查找alt里面的文本 (seo优化)
title="" :
作用:a:提示文本
b:当作图片的小标题
width="" 图片的宽
height-"" 图片的高
border="" 给图片添加边框
表格:
作用:显示数据
表格标签:
table 表格
tr 行
td 列
表格属性:
width="" 宽(table上添加,就是整个表格的宽。如果添加在td上就是每列的宽)
height="" 高(同理)
border="" 添加边框
bordercolor="" 边框颜色
cellpadding="" 内容与边框的间距
cellspacing="" 边框与边框之间的间距
align=" " 水平对齐方式
属性值:left center right
valign="" 垂直对齐方式
属性值:top middle botttom
单元格的合并:
只要跨行:都是合并行
如果没有跨行:都是合并列
行合并:rowspan="合并的单元格的数量"
列合并:colspan="合并的单元格的数量"
注:无论合并行还是合并列,都是给td添加属性,和谁合并就删谁
表单:
表单的作用:收集数据(收集用户信息)
表单放在form标签里。
属性:
action="" 接口(表单提交的路径)
method="get/post" 数据提交的方法。
name="" 表单的名称
表单控件:
大部分通过input标签来实现
input 的属性
type="" 控制input显示类型(输入框、按钮、提交按钮、单选按钮)
value="" 根据type类型的不同,作用也不一样
value在文本框的作用:提示信息、记录文本框的值
value属性在按钮里的作用:更改按钮的文本
name="" 表单控件的名称
maxlength="" 能输入的最大长度
size="" 控件的大小(以字符为单位)
文本框(输入框):
<input type="text">
密码框:
<input type="password">
空按钮:
<input type="button">
重置按钮:
<input type="reset">
提交按钮:(提交到action的路径)
<input type="submit">