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 标签由尖括号 <
和 >
包围,例如 <p>
标签用于定义段落。HTML 标签可以分为两种类型:
- 单标签:只有一个标签,如
<img>
标签用于定义图像,不需要结束标签。 - 双标签:有开始标签和结束标签,如
<p>
标签用于定义段落,需要结束标签</p>
。
属性
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 页面和应用程序。