html基础1

什么是HTML？

HTML 是用来描述网页的一种语言。

HTML 指的是超文本标记语言 (Hyper Text Markup Language)

HTML 不是一种编程语言，而是一种标记语言 (markup language)

标记语言是一套标记标签 (markup tag)

HTML 使用标记标签来描述网页

HTML 标签(元素)

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

HTML 标签是由尖括号包围的关键词，比如

HTML 标签通常是成对出现的，比如和

标签对中的第一个标签是开始标签，第二个标签是结束标签

开始和结束标签也被称为开放标签和闭合标签

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body></body>

</html>

HTML 文档 = 网页

HTML 文档描述网页

HTML 文档包含HTML 标签和纯文本

HTML 文档也被称为网页

HTML 标题

HTML 标题是通过 <h1> - <h6> 等标签进行定义的。

<h1>这是h1</h1>

<h2>这是h2</h2>

<h3>这是h3</h3>

<h4>这是h4</h4>

<h5>这是h5</h5>

<h6>这是h6</h6>

HTML 段落

HTML 段落是通过 <p> 标签进行定义的。

<p>这是一个段落</p>

HTML 属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。

属性总是以名称/值对的形式出现，比如：name="value" href="www.baidu.com" src=""。

属性总是在 HTML 元素的开始标签中规定。

HTML id 属性用于为HTML 元素指定唯一的 id。

一个 HTML文档中不能存在多个有相同 id 的元素。

<!DOCTYPE html>

<html>

<head>

<style>

#my{background-color:lightblue;color:black;padding:40px;text-align:center;}</style>

</head>

<body>

<h1 id="my">My</h1>

</body>

</html>

HTML 链接

HTML 链接是通过 <a> 标签进行定义的。

<a href="https://www.baidu.com/" target="_blank">This is a link</a>

HTML 图像

HTML 图像是通过 <img> 标签进行定义的。

<img src="https://imgs01.dihe.cn/202202/2117/62135745ae4ac.png"/>

HTML 样式实例 - 背景颜色

background-color 属性为元素定义了背景颜色：

<html>

<body style="background:yellow">

<h2 style="background:red">你好，口红</h2>

<p style="background:green">你好，小66</p>

</body>

</html>

HTML 注释标签(ctrl+?)

您能够通过如下语法向 HTML 源代码添加注释：

HTML 视频

<video controls src="https://imgs01.dihe.cn/video/202110/1402/3csq8oh9ln6wj.mp4">

</video>

html基础1

推荐阅读更多精彩内容