html知识点总结

news/2024/9/23 8:14:02/
htmledit_views">

HTML(HyperText Markup Language)总结可以从其定义、基本结构、常用标签以及网页开发工具等多个方面进行阐述。

一、HTML定义

HTML是一种超文本标记语言,它不是一种编程语言,而是一种用于描述网页内容的标记语言。HTML文档由HTML标签和文本内容组成,这些标签告诉浏览器如何显示页面上的内容。HTML的发展始于1990年,由Web之父Tim Berners-Lee发布,并随着互联网的发展而不断演进,目前HTML5已成为主流版本并被广泛支持。

二、HTML基本结构

一个基本的HTML文档通常包含以下几个部分:

 

html复制代码

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>页面标题</title>
</head>
<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>
</html>
  • <!DOCTYPE html>: 声明文档类型和HTML版本。
  • <html>: 包裹整个HTML文档内容的根元素。
  • <head>: 包含了文档的元数据(如编码声明、标题、链接到样式表和脚本等),这些信息通常不会在网页上直接显示。
  • <meta charset="UTF-8">: 声明文档使用的字符编码,UTF-8可以包含世界上大多数语言的字符。
  • <title>: 定义文档的标题,通常显示在浏览器的标题栏或标签页上。
  • <body>: 包含了可见的页面内容,如文本、图片、链接等。

三、常用HTML标签

HTML标签是构成HTML文档的基本单元,下面列举了一些常用的HTML标签:

  1. 文本格式化标签
    • <strong><b>:加粗文本。
    • <em><i>:斜体文本。
    • <u>:下划线文本。
    • <del><s>:删除线文本。
    • <sup>:上标文本。
    • <sub>:下标文本。
  2. 结构标签
    • <h1><h6>:定义六级标题,<h1>最高级,<h6>最低级。
    • <p>:定义段落。
    • <br>:换行。
    • <hr>:水平线。
  3. 链接标签
    • <a href="URL">:定义超链接,href属性指定链接目标地址。
  4. 图像标签
    • <img src="图像URL" alt="描述文字">:嵌入图像,src属性指定图像文件地址,alt属性提供图像无法显示时的替代文本。
  5. 列表标签
    • <ul>:无序列表。
    • <ol>:有序列表。
    • <li>:列表项。
  6. 表格标签
    • <table>:定义表格。
    • <tr>:定义表格行。
    • <td>:定义表格单元格。
  7. 表单标签
    • <form>:定义表单,用于收集用户输入。
    • <input>:定义输入字段。
    • <button>:定义按钮。
  8. 容器标签
    • <div>:定义文档中的分区或节。
    • <span>:用于对文档中的小块内容进行分组,是行内元素。

四、网页开发工具

开发HTML网页时,可以使用多种开发工具,如VSCode、Sublime Text、Atom等文本编辑器或IDE(集成开发环境)。这些工具提供了代码高亮、自动补全、语法检查等功能,有助于提高开发效率。

五、总结

HTML是构成网页的基础,通过HTML标签可以描述网页的结构和内容。掌握HTML的基础知识对于进行网页设计和前端开发至关重要。随着Web技术的不断发展,HTML也在不断演进,以适应新的需求和挑战。因此,持续学习和掌握HTML的新特性和最佳实践是非常重要的。


http://www.ppmy.cn/news/1523844.html

相关文章

upload-labs通关教程

一.第一关&#xff08;前端绕过&#xff09; 首先准备一个php小马 <?php phpinfo();?>这是调用phpinfo这个函数&#xff0c;查看php的配置信息 首先上传1.php发现 使用BP抓不到包&#xff0c;猜测被前端验证了&#xff0c;查看网页源代码 可以看到下面有一段js代码过…

Vue3前端框架学习记录

VUE3 简介 Vue (发音为 /vjuː/&#xff0c;类似 view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建&#xff0c;并提供了一套声明式的、组件化的编程模型&#xff0c;帮助你高效地开发用户界面。无论是简单还是复杂的界面&#xff…

C++学习笔记——day 1

1. 不能用非const修饰的指针指向const修饰的变量 2. c中的四种cast &#xff08;1&#xff09;static_cast 兼容类型之间的进行显式转换 &#xff08;1&#xff09;基本数据类型转化&#xff08;int 转 double&#xff09; &#xff08;2&#xff09;类层次结构中上行转换&am…

统计上升四元组

&#x1f308;个人主页&#xff1a;Yui_ &#x1f308;Linux专栏&#xff1a;Linux &#x1f308;C语言笔记专栏&#xff1a;C语言笔记 &#x1f308;数据结构专栏&#xff1a;数据结构 &#x1f308;C专栏&#xff1a;C 文章目录 1. 题目描述2. 解释3. DP前缀和枚举 1. 题目描…

Redis-基础篇

Redis简单介绍 Redis是一种键值型的NoSql数据库&#xff0c;这里有两个关键字&#xff1a; 键值型NoSql 其中键值型&#xff0c;是指Redis中存储的数据都是以key.value对的形式存储&#xff0c;而value的形式多种多样&#xff0c;可以是字符串.数值.甚至json&#xff1a; 而…

用于完善智能电表设计的 FPGA 到 ASIC 研究

许多嵌入式系统设计首先使用 FPGA 来实现。这可能是为了更快地进行原型设计或提供软件开发平台。有时&#xff0c;生产开始后&#xff0c;FPGA 仍保留在设计中。但通常情况下&#xff0c;计划是将 FPGA&#xff08;或多个 FPGA&#xff09;转换为 ASIC 以进行批量制造。 人们很…

iOS——持久化

iOS的数据存储机制 沙盒机制 应用沙盒文件夹包含了&#xff1a; Application(应用程序包)&#xff1a;包含了所有的资源文件和和可执行文件&#xff0c;上架前经过数字签名&#xff0c;上架后不可修改。 Documents&#xff1a;文档目录&#xff0c;要保存程序生成的数据&…

COD论文笔记 BiRefNet

本质还是一个 U 型编码器解码器结构的分割模型。 我可以考虑将©和(d)结合&#xff0c;即对解码器的输入不进行 patchify,同时在各个阶段引入梯度参考信息 最近的相关工作&#xff0c;中间监督、额外先验(频率&#xff0c;梯度&#xff0c;边缘等)取得不错效果 作者观察到…