html基础
块级元素
一行只能有一个,可以设置宽高
h1-h6标签
- H1标题标签是 标注当前页面中的文档最重要的核心主题的文本。
- 注意h1标签在整个页面中最多一次(当然可以超过,但是不利于搜索SEO)。
- 一般用h1,h2,h3就够了
p标签
段落
<hr />标签
水平线
div标签
页面的分层
table标签
thead标签(表格标题部分)
- tr标签,表示一行
- th标签,标题单元格,默认居中加粗
tbody标签(表格内容部分)
- 不写也会默认会加上
- tr标签,表示一行
- td标签,单元格,rowspan属性,行合并单元格,colspan属性,列合并单元格
tfoot标签(表格底部部分)
- caption标签(整个表格的标题)
cellpadding(单元格的内边距)
cellspacing(单元格之间的空白)
form标签
- action属性(url地址)
- method属性(提交方式),如get,post等
- name属性(表单名称,区分同一个页面中的多个表单。)
ul标签,无序列表
- li标签,列表项,li的内容只包括文字,不包括前面的点
ol标签,有序列表
- li标签,列表项,默认前面带数字
dl标签,自定义列表
- dt标签,标题
- dd标签,列表项
- 图文并排,dt里面是图片,dd里面是文字
fieldset标签
将表单内容的一部分打包,生成一组相关表单的字段。
legend标签
标签为 fieldset 元素定义标题。
iframe标签
- src属性
- width属性
- height属性
marquee(文字会动的标签)
- direction(滚动方向),lef或right
- behavior(动画方式)
行内元素
一行可以有多个,不可以设置宽高
b标签,strong标签
字加粗
u标签,ins标签
下划线
s标签,del标签
删除线
i标签,em标签
字倾斜
sub标签
定义下标字
sup标签
定义上标字
<br />
换行
a标签
- href,指向跳转的地址
-
+id,页面的定位
-
+id,页面的定位
- 地址+#+id,跳转后的页面进行定位
-
- target,跳转方式
- _blank ,新窗口跳转
- _self ,本窗口跳转
span标签
定义文档中的一小节文本,语义不强。
label标签
可以让标签文本点击的时候让label指向的标签表单标签获得焦点。
- for属性指向表单标签
- 用lable标签包裹表单标签。
行内块元素
一行可以有多个,可以设置宽高
img标签
- src,图片的来源,使用相对路径
- alt,图片不显示的时候,会显示alt属性的文本
- title,对网站的seo有很大的影响。当鼠标移上去的时候,图片显示的提示文本内容。
- 可以通过设置width和height改变图片的大小,只设置width或height,图片会按比例缩放
- 解决与盒子底部的缝隙,vertical-align:middle,display:block;
select标签
- option标签,selected属性表示被选中
- size属性,指定下拉菜单的可见选项数(取值为正整数)。
- multiple属性,定义multiple="multiple"时,下拉菜单将具有多项选择的功能,方法为按住Ctrl键的同时选择多项。
textarea标签
- cols属性,每行中的字符数
- rows属性,显示的行数
input标签
- type属性(指定不同的控件类型)
- text,普通的文本框
- password,密码框
- radio,单选按钮
- checkbox,多选按钮
- button,普通按钮
- submit,提交按钮
- reset,重置按钮
- image,图片按钮,可以提交
- hidden,隐藏的文本框
- file,文件上传
- name属性,控件的名称
- value属性,input控件中的默认文本值
- readonly属性,该控件内容为只读(不能编辑修改)
- disabled属性,第一次加载页面时禁用该控件(显示为灰色)
- checked属性,定义选择控件默认被选中的项
- maxlength属性,控件允许输入的最多字符数
- size属性,input控件在页面中的显示宽度
- placeholder="提示性文字"