个人专栏:
算法设计与分析:算法设计与分析_IT闫的博客-CSDN博客
Java基础:Java基础_IT闫的博客-CSDN博客
c语言:c语言_IT闫的博客-CSDN博客
MySQL:数据结构_IT闫的博客-CSDN博客
数据结构:数据结构_IT闫的博客-CSDN博客
C++:C++_IT闫的博客-CSDN博客
C51单片机:C51单片机(STC89C516)_IT闫的博客-CSDN博客
基于HTML5的网页设计及应用:基于HTML5的网页设计及应用_IT闫的博客-CSDN博客
python:python_IT闫的博客-CSDN博客
欢迎收看,希望对大家有用!
声明了文档类型为HTML,告诉浏览器使用HTML解析器来解析该页面。
标签定义了整个HTML文档的开始和结束。
标签内包含了一些元数据和引用的外部资源。
设置字符集为UTF-8,确保页面能正确地显示各种语言的字符。
通过X-UA-Compatible元标签设置兼容模式,使页面在IE浏览器中以最高版本的模式渲染。
设置视口的宽度和初始缩放比例,使页面在移动设备上呈现良好的可视效果。
设置页面标题为 "Document"。
Document
标签用来定义页面的样式。
li
选择器定义了列表项的样式。设置了宽度、字体、内边距、外边距、背景颜色、文本居中对齐以及圆角等样式属性。a:link
、a:visited
、a:hover
、a:active
分别定义了链接在不同状态下的样式。设置了颜色属性,用来改变链接的颜色。
标签内包含了网页的主体内容。
每个列表项都包含一个链接,点击链接时会跳转到相应的目标位置(由
href
属性指定)。整体效果是一个简单的导航菜单,点击菜单项后可以快速跳转到页面内的指定位置。请注意,这只是一个静态的HTML页面,没有具体的内容和跳转目标。如果需要实际内容和功能,请在相应的
href
属性中填写正确的目标地址。
html
Document
【基于HTML5的网页设计及应用】——链接伪类选择器
- DOCTYPE声明 (
):指定文档类型为HTML。
- HTML元素 (
):整个HTML文档的根元素。
- head元素 (
):包含了关于文档的元信息,如字符集、浏览器兼容性等。
- meta元素:用于设置文档的元信息,如字符集(
)和视口(
)。
- title元素 (
):定义了文档的标题,显示在浏览器的标题栏或标签页上。
- style元素 (
):内联样式表,用于定义CSS样式。
- li元素 (
):无序列表项,代表每个菜单项。
- a元素 (
):超链接,用于创建可点击的链接。
- ul元素 (
):无序列表,包含多个菜单项。
- body元素 (
):文档的主体内容。
CSS样式部分定义了列表项和链接在不同状态下的样式,包括宽度、字体、背景颜色、内边距、外边距等。鼠标悬停时,列表项的背景颜色会变成skyblue,并出现红色的三角形。链接的颜色在不同状态下也有所变化。
Document
伪元素选择器