首页 > 其他分享 >html知识点总结

html知识点总结

时间:2024-09-10 11:23:58浏览次数:11  
标签:总结 知识点 网页 HTML 标签 html 文档 文本 定义

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的新特性和最佳实践是非常重要的。

标签:总结,知识点,网页,HTML,标签,html,文档,文本,定义
From: https://blog.csdn.net/2301_78133614/article/details/142092747

相关文章

  • 2024暑假集训总结 zhz
    留校33天集训期间,本人主要加深了对数据结构(如:线段树,平衡树,可持久化线段树),动态规划(如:背包DP,单调队列DP,状态压缩DP,倍增DP,数据结构优化DP,斜率优化DP,数位DP等等),图论(如:Tarjan算法,树链剖分,LCA的三种实现,强连通分量,最小生成树,瓶颈路),以及计算几何(如:Andrew算法,直线与直线的关系......
  • HTML的基本骨架标签,段落换行水平线标签,文本标签
    一、HTML的基本骨架标签<!DOCTYPEhtml>--------------文档版本说明<html>-------------------------------网页文档开始   <head>--------------------------文档头部开始   网页头部的内容   </head>-------------------------文档头部结束   <bod......
  • 学习总结
    今天正式开学了。进行了Java开学考,结果不理想。但是令我认识到了自己的不足。附上今天写的代码,并不完整以后完善。importjava.util.Scanner;importjava.util.Arrays;importjava.util.*;classPlanInformation{//私有变量定义privateintid;//表示日报流水号,依次加一......
  • 数据结构期末常见知识点
    1AOV网是一种有向无环图2所有的二叉树都满足度数为0的节点比度数为2的节点数多1,也都满足所有的度数*该度数节点的和等于总节点数减1只有完全二叉树满足当节点个数为奇数时,度数为1的点不存在,总节点个数吧......
  • python学习总结之异常总结
    1.异常的基本概念异常(Exception):在程序执行过程中,遇到非正常的或不可预见的状况(如除以零、文件不存在等),导致程序无法按照预期继续执行时,Python会抛出一个异常。抛出异常(Raise):当Python解释器检测到错误时,它会抛出一个异常。此外,开发者也可以使用raise语句手动抛出异常。捕获异常(Catc......
  • JavaScript知识点轻量版(一)
                                   【学习重点】1.了解JavaScript基础知识2.熟悉常量和变量3.能够使用表达式和运算符4.正确使用语句5.能够掌握数据类型和转换的基本方法6.正确使用函数,对象,数组等核心知识......
  • 标题:探索 HTML 与 JavaScript 实现的选项卡切换效果
    目录一、HTML结构设计二、JavaScript逻辑处理一、HTML结构设计在给定的HTML代码中,整体结构是创建了多个div元素,每个div元素都包含一个ul(无序列表)和一个div(用于展示内容)。每个ul元素中的li元素代表一个选项卡的标题,而与之对应的div元素中的子div元素则是每个选项卡标......
  • 标题:使用 HTML 和 JavaScript 实现简单的待办事项列表
    目录一、HTML结构设计二、JavaScript逻辑处理一、HTML结构设计整体布局:在HTML部分,整体布局通过一个类名为container的div元素来实现,该元素在页面中水平居中(margin:150pxauto;)。其中包含了一个用于添加事项的输入框和按钮(addBox类),以及一个表格(table元素)用于展......
  • 9月9日 总结
    今天第一次上了数据结构这门课,发现数据结构是由数据结构和算法组成的,主要我们需要学习的事算法相关的知识,数据结构我们简单的已经过完了,接下来一学期我们要进行学习算法方面的相关知识;下午,果不其然我们进行了开学JAVA考试,是这样的,你没有听错!开学考试,虽然有这么一句话叫做,开学考试......
  • 两个月冲刺软考——访问位与修改位的题型(淘汰哪一页);内聚的类型;关于码制的知识点;地址
    1.访问位与修改位的题型(淘汰哪一页)访问位:为1时表示在内存期间被访问过,为0时表示未被访问;修改位:为1时表示该页面自从被装入内存后被修改过,为0时表示未修改过。置换页面时,最先置换访问位和修改位为00的,其次是01(没被访问但被修改过)的,之后是10(被访问了但没被修改过),最后是......