整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
續上次沒說完的標題吧，今天也順便講下段落和文本格式化。
首先，需要知道的是，標題很重要。
需要確保將 HTML 標題的標簽只用于標題。不要僅僅是為了生成粗體或大號的文本而使用標題。搜索引擎使用標題為網頁的結構和內容編制索引。因為用戶可以通過標題來快速瀏覽您的網頁，所以用標題來呈現文檔結構是很重要的。應該將 h1 用作主標題（最重要的），其后是 h2（次重要的），再其次是 h3，以此類推。就像之前發的那張圖一樣。然后再說說標題的水平線。<hr> 標簽在 HTML 頁面中創建水平線,hr 元素也可用于分隔內容。實例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210815---(二)測試開發轉型</title>
</head>
<body>
<h></h>
<p></p>
<h1>我是最大的，你忍一下</h1>
<hr>
<h2>我是老二，你也要忍一下</h2>
<hr>
<h3>我是老三，我一般</h3>
<hr>
</body>
<a href="https://www.baidu.com">這是一個招聘網站</a>
</html>
可以看到有分割線
HTML注釋
接著我們說下HTML的注釋，可不是簡單的 //
<!-- 這是一個注釋 -->
需要注意的一點: 開始括號之后（左邊的括號）需要緊跟一個嘆號，結束括號之前（右邊的括號）不需要，合理地使用注釋可以對未來的代碼編輯工作產生幫助。
接著說下HTML的段落
HTML 段落
段落是通過 <p> 標簽定義的。
具體我們來看個實例：
可以看到三個段落，我們再看看代碼是怎么實現的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210815---(二)測試開發轉型</title>
</head>
<body>
<h></h>
<p>這是第一個段落</p>
<!--我是一個注釋-->
<h1>我是最大的，你忍一下</h1>
<hr>
<p>這是第二個段落</p>
<h2>我是老二，你也要忍一下</h2>
<hr>
<p>這是第三個段落</p>
<h3>我是老三，我一般</h3>
<hr>
</body>
<a href="https://www.baidu.com">這是一個招聘網站</a>
</html>
不要忘記結束標簽:即使忘了使用結束標簽，大多數瀏覽器也會正確地將 HTML 顯示出來。接著說下在段落中折行，這就需要用到<br>了
我們直接來看看實例:
可以看到有三個折行
來看看代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210815---(二)測試開發轉型</title>
</head>
<body>
<h></h>
<p>這是第一個段落,你服不服<br>我不服，你個二愣子</p>
<!--我是一個注釋-->
<h1>我是最大的，你忍一下</h1>
<hr>
<p>這是第二個段落<br>你給我滾一邊去</p>
<h2>我是老二，你也要忍一下</h2>
<hr>
<p>這是<br>第三個段落<br></p>
<h3>我是老三，我一般</h3>
<hr>
</body>
<a href="https://www.baidu.com">這是一個招聘網站</a>
</html>
<br /> 元素是一個空的 HTML 元素。由于關閉標簽沒有任何意義，因此它沒有結束標簽
下一節我們講下HTML的格式化，包含粗體、斜線等
加油，晚安~
avaScript 使 HTML 頁面具有更強的動態和交互性。
在線實例
插入一段腳本
如何將腳本插入 HTML 文檔。
使用 <noscript> 標簽
如何應對不支持腳本或禁用腳本的瀏覽器。
HTML <script> 標簽
<script> 標簽用于定義客戶端腳本，比如 JavaScript。
<script> 元素既可包含腳本語句，也可通過 src 屬性指向外部腳本文件。
JavaScript 最常用于圖片操作、表單驗證以及內容動態更新。
下面的腳本會向瀏覽器輸出"Hello World!"：
實例
<script>document.write("Hello World!");</script>
Tip: 學習更多關于Javascript教程，請查看JavaScript 教程!
HTML<noscript> 標簽
<noscript> 標簽提供無法使用腳本時的替代內容，比方在瀏覽器禁用腳本時，或瀏覽器不支持客戶端腳本時。
<noscript>元素可包含普通 HTML 頁面的 body 元素中能夠找到的所有元素。
只有在瀏覽器不支持腳本或者禁用腳本時，才會顯示 <noscript> 元素中的內容：
實例
<script>document.write("Hello World!")</script><noscript>抱歉，你的瀏覽器不支持 JavaScript!</noscript>
JavaScript體驗(來自本站javascript教程)
JavaScript實例代碼:
JavaScript可以直接在HTML輸出:
document.write("<p>這是一個段落。</p>");
JavaScript事件響應:
<buttontype="button"onclick="myFunction()">點我！</button>
JavaScript處理 HTML 樣式:
document.getElementById("demo").style.color="#ff0000";
HTML 腳本標簽
| 標簽 | 描述 |
|---|---|
| <script> | 定義了客戶端腳本 |
| <noscript> | 定義了不支持腳本瀏覽器輸出的文本 |
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039，我們一起飛！
下是一些常用的HTML網頁源代碼示例，這些示例可用作HTML文檔的基礎：
1、創建一個簡單的HTML文檔結構：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"content="width=device-width,initial-scale=1.0">
<title>My Web Page</title>
</head>
<body>
<h1>Hello,World!</h1>
<p>This is a simple HTML webpage.</p>
</body>
</html>
2、插入圖片：
<img src="image.jpg"alt="Description of the image">
3、創建超鏈接：
<a href="https://www.example.com">Visit Example.com</a>
4、創建無序列表：
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
5、創建有序列表：
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
6、創建表格：
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Row 1,Cell 1</td>
<td>Row 1,Cell 2</td>
</tr>
<tr>
<td>Row 2,Cell 1</td>
<td>Row 2,Cell 2</td>
</tr>
</table>
7、插入段落：
<p>This is a paragraph of text.</p>
8、插入換行符：
<p>This is some text.<br>This is on a new line.</p>
9、創建一個文本輸入框：
<input type="text"name="username"placeholder="Enter your username">
10、插入按鈕：
<button type="button">Click me</button>
這些示例代碼只是HTML的基礎，HTML具有更豐富的功能和標記選項，可以根據需要進行擴展和定制。請根據您的具體需求，使用這些示例作為起點，構建您自己的網頁。
【名揚銀河企業網站系統】
【免費】提供企業【網站源碼】，簡單易用，無須擁有代碼基礎。
歡迎留言或私信我們咨詢。
以上內容由【名揚銀河】企業網站系統原創發布，轉載請注明出處。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
