HTML元素

最新推荐文章于 2024-09-12 18:22:06 发布

醒了不起的盖茨比✘

最新推荐文章于 2024-09-12 18:22:06 发布

阅读量115

点赞数 1

分类专栏：从零开始学习JavaScript 文章标签： html css javascript

本文链接：https://blog.csdn.net/mimanchi123/article/details/119390857

版权

从零开始学习JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

HTML元素

HTML的元素通常包含三个内容开始标签元素内容结束标签

如：html元素 其中 为开始标签（起始标签），html元素为元素内容 为结束标签（闭合标签）。

某些HTML元素具有空内容，空元素在开始标签中进行关闭（以开始标签的结束而结束），大多数HTML元素可拥有属性。

大多数HTML元素可以嵌套，HTML文档由相互嵌套的HTML元素构成。

<!doctype html>
<html>
    <body>
        <p>HTML元素</p>
    </body>
</html>

以上包含了三个HTML元素

元素：HTML元素,是开始标签,是结束标签，HTML元素是元素内容，元素定义了HTML文档中的一个段落。

<body>元素：<body>HTML元素</body>，<body>是开始标签，</body>是结束标签，HTML元素是元素内容，<body>元素定义了HTML文档的主体。

<html>元素：<html><body>HTML元素</body></html>，<html>是开始标签，</html>是结束标签，<body>HTML元素</body>是元素内容，<html>元素定义了整个HTML文档。

HTML属性

HTML元素可以设置属性，属性可以在元素中添加附加信息，属性一般描述于开始标签，属性总是以名称/值对的形式出现。

<a href="https://www.csdn.net/">链接的地址在href属性中指定</a>

href是属性，双引号内的https://www.csdn.net/是属性值，属性值应该始终包括在引号内（单引号、双引号皆可，但在属性值本省就含有双引号时，就必须使用单引号）。

HTML标题

HTML中的标题是通过<h1>-<h6>标签进行定义的。<h1>定义最大标题，<h6>定义最小标题。

<!DOCTYPE html>
<html>
	<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水平线

<hr>标签在HTML页面中创建水平线，可以用于分割内容。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML水平线</title>
</head>
<body>
	<p>hr 标签定义水平线：</p>
	<hr />
	<p>这是段落。</p>
	<hr />
	<p>这是段落。</p>
	<hr />
	<p>这是段落。</p>
</body>
</html>

HTML注释

在HTML代码中注释的写法一般为 

HTML段落

标签定义段落。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML段落</title>
</head>
<body>

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

</body>
</html>

HTML折行

 标签可以在不产生新段落的情况下进行换行。

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML折行</title>
</head>
<body>

<p>这个<br>段落<br>演示了分行的效果</p>

</body>
</html>

浏览器会忽略源代码中的排版，省略多余的空格和换行。

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>html折行</title>
    </head>
    <body>
        <h1>
            春晓
        </h1>
        <p>
            春眠不觉晓，
                处处闻啼鸟。
            夜来          风雨声，
            花落
            知多少。
        </p>
        <p>
            浏览器会忽略源代码中的排版，省略多余的空格和换行。
        </p>
    </body>
</html>