整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          HTML學習教程3-標題 段落 鏈接 圖像 屬性 水平線 注釋

          TML標題

          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段落

          HTML段落是通過標簽<p>來定義

          實例:

          <!DOCTYPE html>
          <html>
          <head>
          <meta charset="utf-8">
          <title>文檔標題</title>
          </head>
          <body>
          <p>段落1</p>
          <p>段落2</p>
          </body>
          </html>

          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圖像

          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屬性

          • HTML 元素可以設置屬性
          • 屬性可以在元素中添加附加信息
          • 屬性一般描述于開始標簽
          • 屬性總是以名稱/值對的形式出現,比如:name="value"

          大多數HTML元素的屬性:

          屬性

          描述

          class

          為html元素定義一個或多個類名(classname)(類名從樣式文件引入)

          id

          定義元素的唯一id

          style

          規定元素的行內樣式(inline style)

          title

          描述了元素的額外信息 (作為工具條使用)

          HTML水平線

          <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注釋

          可以將注釋插入 HTML 代碼中,這樣可以提高其可讀性,使代碼更易被人理解。瀏覽器會忽略注釋,也不會顯示它們。

          注釋寫法如下:

          <!-- 這是一個注釋 -->

          ui網頁設計之前端基礎教程html注釋優秀web前端工程師必備教程


          、網頁的基本構成由:下面幾個部分組成

          代碼運行效果:↓

          注意事項:<>和</>組合使用:<>代表開頭,</>代表結尾,這倆尖括號要么不敲,要么一起敲上,免得忘了。

          添加注釋的方式:<!-- 將注釋內容寫在這里即可 -->


          主站蜘蛛池模板: 日韩一区二区超清视频| 性无码免费一区二区三区在线 | 久久毛片一区二区| 亚州国产AV一区二区三区伊在| 精品国产一区AV天美传媒| 熟女性饥渴一区二区三区| 精品一区二区三区水蜜桃| 成人精品一区二区不卡视频| 亚洲一区在线免费观看| 一区二区三区四区视频| 无码人妻一区二区三区免费n鬼沢| 一区二区免费国产在线观看| 国产伦精品一区二区三区精品| 国产成人久久一区二区不卡三区 | 国精产品一区一区三区有限公司 | 国产乱码精品一区三上| 成人免费视频一区二区三区| 亚洲乱色熟女一区二区三区蜜臀 | 无码少妇一区二区浪潮av| 国产婷婷色一区二区三区深爱网| 无码中文字幕一区二区三区 | 精品少妇一区二区三区视频| 无人码一区二区三区视频| 国产在线一区二区在线视频| 熟妇人妻系列av无码一区二区| 97精品国产福利一区二区三区| 精品国产日韩亚洲一区| 一本大道东京热无码一区| 国产福利精品一区二区| 精品无码一区二区三区在线| 精品少妇人妻AV一区二区三区| 日韩成人无码一区二区三区| 无码午夜人妻一区二区不卡视频| 成人区人妻精品一区二区三区 | 韩国福利视频一区二区| 精品一区二区三区在线观看l| 欧亚精品一区三区免费| 国产福利一区视频| 红桃AV一区二区三区在线无码AV| 无码一区二区三区| 成人区人妻精品一区二区三区|