HTML与CSS基础教程:标签、样式与选择器解析

需积分: 3 2 下载量 157 浏览量 更新于2024-09-08 收藏 61KB DOC 举报
"这是一份关于HTML和CSS基础的教程文档,主要面向初级程序员,旨在帮助他们学习和理解HTML标签的使用以及CSS样式的应用。文档涵盖了标题、段落、图像、超链接、锚点等基本HTML元素,以及内敛样式、外部样式表、选择器、字体样式等CSS概念,并提供了相关示例。" 在HTML部分,讲解了几个关键的标签: 1. **标题标签**:h1至h6,用于设定网页标题,h1最大,h6最小。 2. **段落标签**:<p>用于定义文本段落。 3. **换行标签**:<br>用于强制换行。 4. **下滑线标签**:<hr>用于插入一条水平线。 5. **斜体标签**:<em>用于强调或表示斜体文本。 6. **字体加粗标签**:<strong>用于强调或表示加粗文本。 7. **图像标签**:<img>,包含src属性指定图片源,alt属性提供替代文本,width和height属性设置图片尺寸。 8. **超链接标签**:<a>,href属性指定链接地址,target属性决定新窗口或当前窗口打开,如:`_blank`新建窗口,`_self`当前窗口。 9. **锚链接**:通过`<a>`标签的name属性定义跳转点,然后使用`#`加name值作为链接地址实现页面内的跳转。 在CSS部分,文档介绍了不同的样式应用方法和重要概念: 1. **标签样式**:包括内敛样式(行内样式),即直接在HTML标签内写样式,以及外部样式表,通过`<link>`标签链接CSS文件。 2. **样式优先级**:内敛样式优先级最高,其次是内部样式(在`<style>`标签内),最后是外部样式表。 3. **选择器**:分为标签选择器、类选择器和ID选择器,ID选择器优先级最高。 4. **字体样式**:包括`font-family`(字体类型)、`font-style`(字体风格)、`font-size`(字体大小)、`color`(文本颜色)、`text-align`(对齐方式)、`text-indent`(首行缩进)、`line-height`(行高)、`text-decoration`(文本装饰)和`font-weight`(文字粗细)等属性,以及各种可能的值和单位。 此外,文档还提到了一些实用的字符实体,如空格、大于号、小于号、斜体和版权符号的表示。 这份文档对于初学者来说是一个很好的起点,它覆盖了HTML和CSS的基础知识,可以帮助读者快速入门并理解这两个核心技术的基本用法。