HTML&CSS基础学习笔记：超链接与基本标记解析

"HTML&CSS 学习笔记" HTML（HyperText Markup Language）是网页开发的基础，它是一种标记语言，主要用于创建结构化的文档，并通过样式（如CSS）进行美化。HTML的特点是忽略大小写，语法相对宽松，而XML（Extensible Markup Language）则更加严谨，严格区分大小写。 在HTML中，一个标记通常由三部分组成：元素（ELEMENT）、属性（ATTRIBUTE）和值（value）。元素用于定义文档结构，例如`<p>`代表段落，`<img>`表示图片。属性则用来进一步描述元素，比如`<a>`标签的`href`属性用于定义链接的目标位置，值就是链接的URL。例如，创建一个指向本地主页的链接可以写成： ```html <a href="http://127.0.0.1:8080/homepage">主页</a> ``` 超链接（Hyperlink）是HTML的一大特色，它允许用户从一个页面跳转到另一个页面。`<a>`标签的`href`属性用于指定链接的目标，包括不同协议（如HTTP、HTTPS、FTP、MAILTO等），服务器地址（host.domain），端口号（port，如果不指定，默认为80 for HTTP, 443 for HTTPS），路径（path）和文件名（filename）。例如，创建一个电子邮件链接： ```html <a href="mailto:example@example.com">发送邮件</a> ``` HTML中还包含多种基本标记来构建页面结构。标题标记`<h1>`到`<h6>`用来设置不同级别的标题，`<h1>`最大，`<h6>`最小。`<address>`用于展示与文档相关的联系信息，如作者地址等。`<blockquote>`用于引用长段落，通常会自动缩进。`<pre>`保留原始的文本格式，用于代码展示等。`<span>`用于在段落内定义特定内容区块，而`<div>`则用于跨段落的内容组织。 列表是HTML中常见的元素，分为有序列表`<ol>`和无序列表`<ul>`。有序列表可以设置符号类型，如`type="a"`或`type="I"`，并可以自定义起始编号`start`。无序列表常用符号有实心圆`type="disc"`、空心圆`type="circle"`和方形`type="square"`。定义列表`<dl>`由术语`<dt>`和定义`<dd>`组成，用于展示专业术语及其解释。 此外，HTML还有水平线标记`<hr>`，用于在页面上创建一条水平分隔线，增加视觉效果。这些基本标记是构建HTML页面的基础，熟练掌握它们能帮助你更好地理解和创建网页。 CSS（Cascading Style Sheets）是用于控制HTML元素样式的语言，它可以定义颜色、字体、布局和其他视觉效果。例如，你可以使用CSS为标题添加颜色，设置段落的对齐方式，或者定义按钮的样式。通过将CSS与HTML结合，可以创建出既美观又功能丰富的网页。学习CSS不仅可以提升网页的视觉吸引力，还能提高页面的可访问性和响应性，使其在各种设备上都能良好呈现。