整合營銷服務商

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

          免費咨詢熱線:

          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一区| 亚洲一区二区三区91| 亚洲国产精品一区二区久久| 中文人妻无码一区二区三区| 国精品无码A区一区二区| 成人区精品一区二区不卡| 国产免费一区二区三区免费视频| 亚洲一区精品伊人久久伊人 | 视频一区二区在线观看| 四虎永久在线精品免费一区二区 | 国产伦精品一区二区三区四区| 日本精品无码一区二区三区久久久 | 日韩三级一区二区| 美女视频免费看一区二区| 国产A∨国片精品一区二区| 中文字幕亚洲乱码熟女一区二区| 亚洲啪啪综合AV一区| 亚洲乱码一区av春药高潮| 国产aⅴ一区二区| 久久久久人妻精品一区二区三区 | 亚洲AV网一区二区三区| 色一情一乱一伦一区二区三区| 国产无套精品一区二区 | 亚洲av无一区二区三区| 久久久人妻精品无码一区| 韩国福利影视一区二区三区|