整合營銷服務商

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

          免費咨詢熱線:

          前端之html_day01

          • tml的主體結構

          • 標簽的分類

          • 標簽的關系

          • sublime快捷鍵

          • 單標簽

          • 雙標簽

          • 路徑

          • 超鏈接額外知識運用

            • 錨點

            • 空連接

            • 超鏈接的優化寫法 寫在head標簽中

          • 特殊標記符

          • 列表


          Html的主體結構

          <!doctype html><html><head>

          標簽的分類

          單標簽

          <!doctype html>

          雙標簽

          <head></head>

          標簽的關系

          包含(嵌套關系、父子關系)

          <head>

          并列

          <head></head><body></body>

          sublime快捷鍵

          快捷鍵作用
          html:xt + tabhtml4.01模板【新版本可能失效】
          html + tabhtml5模板
          tab補全標簽
          ctrl + shift + d快速復制一行
          ctrl + shift + k快速刪除一行
          ctrl + 鼠標左鍵單擊集體輸入
          ctrl + h查找替換
          ctrl + f查找
          ctrl + /注釋
          ctrl + L快速選中當前行
          ctrl + shift + ↑(↓)代碼的快速上移和下移

          單標簽

          <!-- --> 注釋標簽<br /> 換行標簽<hr /> 水平線標簽<img src="logo.gif" alt="logo" title="這是淘寶的logo" width="200" height="100" />圖片標簽

          雙標簽

          <p></p> 段落標簽<h1></h1> 標題標簽 h1 - h6<font></font> 文本標簽<strong></strong> 文本加粗標簽,有語音加強<b></b> 文本加粗標簽<em></em> 文字傾斜,有語音加強<i></i> 文字傾斜<del></del> 刪除線,有語音加強<s></s> 刪除線<ins></ins> 下劃線,有語音加強<u></u> 下劃線<a  title="百度" target="_blank">百度</a> 超鏈接

          路徑

          相對路徑

          同一個目錄下直接寫文件的名稱就可以

          文件和圖片在下一級目錄中,需要文件夾名稱 + \ + 文件名稱

          圖片在上一級目錄中 ../ + 文件名稱

          圖片在上一級的其它文件夾中 ../ + 文件夾名稱 + 文件名稱

          總結:找到下級目錄使用/,找到上一級目錄使用../

          絕對路徑

          從盤符中開始的,這種路徑不能使用!因為項目最后都要移動,文件的路徑都是會變的。如:c:\baidu\logo.jpg

          超鏈接額外知識運用

          錨點

          1.設置一個錨點 設置一個id

          <div id="top"></div>

          2.超鏈接到錨點

          <a href="#top"></a>

          空連接

          <a href="#"></a>

          超鏈接的優化寫法 寫在head標簽中

          <base targer="_blank">

          讓所有的超鏈接都是從新窗口中打開

          特殊標記符

          空格&nbsp;
          <&lt;
          >&gt;
          ?&copy;

          更多信息請查閱

          列表

          無序列表

          <ul type="disc">

          類型:disc 默認小黑點 circle 空心小圓點 square 小方塊

          有序列表

          <ol type="A" start="C">

          類型:a A 字母順序 i I羅馬順序 1數字 start 表示開始的位置

          自定義列表

          <dl>

          用場景

          首先我們要明白,為什么需要使用自定義tab欄
          大家首先看一下uniapp關于原生tab跳轉的api文檔
          https://uniapp.dcloud.net.cn/api/router.html#switchtab
          大家可以清楚的看到,switchTab和navigateTo的差異為url后面是否可以攜帶參數
          當我們在做一個簡單的uniapp項目時,可能tab之間的切換,或者從其他頁面前往tab頁面的時候,不需要攜帶參數。但是,一旦我們需要攜帶參數跳轉到tab頁面的時候,原生的tab頁面無法實現參數的攜帶。這個時候,我們就需要去構建一個通用的tab組件去實現它的跳轉。并且,原生tab欄不支持你在上面做太多的樣式拓展

          缺點

          在使用原生tab時,你會發現,tab之間的互相切換,并不會重新渲染頁面。頁面上的onload方法也不會再次被執行,切換的時候非常的絲滑。但如果你是用自定義tab欄時,你會發現,如果你使用navigateTo去完成tab頁面的跳轉,會造成頁面棧的堆疊。

          代碼示例

          哈嘍大家好,我是公眾號作者“未來”,本期分享的內容是Web前端系列課程,本系列總共29個階段,堅持學習3個月蛻變為Web前端高手哦!


          第一階段 HTML5

          04 HTML常用標簽

          ?

          1 什么是標簽及其分類

          在HTML頁面中,帶有“< >”符號的元素被稱為HTML標簽,<html>、<head>、<body>都是HTML標簽。所謂標簽就是放在”<>”標簽符中表示某個功能的編碼命令,也稱為HTML標簽或HTML元素。

          1.雙標簽: <標簽名>內容<標簽名>

          2.單標簽: <標簽名/>(數量非常少)

          單標簽也稱空標簽,是指用一個標簽符號即可完整地描述某個功能的標簽。


          主站蜘蛛池模板: 伊人久久精品一区二区三区| 日本精品3d动漫一区二区| 欧美日韩精品一区二区在线视频| 在线免费视频一区| 亚洲精品一区二区三区四区乱码| 视频一区二区在线播放| 色窝窝无码一区二区三区| 成人午夜视频精品一区| 日韩精品一区二区三区不卡| 精品国产天堂综合一区在线| 亚洲国产成人精品无码一区二区| 国产亚洲一区二区三区在线观看| 一区精品麻豆入口| 国产成人精品一区二三区| 亚洲精品国产suv一区88| 精品无码一区二区三区在线| 精品深夜AV无码一区二区| 国产一区二区精品久久| 三上悠亚精品一区二区久久| 国产精品男男视频一区二区三区| 视频一区二区三区免费观看| 精品一区二区三区中文| 国产在线第一区二区三区| 国产精品成人一区无码| 日本一区二区三区四区视频| 国产福利一区二区精品秒拍| 国产伦理一区二区三区| 激情爆乳一区二区三区| 日本一区二区三区精品国产| 日韩十八禁一区二区久久| 国产精品主播一区二区| 91一区二区三区| 亚洲国产美国国产综合一区二区| 久久久无码精品国产一区| 在线观看亚洲一区二区| 在线播放偷拍一区精品| 国产一区二区三区小向美奈子| 白丝爆浆18禁一区二区三区| 中文字幕精品一区二区三区视频| 国产成人一区二区三区在线观看| 亚洲男女一区二区三区|