HTML -- 基础
一、HTML标题
HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
<h1> 定义最大的标题(主标题),<h2>为次要标题,以此类推......,<h6> 定义最小的标题。
PS:浏览器会自动地在标题的前后添加空行。
<html> <body> <h1>这是一个标题。</h1> <h2>这是一个标题。</h2> <h3>这是一个标题。</h3> <h4>这是一个标题。</h4> <h5>这是一个标题。</h5> <h6>这是一个标题。</h6> </body> </html>
运行结果:
这是一个标题。
这是一个标题。
这是一个标题。
这是一个标题。
这是一个标题。
这是一个标题。
PS: 请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。
二、HTML段落
HTML 段落是通过 <p> 标签进行定义的。
<html> <body> <p>段落1。</p> <p>段落2。</p> </body> </html>
运行结果:
段落1。
段落2。
三、HTML链接
HTML 链接是通过 <a href=xxxx> 标签进行定义的。
<html> <body> <a href="http://www.w3school.com.cn">This is a link to w3school</a> </body> </html>
运行结果:
This is a link to w3school
PS:在 href 属性中指定链接的地址。
四、HTML图像
HTML 图像是通过 <img src=xxx> 标签进行定义的。
<html> <body> <img src="./Cat/61bb1494ly1fzm1ifnfycj20go0ciq8h.jpg" width='164' height='142'> <img src="file:\C:\Users\ying\Desktop\Cat\61bb1494ly1fzm1ifnfycj20go0ciq8h.jpg" width='164' height='142'> </body> </html>
运行结果:
PS:
(1)图像的名称和尺寸是以属性的形式提供的。
(2)上次本地图片可用绝对路径或相对路径;如果图片来源于网络,那么写网络路径。
五、HTML水平线
<hr /> 标签在 HTML 页面中创建水平线。hr 元素可用于分隔内容。
<html> <body> <p>段落1</p> <hr /> <p>段落2</p> <hr /> </body> </html>
运行结果:
段落1
段落2
六、HTML注释
<!--xxx-->,在开始括号后面紧跟一个感叹号。
<!-- This is a comment -->
参考:https://www.w3school.com.cn