a标签带来的效果
超链接标签,herf添加一个超链接,不要忘记补全http://
新建一个标签页,打开此连接用
target='_blank'
锚链接:
name='埋个点'
herf='#埋个点'
img标签
sre:可以连接本地图片,也可以链接网络图片
alt:当图片加载失败时候提醒用户这是一张什么图片
图片的宽:width 高:height
title鼠标放上去之后显示出来的提示语
三个标签之间的区别:
h1:自带换行
a:没有换行
img:没有换行
p段落标签带来的现象
包裹的文字自成一格段落,此段落自带行间距
div标签带来的现象:
除了换行什么也没有
span标签带来的现象
什么都没带来
空白折叠现象
在代码中的所有空白区域,到了浏览器端,都渲染成一个空格
table标签带来的现象
先定义table标签,他自带换行
border='solid'给表格加一个丑陋的框
style='boder-collapse:collapse;'丑陋的表格能好看一些
width='500px' bgcolor='aqua'
tr,定义table标签的一行
rowspan:纵向单元格合并
td,定义tr标签里的一个单元格
colspan横向单元格合并
caption表格的标题
放在哪里都是表格的标题,前提待放表格里
ul无序列表
ul定义一个无序列表
通过type去改变无序列表的那个黑点,disc是实心黑圆圈,square方块,circle空心圆
li是列表中的每一个元素
ol有序列表
ol定义一个有序列表
通过type去改变有序的序号类别,可以是1,A,a,I,i
li是列表中的每个元素
start属性,规定从哪个序号开始
dl定义列表
dl定义一个定义列表
通过dt定义一级元素
通过dd定义二级元素
form表单
input带来的样式
type=text的时候是普通文本
type=password的时候是密文
type=submit的时候是提交
type=CheckBox的时候是多选框
type=radio的时候是单选框
单选框请注意,设置同一个name属性才能实现单选
type=file,调用操作系统的资源管理器
type=date,调用操作系统的日历
type=hidden,隐藏次输入框,一个应用场景:携带一些其他数据一起提交给服务器
type=img,一个提交图片,自带submit,需要通过src指定图片,可设置图片宽高
引入了name,id,class属性
class是一个大类,不唯一
name是一个小类,不唯一
id是独一无二的身份,不可重复
---恢复内容结束---