整合營銷服務商

          電腦端+手機端+微信端=數(shù)據(jù)同步管理

          免費咨詢熱線:

          「轉行測試開發(fā)-HTML」(三)上次沒說完的標題、段

          「轉行測試開發(fā)-HTML」(三)上次沒說完的標題、段落和文本格式化

          續(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ā)布,轉載請注明出處。


          主站蜘蛛池模板: 久久99久久无码毛片一区二区| jizz免费一区二区三区| 一区免费在线观看| 久久高清一区二区三区| 国产一区二区三区在线免费| 在线播放国产一区二区三区| 在线精品动漫一区二区无广告| 日韩视频免费一区二区三区| 精品国产一区二区三区色欲| 日韩亚洲一区二区三区| 国产美女口爆吞精一区二区| 日本高清天码一区在线播放| 精品亚洲av无码一区二区柚蜜| 久久久久人妻精品一区| 无码人妻少妇色欲AV一区二区| 久久久久久免费一区二区三区 | 台湾无码一区二区| 一区二区三区无码视频免费福利 | 成人在线视频一区| 午夜爽爽性刺激一区二区视频| 一区国产传媒国产精品| 2021国产精品一区二区在线| 奇米精品一区二区三区在线观看| 国产一区二区四区在线观看| 亚洲国产激情一区二区三区| 国产成人高清精品一区二区三区| 福利电影一区二区| V一区无码内射国产| 一本色道久久综合一区| 国产高清一区二区三区四区| 国产综合一区二区在线观看| 国产一区三区三区| 无码精品黑人一区二区三区| 亚洲一区二区三区高清视频| 在线观看日本亚洲一区| 相泽南亚洲一区二区在线播放| 日韩精品福利视频一区二区三区| 福利一区在线视频| 国产在线一区二区三区| 亚洲制服丝袜一区二区三区| 国产乱人伦精品一区二区在线观看|