整合營銷服務商

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

          免費咨詢熱線:

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

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


          主站蜘蛛池模板: 国内精品视频一区二区八戒| 日韩一区二区三区免费体验| 一区二区三区杨幂在线观看| 精品人妻系列无码一区二区三区 | 日本精品视频一区二区| 无码精品人妻一区二区三区漫画| 国产精品毛片a∨一区二区三区| 78成人精品电影在线播放日韩精品电影一区亚洲 | 精品无码一区二区三区在线| 国产一区二区三区在线影院| 久久一区二区三区免费| 亚洲av无码一区二区乱子伦as| 精品深夜AV无码一区二区| 亚洲AV网一区二区三区| 国产福利电影一区二区三区,日韩伦理电影在线福 | 国产成人久久精品区一区二区| 亚洲熟妇无码一区二区三区导航| 制服美女视频一区| 亚洲成av人片一区二区三区| 能在线观看的一区二区三区| 精品日韩在线视频一区二区三区 | 人妻体内射精一区二区三区| 在线观看国产区亚洲一区成人 | 亚洲一区二区在线视频| 久久se精品一区二区国产| 精品国产一区AV天美传媒| 婷婷国产成人精品一区二| 国产91久久精品一区二区 | 国产成人无码精品一区二区三区| 日本一区午夜艳熟免费| 性盈盈影院免费视频观看在线一区| 国产精品高清一区二区人妖| 亚洲一区二区三区在线网站| 亚洲AV无码一区二区三区电影 | 久久精品无码一区二区WWW| 97久久精品一区二区三区| 肥臀熟女一区二区三区| 一区在线免费观看| 天堂一区二区三区精品| 国产精品一区二区久久国产| 中文字幕国产一区|