HTML学习笔记:常用标签与实体符号总结

需积分: 50 2 下载量 36 浏览量 更新于2024-09-11 收藏 371KB DOC 举报
"html学习阶段性总结" 在HTML学习的道路上,阶段性总结是非常重要的,这有助于巩固已学知识并为未来的复习提供便利。HTML,全称为HyperText Markup Language,是一种用于创建网页的标准标记语言,其文件通常以.html或.htm为扩展名。HTML并不属于编程语言,而是一种标记语言,用于描述网页的结构和内容。 HTML文档结构由两大部分组成:头部(head)和主体(body)。头部通常包含文档的元信息,如标题(title)、字符编码(charset)、样式(style)和meta标签等,这些信息对搜索引擎优化(SEO)和页面渲染至关重要。主体部分则是网页的实际内容,如文本、图片、链接等。 以下是一些常见的HTML标签及其用途: 1. `<html>`:整个HTML文档的根元素,文档从`<html>`开始,到`</html>`结束。 2. `<head>`和`</head>`:定义文档的头部信息,包括`<title>`(页面标题),`<meta>`(元数据)等。 3. `<body>`和`</body>`:定义文档的主体内容,所有用户在浏览器中看到的页面元素都在这个区域内。 4. `<h1>`到`<h6>`:定义不同级别的标题,数字越小,标题越大。 5. `<p>`:定义段落,用于组织文本。 6. `<br/>`:插入一个换行。 7. `<hr/>`:绘制一条水平线,常用于分隔内容。 8. `<!--...-->`:HTML注释,用于在代码中添加说明性文字,不会显示在浏览器中。 文本样式标签包括: - `<b>`:定义粗体文本。 - `<em>`:定义强调的文本,通常呈现为斜体。 - `<i>`:定义斜体文本。 - `<sub>`:定义下标文本,如化学公式中的亚原子粒子符号。 - `<sup>`:定义上标文本,如数学中的指数。 - `<del>`:定义被删除的文本,表示内容已被修改。 HTML实体符号是预定义的特殊字符,例如`&amp;`代表`&`,`&lt;`代表`<`,`&gt;`代表`>`,避免在代码中直接使用这些字符引起解析问题。此外,还有一些特殊字符实体,如版权符号`&copy;`,注册商标`&reg;`等。 HTML链接通过`<a>`标签实现,`href`属性定义链接地址,例如: ```html <a href="https://www.baidu.com/">百度一下</a> ``` 这将在浏览器中创建一个指向百度首页的可点击链接。 HTML学习不仅仅是掌握这些基本标签,还包括表格(`<table>`)、列表(`<ul>`、`<ol>`、`<li>`)、图像(`<img>`)、框架(`<frameset>`)、表单(`<form>`、`<input>`、`<select>`、`<textarea>`等)以及更高级的CSS样式和JavaScript交互。随着HTML5的出现,更多的语义化标签(如`<header>`、`<footer>`、`<section>`)和多媒体支持(如`<video>`、`<audio>`)使HTML成为构建丰富、动态网页的强大工具。 通过持续学习和实践,你可以逐步掌握HTML的精髓,从而创建出具有吸引力和功能性的网页。