html常用标签

标签与四个伪类
标签的作用：
1.创建链接
百度
href属性规定连接的目标
开始标签和结束标签之间的文字被作为超级链接来显示
2.链接到同一个页面的不同位置

查看知识点3

知识点 0

这是知识点1的内容......

知识点 1

这是知识点1的内容......

知识点 2

这是知识点2的内容......

知识点 3

这是知识点3的内容......

 <a>标签的常用属性
      1. target:使用target属性，可以定义被链接的文档在何处显示
                    target属性的值为”_blank“时，代表链接将在浏览器新窗口打开。

百度
百度
四个伪类

伪类
说明
:link
匹配所有未访问的链接（没有被点击过的链接）
:visited
匹配已经被访问过的链接
:hover
设置鼠标悬停时的链接样式
:active
匹配激活的链接（正在被点击的链接）

注意：
:hover必须在 :link和:visted后定义才能有效！
:active 必须在:hover后定义才能有效
注：如果a标签点击后刷新也是被访问状态，直接删除浏览记录即可

常用标签：
标题标签

–

段落标签

有序列表

无序列表

• 标签要和
  • 1. 标签一起使用
• 1. 苹果
  2. 香蕉
  3. 丹东草莓
  4. 甘蔗
  效果:

  无序列表<ul></ul>
  

  • 苹果
  • 香蕉
  • 丹东草莓
  • 甘蔗

  效果:

  <hr/>标签
             <hr />标签在html页面上创建一条水平线
  

  下面一条分割线

  ---

  上面是一条分割线

  效果：

  自定义列表 dl dt dd

  水果

  苹果

  橘子

  火龙果

   <img>标签
              使用<img>标签可以在网页中显示图像
  

  src属性的值时url是指显示图像的路径 src属性的值指向了和html文档在同一个目录下的image图像 可以设宽高 alt用来为图像定义一串预备的可替换的文本。当图像丢失的时候，此时显示替代文本

  a、布局标签
  div标签定义文档中的分区或节（division/section），可以把文档分割为独立的、不同的部分，主要用于布局。
  aside标签的内容可用作文章的侧栏。
  header标签定义页面的头部（介绍信息）。
  section标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。
  footer 标签定义文档或节的页脚，通常包含文档的作者、版权信息、使用条款链接、联系信息等等。
  article标签规定文章独立的其他内容，比如：标题、内容、评论
  b、文本标签
  h1-h6标签可定义标题
  p标签定义段落
  b/strong标签加粗
  em标签来表示强调的文本，斜体
  strong标签表示重要文本
  u标签下划线
  s标签删除线
  br标签表示回车换行
  hr标签表示水平线
  span标签被用来组合文档中的行内元素。
  blockquote标签表示块引用
  pre标签可定义预格式化的文本，保持原有格式的一种标签。
  sub标签下标，
  sup>标签上标
  表示一个空格
  ©表示版权符
  <表示<

  表示>
  c、a标签定义超链接，指定页面间的跳转。链接可以指向外部链接或者页面内部id锚点，可以在当前页面打开，新开窗口。
  百度
  d、多媒体标签
  img标签主要在网页中插入图像，可以定义图片替换文本、显示宽度和高度、是否带边框，建议等比例设置，否则图像会变形。
  
  audio标签定义声音，比如音乐或其他音频流。
  您的浏览器不支持 audio 标签。
  video标签定义视频，比如电影片段或其他视频流。
  您的浏览器不支持 video 标签。
  e、序列化标签
  ul和li无序列表标签

  • HTML
  • JS
  • PHP

  ol和li有序列表标签，可以使用type属性规定有序列表符号的类型。1 按数字有序排列，为默认值，（1、2、3、4）；a 按小写字母有序排列，（a、b、c、d）；A 按字母大写有序排列，（A、B、C、D）。i 按小写罗马字母有序，（i, ii, iii, iv）；I 按小写罗马字母有序，（I, II, III, IV）。

  1. HTML
  2. JS
  3. PHP

  dl标签定义了定义列表（definition list），dl标签用于结合 dt（定义列表中的项目）和 dd（描述列表中的项目）。

  计算机

  用来计算的仪器 ... ...

  f、表格标签
  table标签和tr标签，th标签和td标签，合并单元格。

  标题	标题

  g、表单标签
  form标签定义提交方式、提交地址、表单字符集以及如何对其进行编码，需要提交的表单一定要放在form标签内。

  input标签用于搜集用户信息 密码，输入的字符会被掩码（显示为星号或原点） 文件类型的表单，上传文件时，form表单一定要设置为enctype="multipart/form-data" 隐藏表单 提交 重置 radio单选 男 女 checkbox多选 PHP 前端 数据库 注：checked="checked"可以简写成checked label标签为input元素定义标注，如果您点击label元素文本，就会触发此input控件。 textarea标签，设置文本区内的可见行数和宽度 大段文本输入框 button标签定义一个按钮 提交按钮 提交 重置按钮 重置 select标签和option标签下拉列表 单选菜单列表框 ray raykaeso 多选列表下拉框，shift加鼠标单击，可以连续选择多个选择，CTRL+鼠标点击，可以点击多个。 雷雪松 ray raykaeso 注:selected="selected"可简写成selected，表示选中