html基础（二）

html基础

块级元素

一行只能有一个，可以设置宽高

h1-h6标签

• H1标题标签是 标注当前页面中的文档最重要的核心主题的文本。
• 注意h1标签在整个页面中最多一次（当然可以超过，但是不利于搜索SEO）。
• 一般用h1,h2,h3就够了

p标签

段落

---

标签

水平线

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标签

定义上标字

换行

a标签

• href，指向跳转的地址

  • +id,页面的定位

  • +id,页面的定位

  • 地址+#+id，跳转后的页面进行定位
• target，跳转方式
  • _blank ，新窗口跳转
  • _self ，本窗口跳转

span标签

定义文档中的一小节文本，语义不强。

label标签

可以让标签文本点击的时候让label指向的标签表单标签获得焦点。

1. for属性指向表单标签
2. 用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="提示性文字"