一、HTML标签
1、实体标签:
空格、
> 大于号
< 小于号
© 版本号
2、Meta标签:
charset 指定网页的字符集
name 指定的数据的名称
content 指定的数据的内容
description 用于指定网站的描述
title标签的内容会作为搜索结果的超链接上的文字显示
keywords 表示网站的关键字,可以同时指定多个关键字,关键字间使用,隔开。
3、语义标签:
1、标题标签
h1 ~ h6 一共有六级标题
从h1~h6重要性递减,h1最重要,h6最不重要
标题标签都是块元素
在页面中独占一行的元素称为块元素(block element)
hgroup标签用来为标题分组,可以将一组相关的标题同时放入到hgroup。
em标签用于表示语音语调的一个加重。
strong表示强调,重要内容!
blockquote 表示一个长引用, q表示一个短引用。
2、布局标签:
(1)header 表示网页的头部。
(2)main 表示网页的主体部分(一个页面中只会有一个main)。
(3)footer 表示网页的底部。
(4)nav 表示网页中的导航。
(5)aside 和主体相关的其他内容(侧边栏)。
(6)article 表示一个独立的文章。
(7) section 表示一个独立的区块,上边的标签都不能表示时使用section。
(8)div 没有语义,就用来表示一个区块,目前来讲div还是我们主要的布局元素 。
(9)span 行内元素,没有任何的语义,一般用于在网页中选中文字。
4、块元素和行内元素的区别:
(1)块元素(block element)
- 在网页中一般通过块元素来对页面进行布局
行内元素(inline element)
- 行内元素主要用来包裹文字
(2)- 一般情况下会在块元素中放行内元素,而不会在行内元素中放块元素
- 块元素中基本上什么都能放
- p元素中不能放任何的块元素
5、列表标签(html列表的三种创建方式):
1、有序列表
2、无序列表
3、定义列表
(1)有序列表,使用ol标签来创建无序列表
使用li表示列表项
(2)无序列表,使用ul标签来创建无序列表
使用li表示列表项
(3)定义列表,使用dl标签来创建一个定义列表
使用dt来表示定义的内容
使用dd来对内容进行解释说明
使用:列表之间可以互相嵌套。
6、超链接标签
使用 a 标签来定义超链接
属性:
1、 href 指定跳转的目标路径
- 值可以是一个外部网站的地址。
- 也可以写一个内部页面的地址。
2、target属性,用来指定超链接打开的位置
可选值:
_self 默认值 在当前页面中打开超链接。
_blank 在一个新的要么中打开超链接。
3、可以使用 javascript:; 来作为href的属性,此时点击这个超链接什么也不会发生。
4、可以直接将超链接的href属性设置为#,这样点击超链接以后,页面不会发生跳转。
可以跳转到页面的指定位置,只需将href属性设置 #目标元素的id属性值。id属性(唯一不重复的):</