整合營銷服務商

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

          免費咨詢熱線:

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

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


          主站蜘蛛池模板: 亚洲香蕉久久一区二区| 国内偷窥一区二区三区视频| 国产一区二区三区电影| 国产午夜精品一区二区三区| 韩国精品一区视频在线播放| 少妇无码一区二区三区| 成人精品一区二区三区中文字幕 | 一区二区三区在线观看| 国产内射在线激情一区| 国产精品成人一区二区| 日韩一区二区三区视频久久| 亚洲中文字幕一区精品自拍 | 亚洲综合一区二区精品导航 | 日本无卡码一区二区三区| 人妻无码第一区二区三区| 日韩精品成人一区二区三区| 色狠狠色噜噜Av天堂一区| 久久久精品日本一区二区三区| 亚洲一区无码精品色| 亚洲人成网站18禁止一区| 国产成人精品无人区一区| 国产91一区二区在线播放不卡 | 国产人妖视频一区二区破除| 亚洲av无码一区二区三区人妖| 久久一区二区三区免费播放| 高清一区二区三区日本久 | 日本香蕉一区二区三区| 国产中文字幕一区| 一区二区三区免费高清视频| 亚洲国产综合精品一区在线播放| 精品亚洲一区二区三区在线观看| 亚洲国产一区明星换脸| 精品少妇一区二区三区视频| 性色A码一区二区三区天美传媒| 一区二区三区国产精品| 亚洲爆乳精品无码一区二区| 国产在线观看一区二区三区| 久久婷婷色综合一区二区| 亚洲av综合av一区| 久热国产精品视频一区二区三区| 国产一区精品视频|