整合營銷服務商

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

          免費咨詢熱線:

          前端之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.單標簽: <標簽名/>(數量非常少)

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


          主站蜘蛛池模板: 99偷拍视频精品一区二区| 国精产品一区一区三区有限公司| 国产成人AV一区二区三区无码| 国产一区二区成人| 搜日本一区二区三区免费高清视频| 一区二区三区四区精品视频| 国产韩国精品一区二区三区| 日韩精品一区二区三区老鸦窝| 久久福利一区二区| 激情内射日本一区二区三区| 日韩国产一区二区| 日韩精品一区二区三区中文3d| 人妻AV中文字幕一区二区三区| 国产亚洲情侣一区二区无| 波多野结衣一区二区三区高清在线| 色狠狠色狠狠综合一区| 乱色精品无码一区二区国产盗| 无码国产精品一区二区免费16 | 久久久老熟女一区二区三区| 国产成人无码一区二区三区在线| 香蕉久久AⅤ一区二区三区| 国产精品亚洲专一区二区三区| 自拍日韩亚洲一区在线| 国产福利一区二区三区在线观看 | 亚洲av无码一区二区三区观看| 亚洲av无码不卡一区二区三区 | 久久se精品一区二区影院| 一区五十路在线中出| 日韩一区二区三区精品| 爆乳熟妇一区二区三区| 中文字幕一区二区三区乱码| 东京热人妻无码一区二区av| 日本不卡免费新一区二区三区| 国产一区二区三区久久| 亚洲一区二区三区夜色| 亚洲国产一区二区三区在线观看| 国产精品一区视频| 美女免费视频一区二区| 成人午夜视频精品一区| 乱色精品无码一区二区国产盗| 亚洲欧美日韩一区二区三区|