HTML的基础知识

捉只树袋熊

已于 2023-07-27 18:17:27 修改

阅读量622

点赞数 1

分类专栏：前端文章标签： css 前端 html javascript

于 2023-07-27 16:06:13 首次发布

本文链接：https://blog.csdn.net/m0_64027617/article/details/131962473

版权

前端专栏收录该内容

11 篇文章 0 订阅

订阅专栏

HTML（超文本标记语言）是一种用于创建网页的标记语言。它提供了一套标记（标签）和元素（元素）的规范，用于描述网页结构和内容的呈现方式。HTML 文件是由一系列的标签组成，这些标签用于定义网页的各个部分，如标题、段落、链接、图像等。

HTML 是什么？

HTML 是超文本标记语言（Hypertext Markup Language）的缩写，它用于创建网页的结构和内容。
HTML 使用标记（markup）来定义网页中的元素和它们的组织方式。

HTML 标签和元素：

HTML 使用标签来表示不同类型的元素，例如标题、段落、链接等。标签由尖括号包围，通常成对出现，有起始标签和结束标签。
示例：<p>这是一个段落。</p>，其中 <p> 是段落的起始标签，</p> 是段落的结束标签。
某些元素不需要结束标签，称为自闭合标签。例如：<img src="image.jpg" alt="图片"> 是一个自闭合的图像标签。

HTML 元素的属性：

HTML 元素可以具有属性，用于提供关于元素的额外信息或配置。属性包含在标签的开始标签中，并采用键-值对的形式。
示例：<a href="https://www.example.com">点击这里</a>，其中 href 是 <a> 标签的属性，指定链接的目标网址。

HTML 文档结构：

HTML 文档由 <html> 元素作为根元素开始，并包含 <head> 和 <body> 元素。
<head> 元素包含页面的元数据和引用的外部资源，例如标题、样式表和脚本。
<body> 元素包含网页的可见内容，如文本、图片、链接等。

常见的 HTML 元素：

标题元素：<h1> 到 <h6> 用于定义各级标题。
段落元素：<p> 用于定义段落。
链接元素：<a> 用于创建链接到其他页面或资源的超链接。
图像元素：<img> 用于插入图像到网页中。
列表元素：<ul>、<ol> 和 <li> 用于创建无序列表和有序列表。
表格元素：<table>、<tr>、<th> 和 <td> 用于创建表格。

HTML 注释：

注释用于在 HTML 代码中添加注解，不会在浏览器中显示。
注释以  结束。
示例：

简单演示：

<!DOCTYPE html>
<html>
<head>
    <title>我的网页</title>
</head>
<body>
    <h1>欢迎来到我的网页</h1>
  
    <p>这是一个段落。</p>
  
    <a href="https://www.example.com">这是一个链接</a>
  
    <img src="image.jpg" alt="图片" width="300" height="200">
</body>
</html>