HTML和CSS是构建网页的基础技术,它们构成了前端开发的核心。HTML(超文本标记语言)定义了网页的结构和内容,而CSS(层叠样式表)则用于描述网页的外观和布局。黑马程序员总结的这份笔记详细地介绍了HTML和CSS中一些基础概念和标签的使用方法。
在HTML中,用于强调文本的标签包括加粗的`<strong>`,倾斜的`<em>`,删除线的`<del>`和下划线的`<ins>`。`<div>`标签定义了文档中的一个区块(盒子模型),而`<span>`则用于行内元素的组合,尽管在视觉上没有明显改变,但可以通过CSS赋予其样式。
图像标签`<img>`用于在网页上嵌入图片,它需要`src`属性来指定图片的路径或URL,`alt`属性提供图片的替换文本,当图片无法显示时,这可以帮助用户了解图片内容。`title`属性则为用户提供了额外的信息,鼠标悬停在元素上时会显示。
目录文件夹是用于存放网页开发中所需素材的地方,而根目录是指打开文件夹的第一层。在引用文件时,可以选择相对路径或绝对路径。相对路径根据HTML页面的位置来引用图片或其他资源,而绝对路径从盘符开始,可以直接指向资源位置。
在超链接标签`<a>`中,`href`属性用于指定链接的目标URL地址,`target`属性决定了链接在何处打开。链接可以是外部链接、内部链接、空链接、下载链接或锚点链接。锚点链接特别,它允许用户点击链接后快速定位到页面上的特定位置,这对于长页面尤其有用。
HTML中的一些特殊字符,比如空格、小于号、大于号和与号,可以通过字符实体如` `、`<`、`>`和`&`来表示。
表格在HTML中用于显示数据,通过`<table>`标签创建,包括表头`<thead>`、表体`<tbody>`,以及可以包含表头单元格`<th>`和表格单元格`<td>`。表格的属性如`align`、`border`、`cellpadding`和`cellspacing`可以用来控制表格的外观。
列表标签在HTML中用于布局无序列表(`<ul>`)、有序列表(`<ol>`)以及自定义列表(`<dl>`)。无序列表和有序列表由`<li>`标签组成,而自定义列表则包括`<dt>`(定义术语)和`<dd>`(定义术语的描述)。
表单标签在HTML中用于创建用户输入表单。表单由表单域`<form>`组成,它包括一个或多个表单控件如`<input>`、`<select>`和`<textarea>`。`<input>`标签是用于收集用户信息的,它可以定义不同类型的输入字段。`<select>`标签创建下拉表单元素,允许用户从一系列选项中选择一个或多个。`<textarea>`标签定义多行文本输入区域,常用于留言板或评论区。
CSS选择器用于指定哪些元素应该被哪些CSS规则所影响。基础选择器包括元素选择器、类选择器、ID选择器和通配选择器。复合选择器则由两个或多个基础选择器通过特定的组合方式构成。
通过以上知识点,我们可以了解到HTML和CSS在前端开发中的重要性和基础性,它们共同决定了网页的结构、内容以及视觉表现。黑马程序员的这份笔记为我们提供了学习和回顾HTML与CSS基础知识的有力支持。