Html基础学习系列第三篇【HTML 标记的语法和结构】

最新推荐文章于 2024-05-20 22:08:52 发布

NidhoogJX

最新推荐文章于 2024-05-20 22:08:52 发布

阅读量115

点赞数

分类专栏：前端HTML基础学习文章标签： html 学习 css

本文链接：https://blog.csdn.net/NidhoogJX/article/details/130577124

版权

前端HTML基础学习专栏收录该内容

4 篇文章 0 订阅

订阅专栏

Html基础学习系列
第一篇【HTML 的定义和起源】
第二篇【HTML 的版本和演变】
第三篇【HTML 标记的语法和结构】
第四篇【HTML 元素的分类和属性】
第五篇【HTML 文档的结构和基本布局】

Html进阶学习系列一常用元素和属性

第一篇【文本元素】
如 h1 、p 、a 等
第二篇【图像元素】
（如 img）
第三篇【表格元素】
（如 table 、tr、td 等）
第四篇【表单元素】
（如 <form、input、textarea 等）
第五篇【媒体元素】
（如 audio、video、source 等）
第六篇【其他常用元素】
（如 div、span、ul、ol、li 等）
第七篇【常用属性】
（如 id、class、style、href、src、alt、title 等）

Html进阶学习系列二页面布局和样式
第一篇【HTML 的基本布局】
（如 head、body、header、footer 等）
第二篇【CSS 的基本语法和选择器】
第三篇【常用 CSS 样式】
（如文本样式、盒子模型、布局样式、背景和边框样式等）
第四篇【CSS 媒体查询和响应式布局】
第五篇【常用 CSS 框架】
（如 Bootstrap、Foundation 等）

HTML 标记的语法和结构

HTML 标记的语法和结构

HTML 标记的语法和结构

HTML 标记的语法和结构主要由标签、属性和内容三部分组成，具体如下：

属性

HTML 属性用于定义 HTML 元素的附加信息，例如 <a> 标签的 href 属性用于定义链接目标。HTML 属性包括属性名和属性值两部分，中间用等号 = 连接。例如：


<a href="http://www.example.com">点击这里</a>

其中，href 是属性名，http://www.example.com 是属性值。

内容

HTML 标签的内容通常是文本、图像和其他媒体内容，也可以包含其他 HTML 标记。例如：

<p>这是一个段落标签，<a href="http://www.example.com">链接</a>也可以放在这里。</p>

其中，<p> 和 </p> 标签用于定义段落，中间的文本和链接是内容。

结构

HTML 文档由 HTML 标签构成，一般包含以下结构：

<!DOCTYPE html>   #声明文档类型
<html>            #根标签
  <head>          #头部信息
    <title>标题</title>   #页面标题
  </head>
  <body>          #页面主体
    <h1>主标题</h1>      #标题
    <p>段落内容</p>      #段落
    <img src="image.png">    #图像
  </body>
</html>

图解结构

点击这里去尝试

其中<!DOCTYPE html> 用于声明 HTML 文档类型，
<html> 是根标签，
<head> 用于定义头部信息，
<body> 用于定义页面主体。
<title> 用于定义页面标题，
<h1> 用于定义主标题，
<p> 用于定义段落，
<img> 用于定义图像等。这些标签和元素的嵌套和组合方式可以构成各种不同的 Web 页面和应用程序。