HTML与CSS基础标记详解

"这是一份关于CSS和HTML的学习笔记，涵盖了基本的HTML标记、CSS样式应用以及一些常用的HTML元素和属性。" 这篇笔记主要介绍了HTML的基本结构和元素，以及如何使用CSS来增强页面的视觉效果。在HTML部分，我们看到了一些常见的标签： 1. `<p></p>`：用于创建段落，是网页中最基本的文本组织单位。 2. `<em></em>`：用于强调文本，通常表现为斜体，常用于标记人名或专有名词。 3. `<strong></strong>`：用于突出显示重要文本，通常会使字体变大或加粗。 4. `<h1></h1>`到`<h6></h6>`：用于定义不同级别的标题，数字越大，标题级别越低，字号越小。 5. `<span>`：这是一个内联元素，用于对文本进行局部样式控制，例如改变颜色或字体。 6. `<q></q>`：用于创建短引述，浏览器通常会自动添加引号。 7. `<blockquote></blockquote>`：用于长文本引用，比如在文章中引用他人的大段文字。 8. `<br/>`：实现文本换行。 9. `&nbsp;`：非中断空格，用于在文本中插入一个固定宽度的空格。 10. `<hr/>`：绘制水平线，常用于分隔内容。 11. `<address>`：用于标记地址信息。 12. `<code></code>`：用于展示单行代码，而`<pre></pre>`则用于多行代码展示，保留代码原本的缩进和空白。 13. `<li></li>`：列表项，配合`<ul>`（无序列表）或`<ol>`（有序列表）使用，常用于展示项目列表。 14. `<div>`：块级元素，常与CSS结合使用，用于布局和组织页面内容。 在CSS部分，笔记提到了如何为`<span>`元素添加样式，例如改变文字颜色： ```css span { color: blue; } ``` 此外，还介绍了`<a>`标签的`href`属性用于链接其他网页，并通过`target="_blank"`指定在新窗口打开链接。`<a>`标签还可以与`mailto:`协议结合，用于发送电子邮件： ```html <a href="mailto:1003785069#qq.com?cc=1576332917@qq.com&subject=主题&body=邮件">发送</a> ``` 最后，笔记中还简要提及了HTML表格的基本结构，包括`<table>`、`<tr>`、`<th>`（表头）和`<td>`（单元格），以及`<caption>`用于添加表格标题。 这些基本的HTML元素和CSS样式是构建和美化网页的基础，通过它们可以创建出丰富多样的网页布局和视觉效果。对于初学者来说，熟练掌握这些知识是学习Web开发的第一步。