iShot2020-05-04下午10.08.47.png

排版标签

标签名 定义 说明 单词来源
标题标签 作为标题使用,并且依据重要性递减 head

段落标签 可以把 HTML 文档分割为若干段落 paragraph

水平线标签 一条分割线 horizontal

换行标签 换行 break
div标签 用来布局的,块级元素 division
span标签 用来布局的,内联元素 span

文本格式化标签

tab.png

图片标签

HTML标签总结(记忆) - 图4标签的属性:

属性名称 属性值 描述
src url 图像的路径
alt 文本 图像不能显示时的替换文本
title 文本 鼠标悬停时显示的内容
width 像素 设置图像的宽度
height 像素 设置图像的高度

链接标签

  1. <a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

单词来源:anchor

属性 作用
href 用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能。跳转外部链接需要添加 http://
target 用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,__blank为在新窗口中打开方式。

表格标签

标签名 定义 说明
表格标签 就是一个四方的盒子
表格行标签 行标签要再table标签内部才有意义
单元格标签 单元格标签是个容器级元素,可以放任何东西
表头单元格标签 它还是一个单元格,但是里面的文字会居中且加粗
表格标题标签 表格的标题,跟着表格一起走,和表格居中对齐
clospan 和 rowspan属性 合并属性 用来合并单元格的

列表标签

标签名 定义 说明
    无序标签 里面只能包含
  • 标签,各项之间没有顺序,布局中最常用的列表。
    1. 有序标签 里面只能包含
    2. 标签,各项之间有顺序。
    3. 自定义列表 里面有2个标签,

      表单

      input元素的属性

      input.png

      form表单的属性

      属性 属性值 作用
      action url地址 用于指定接收并处理表单数据的服务器程序的url地址。
      method get/post 用于设置表单数据的提交方式,其取值为get或post。
      name 名称 用于指定表单的名称,以区分同一个页面中的多个表单。