HTML標題通過<h1>-<h6>
標題大小與字體大小的關系:1到6號標題與1到6號字體是逆序對應
實例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標題</title>
</head>
<body>
<h1>標題1</h1>
<h2>標題2</h2>
</body>
</html>
HTML段落是通過標簽<p>來定義
實例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標題</title>
</head>
<body>
<p>段落1</p>
<p>段落2</p>
</body>
</html>
HTML鏈接是通過標簽<a>來定義的
實例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標題</title>
</head>
<body>
<a href = "https://www.baidu.com"> 這是一個鏈接</a>
</body>
</html>
HTML通過標簽<img>來定義
實例:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標題</title>
</head>
<body>
<img src="/images/logo.png" width="258" height="39" />
</body>
</html>
大多數HTML元素的屬性:
屬性 | 描述 |
class | 為html元素定義一個或多個類名(classname)(類名從樣式文件引入) |
id | 定義元素的唯一id |
style | 規定元素的行內樣式(inline style) |
title | 描述了元素的額外信息 (作為工具條使用) |
<hr>標簽在HTML頁面中創建水平線
hr元素可用于分隔內容
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>文檔標題</title>
</head>
<body>
<p>hr 標簽定義水平線:</p>
<hr />
<p>這是段落。</p>
<hr />
<p>這是段落。</p>
<hr />
<p>這是段落。</p>
</body>
</html>
運行結果:
可以將注釋插入 HTML 代碼中,這樣可以提高其可讀性,使代碼更易被人理解。瀏覽器會忽略注釋,也不會顯示它們。
注釋寫法如下:
<!-- 這是一個注釋 -->
ui網頁設計之前端基礎教程html注釋優秀web前端工程師必備教程
、網頁的基本構成由:下面幾個部分組成
代碼運行效果:↓
注意事項:<>和</>組合使用:<>代表開頭,</>代表結尾,這倆尖括號要么不敲,要么一起敲上,免得忘了。
添加注釋的方式:<!-- 將注釋內容寫在這里即可 -->
*請認真填寫需求信息,我們會在24小時內與您取得聯系。