HTML元素
HTML的元素通常包含三个内容 开始标签 元素内容 结束标签
如:<p>html元素</p>
其中 <p>
为开始标签(起始标签),html元素
为元素内容 </p>
为结束标签(闭合标签)。
某些HTML元素具有空内容,空元素在开始标签中进行关闭(以开始标签的结束而结束),大多数HTML元素可拥有属性。
大多数HTML元素可以嵌套,HTML文档由相互嵌套的HTML元素构成。
<!doctype html>
<html>
<body>
<p>HTML元素</p>
</body>
</html>
以上包含了三个HTML元素
<p>
元素:<p>HTML元素</p>
,<p>
是开始标签,</p>
是结束标签,HTML元素
是元素内容,<p>
元素定义了HTML文档中的一个段落。
<body>
元素:<body><p>HTML元素</p></body>
,<body>
是开始标签,</body>
是结束标签,<p>HTML元素</p>
是元素内容,<body>
元素定义了HTML文档的主体。
<html>
元素:<html><body><p>HTML元素</p></body></html>
,<html>
是开始标签,</html>
是结束标签,<body><p>HTML元素</p></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段落
<p>
标签定义段落。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML段落</title>
</head>
<body>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
<p>这是一个段落。</p>
</body>
</html>
HTML折行
<br>
标签可以在不产生新段落的情况下进行换行。
<!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>