笔记D3|青训营

123 阅读3分钟

一些常用的HTML标签来定义页面的结构和内容:
1. <html>:定义HTML文档的根元素。
2. <head>:包含关于文档的元信息,如标题、字符集、CSS和JavaScript引用等。
3. <title>:定义文档的标题,显示在浏览器的标题栏或选项卡上。 4. <body>:包含整个网页的可见内容,如文本、图像、超链接等。
5. <h1> - <h6>:定义标题,其中<h1>是最高级别的标题,<h6>是最低级别的标题。
6. <p>:定义段落,用于包含一段文本。
7. <a>:定义超链接,用于创建指向其他页面或资源的链接。
8. <img>:插入图像,用于显示图片。
9. <ul>:定义无序列表,其中列表项使用<li>标签表示。
10. <ol>:定义有序列表,其中列表项也使用<li>标签表示。
11. <li>:定义列表项,用于包含列表中的每个项目。
12. <table>:定义表格,其中使用<tr>表示表格行,<td>表示单元格。
13. <div>:定义一个块级容器,用于组合其他HTML元素。
14. <span>:定义一个行内容器,用于包裹文本或其他行内元素。
15. <form>:定义用户输入表单,如文本输入框、复选框、单选按钮等。
16. <input>:定义表单元素,如文本输入框、按钮等。
17. <textarea>:定义多行文本输入框。
18. <button>:定义按钮。
19. <br>:定义换行。
20. <hr>:定义水平线。
这只是HTML标签的一小部分,HTML还有许多其他标签和属性可供使用。使用这些标签,可以构建出各种不同样式和功能的网页。
在使用HTML标签时,有几个注意事项:
1. 标签的嵌套:HTML标签应正确嵌套。每个起始标签都需要有对应的结束标签,而且标签应该按正确的层次嵌套。不正确的嵌套可能导致页面显示异常或渲染问题。
2. 标签的闭合:确保所有标签都被正确地关闭。有些标签是自闭合的,例如<br><img>,但大多数标签都需要同时包含起始标签和结束标签。
3. 标签的小写形式:HTML标签应使用小写字母表示。虽然大多数浏览器可以识别大写标签,但为了保持一致性和良好的习惯,最好使用小写形式。
4. 属性的使用:标签可以包含属性,确保正确使用和引用属性。属性名应该使用小写字母,并用引号括起来。
5. 语义化:使用正确的HTML标签来表示内容的含义。例如,使用<h1><h6>表示标题,<p>表示段落,<ul><li>表示无序列表,<ol><li>表示有序列表等。这样有助于改善网页的可访问性和搜索引擎优化。
6. 特殊字符转义:如果文本中包含特殊字符(例如小于号<、大于号>、引号"等),请使用相应的HTML实体来转义这些字符,以避免与HTML标签冲突。
7. 文件路径和链接:在插入图像、链接或引用外部资源时,确保文件路径或URL正确,并且指向正确的位置。
8. DOCTYPE声明:在HTML文档的开头添加正确的DOCTYPE声明,以确保浏览器正确解析文档。
9. 注释:使用注释<!-- -->来解释代码的目的或提供一些备注信息。注释不会在浏览器中显示,但对于代码的维护和理解非常有帮助。