續(xù)上次沒說完的標題吧,今天也順便講下段落和文本格式化。
首先,需要知道的是,標題很重要。
需要確保將 HTML 標題的標簽只用于標題。不要僅僅是為了生成粗體或大號的文本而使用標題。搜索引擎使用標題為網(wǎng)頁的結構和內(nèi)容編制索引。因為用戶可以通過標題來快速瀏覽您的網(wǎng)頁,所以用標題來呈現(xiàn)文檔結構是很重要的。應該將 h1 用作主標題(最重要的),其后是 h2(次重要的),再其次是 h3,以此類推。就像之前發(fā)的那張圖一樣。然后再說說標題的水平線。<hr> 標簽在 HTML 頁面中創(chuàng)建水平線,hr 元素也可用于分隔內(nèi)容。實例如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210815---(二)測試開發(fā)轉型</title>
</head>
<body>
<h></h>
<p></p>
<h1>我是最大的,你忍一下</h1>
<hr>
<h2>我是老二,你也要忍一下</h2>
<hr>
<h3>我是老三,我一般</h3>
<hr>
</body>
<a href="https://www.baidu.com">這是一個招聘網(wǎng)站</a>
</html>
可以看到有分割線
HTML注釋
接著我們說下HTML的注釋,可不是簡單的 //
<!-- 這是一個注釋 -->
需要注意的一點: 開始括號之后(左邊的括號)需要緊跟一個嘆號,結束括號之前(右邊的括號)不需要,合理地使用注釋可以對未來的代碼編輯工作產(chǎn)生幫助。
接著說下HTML的段落
HTML 段落
段落是通過 <p> 標簽定義的。
具體我們來看個實例:
可以看到三個段落,我們再看看代碼是怎么實現(xiàn)的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210815---(二)測試開發(fā)轉型</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">這是一個招聘網(wǎng)站</a>
</html>
不要忘記結束標簽:即使忘了使用結束標簽,大多數(shù)瀏覽器也會正確地將 HTML 顯示出來。接著說下在段落中折行,這就需要用到<br>了
我們直接來看看實例:
可以看到有三個折行
來看看代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>20210815---(二)測試開發(fā)轉型</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">這是一個招聘網(wǎng)站</a>
</html>
<br /> 元素是一個空的 HTML 元素。由于關閉標簽沒有任何意義,因此它沒有結束標簽
下一節(jié)我們講下HTML的格式化,包含粗體、斜線等
加油,晚安~
avaScript 使 HTML 頁面具有更強的動態(tài)和交互性。
在線實例
插入一段腳本
如何將腳本插入 HTML 文檔。
使用 <noscript> 標簽
如何應對不支持腳本或禁用腳本的瀏覽器。
HTML <script> 標簽
<script> 標簽用于定義客戶端腳本,比如 JavaScript。
<script> 元素既可包含腳本語句,也可通過 src 屬性指向外部腳本文件。
JavaScript 最常用于圖片操作、表單驗證以及內(nèi)容動態(tài)更新。
下面的腳本會向瀏覽器輸出"Hello World!":
實例
<script>document.write("Hello World!");</script>
Tip: 學習更多關于Javascript教程,請查看JavaScript 教程!
HTML<noscript> 標簽
<noscript> 標簽提供無法使用腳本時的替代內(nèi)容,比方在瀏覽器禁用腳本時,或瀏覽器不支持客戶端腳本時。
<noscript>元素可包含普通 HTML 頁面的 body 元素中能夠找到的所有元素。
只有在瀏覽器不支持腳本或者禁用腳本時,才會顯示 <noscript> 元素中的內(nèi)容:
實例
<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網(wǎng)頁源代碼示例,這些示例可用作HTML文檔的基礎:
1、創(chuàng)建一個簡單的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、創(chuàng)建超鏈接:
<a href="https://www.example.com">Visit Example.com</a>
4、創(chuàng)建無序列表:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>
5、創(chuàng)建有序列表:
<ol>
<li>First item</li>
<li>Second item</li>
<li>Third item</li>
</ol>
6、創(chuàng)建表格:
<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、創(chuàng)建一個文本輸入框:
<input type="text"name="username"placeholder="Enter your username">
10、插入按鈕:
<button type="button">Click me</button>
這些示例代碼只是HTML的基礎,HTML具有更豐富的功能和標記選項,可以根據(jù)需要進行擴展和定制。請根據(jù)您的具體需求,使用這些示例作為起點,構建您自己的網(wǎng)頁。
【名揚銀河企業(yè)網(wǎng)站系統(tǒng)】
【免費】提供企業(yè)【網(wǎng)站源碼】,簡單易用,無須擁有代碼基礎。
歡迎留言或私信我們咨詢。
以上內(nèi)容由【名揚銀河】企業(yè)網(wǎng)站系統(tǒng)原創(chuàng)發(fā)布,轉載請注明出處。
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。