<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My First HTML Page</title>
</head>
<body>
<img src="../images/logo.png">
<div>
<h1>使用h标签表示标题</h1>
<h1>Hello World!</h1>
</div>
<div>
<p>使用p来划分</p>
<p>段落</p>
<a href="https://www.baidu.com">a+href表示超链接</a>
</div>
<div>
<h2>HTML 元素语法</h2>
<p>
HTML 元素以开始标签起始<br>
HTML 元素以结束标签终止<br>
元素的内容是开始标签与结束标签之间的内容<br>
某些 HTML 元素具有空内容(empty content)<br>
空元素在开始标签中进行关闭(以开始标签的结束而结束)<br>
大多数 HTML 元素可拥有属性<br>
即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。
</p>
</div>
<div>
<h2>转义</h2>
<a href="https://jingyan.baidu.com/article/fedf073790429335ac897701.html">教程</a>
<h3>方法1:xmp</h3>
<xmp>即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。</xmp>
<h3>方法2:将要原文显示的标签的左尖括号用<xmp><</xmp>替换(不包括引号)</h3>
即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。
<h3>方法3:JS</h3>
<p id="zy"></p>
</div>
</body>
<script language="javascript">
document.getElementById("zy").innerText="即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。";
</script>
</html>