深入理解HTML基础:第四节课程

发表时间: 2023-11-15 20:42

HTML,全称HyperText Markup Language,即超文本标记语言,是用于创建网页的标准标记语言。下面是一些基础HTML知识点:

  1. HTML 文档结构:一个基本的HTML文档包括头部(<head>)和主体(<body>),所有的这些内容都包裹在<html>标签之内。
html

<!DOCTYPE html>

<html>

<head>

<!-- 页面的元数据,如标题,链接到的 CSS 文件等 -->

</head>

<body>

<!-- 页面的主体内容 -->

</body>

</html>

  1. HTML 标签:HTML标签是创建网页内容的基本元素。比如,<p>标签用于创建一个段落,<h1>至<h6>标签用于创建六个级别的标题,<a>标签用于创建一个链接,等等。
  2. 属性:HTML标签可以包含属性,它们提供了关于元素的额外信息。例如,<a>标签的href属性定义了链接的目标地址。
  3. HTML 注释:注释被浏览器忽略,用于向网页添加说明和注释,以帮助其他开发人员理解代码的工作方式。在HTML中,注释由<!--和-->包围。
  4. HTML5:HTML的最新版本是HTML5,它增加了很多新的元素和API,如<video>和<audio>标签以及Web存储API等。
  5. 表单:HTML表单用于收集用户输入。它们可以包含各种类型的输入字段,如文本字段、复选框、单选按钮和下拉菜单等。表单数据可以通过各种方式发送到服务器进行处理。
  6. CSS:CSS(层叠样式表)用于控制网页的布局和样式。可以将CSS链接到HTML文档,或者直接在HTML文档中使用内联样式或嵌入式样式表。
  7. JavaScript:JavaScript是一种脚本语言,用于控制网页的交互行为。它可以直接在HTML文档中使用,也可以通过外部文件链接。
  8. 响应式设计:响应式设计是一种网页设计方法,使网页在各种设备和屏幕尺寸上都能良好显示。这通常通过使用媒体查询(CSS3)和灵活的布局和元素大小来实现。
  9. 语义化标签:通过使用语义化的HTML标签(如<header>、<footer>、<article>、<section>等),可以使代码更容易被人理解,同时有助于提高SEO(搜索引擎优化)。
  10. 链接:使用<link>标签可以在HTML文档中链接到外部资源,如CSS文件或相关网页。
  11. 嵌入视频和音频:通过使用<video>和<audio>标签,你可以在网页上嵌入视频和音频内容。
  12. 使用元数据:使用<meta>标签可以提供有关网页的元数据,如字符集、视口等。
  13. 创建列表:可以使用<ul>(无序列表)和<ol>(有序列表)以及<li>(列表项)标签创建列表。
  14. 使用框架:虽然现在不推荐使用框架,但它们曾经是创建复杂网页布局的一种方法。框架由<frameset>和<frame>标签以及子标签如<noframes>组成。现在建议使用CSS进行布局。