HTML小结

最新推荐文章于 2024-11-03 19:27:37 发布

IXingFu

最新推荐文章于 2024-11-03 19:27:37 发布

阅读量179

点赞数

文章标签： html

1、HTML指的是超文本标记语言(超文本标记语言是一种创建网页标准标记语言)；HTML使用标记标签来描述网页；HTML文档包含了HTML标签及文本内容；万维网联盟推荐小写的属性或标签。

HTML：文档的后缀名：.html或.htm

<!DOCTYPE html> 声明为 HTML5 文档。

<html> 元素是 HTML 页面的根元素。

<head> 元素包含了文档的元数据。

<title> 元素描述了文档的标题。

<body> 元素包含了可见的页面内容

<h1> 元素定义一个大标题

<p> 元素定义一个段落

HTML标签是由尖括号包围的关键词，标签通常是成对出现的；标签中的第一个是标签开始标签，第二个标签是结束标签。

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你好(html)</title>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<h4>这是标题 4</h4>
<h5>这是标题 5</h5>
<h6>这是标题 6</h6>
</body>
</html>

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你好(html)</title>
</head>
<body>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
</body>
</html>

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你好(html)</title>
</head>
<body>
<a href="https://www.baidu.com">打开百度链接</a>
</body>
</html>

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

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你好(html)</title>
</head>
<body>
<img src="https://tse3-mm.cn.bing.net/th/id/OIP-C.H5im5apF0lK8QYr23V8MVgHaC9?w=327&h=140&c=7&r=0&o=5&dpr=1.25&pid=1.7" width="237" height="140" />
</body>
</html>

3、HTML元素指的是从开始标签到结束标签的所有代码；空元素在开始标签中进行关闭。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你好(html)</title>
</head>
<body>
<p>这是第一个段落。</p>
</body>
</html>

4、HTML标签可以拥有属性；属性总是以名称 / 值对的形式出现；属性总是 HTML元素的开始标签中规定。

居中排列标签：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你好(html)</title>
</head>
<body>
<h1 align="center">这是标题</h1>
</body>
</html>

背景颜色：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你好(html)</title>
</head>
<body bgcolor="red">
</body>
</html>

5、HTML标题：标题是通过<h1> - <h6>标签进行定义的。<h1> 定义最大的标题；<h6> 定义最小的标题。<hr>标签在HTML页面中创建水平线。HTML注解写法

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你好(html)</title>
</head>
<body>
<h1>这是标题 1</h1>
<h2>这是标题 2</h2>
<h3>这是标题 3</h3>
<!-- 标签定义水平线-->
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
<hr />
<p>这是段落。</p>
</body>
</html>

6、HTML段落是通过 <p> 标签定义的。HTML拆行使用 <br> 标签或 <br /> 标签；推荐使用<br /> 标签。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>你好(html)</title>
</head>
<body>
<p>你<br/>好<br/>html。</p>
</body>
</html>