整合營銷服務商

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

          免費咨詢熱線:

          HTML 列表

          TML的常用列表可以分為三種:無序列表,有序列表以及定義列表。

          無序列表

          定義:<ul>...</ul> ,表示項目之間沒有順序規定的列表。

          內層標簽是 <li>...</li>,它有一個type屬性,常用的值有三種:

          • disc,實心圓點
          • circle,空心圓點(默認值)
          • square,實心方塊

          小實例:

          <ul>
           ?  <li>默認值</li><br>
           ?  <li type="disc">實心圓點</li><br>
           ?  <li type="circle">空心圓點</li><br>
           ?  <li type="square">實心方塊</li><br>
          </ul>



          有序列表

          定義:<ol>...</ol>, 相對于無序列表而言,具有一定的順序的列表,一般用數字或者是字母放在表示項目的最前端表示先后順序。

          內層標簽是 <li>...</li>,同樣它的type屬性常用值有四種:

          • type="A",按大寫字母排序
          • type="a",按小寫字母排序
          • type="I",按羅馬數字排序
          • type="1",按數字排序

          小實例:

          <ol>
           ?  <li>默認值</li><br>
           ?  <li type="A">大寫字母</li><br>
           ?  <li type="a">小寫字母</li><br>
           ?  <li type="I">羅馬數字</li><br>
           ?  <li type="1">純數字</li><br><br><br>
          </ol>



          定義列表

          定義:<dl>...</dl>,不僅僅是一列項目,還是項目及其注釋的組合。

          <dl> 標簽開始,內層標簽 <dt>...</dt> 包裹對象文本, <dd>...</dd> 包裹著解釋文本。(內層只能是 dt 和 dd 標簽,且dt 必須是在 dd 前面)

          小實例:

          <dl>
           ?  <dt>HTML</dt>
           ?  <dd>HTML稱為超文本標記語言,是一種標識性的語言。它包括一系列標簽.通過這些標簽可以將網絡上的文檔格式統一,使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本,HTML命令可以說明文字,圖形、動畫、聲音、表格、鏈接等。</dd><br>
           ?  <dt>CSS</dt>
           ?  <dd>層疊樣式表(英文全稱:Cascading Style
           ?  Sheets)是一種用來表現HTML(標準通用標記語言的一個應用)或XML(標準通用標記語言的一個子集)等文件樣式的計算機語言。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。</dd><br>
           ?  <dt>JavaScript</dt>
           ?  <dd>JavaScript是一種直譯式腳本語言,是一種動態類型、弱類型、基于原型的語言,內置支持類型。它的解釋器被稱為JavaScript引擎,為瀏覽器的一部分,廣泛用于客戶端的腳本語言,最早是在HTML(標準通用標記語言下的一個應用)網頁上使用,用來給HTML網頁增加動態功能。</dd><br>
          </dl>



          動手小練習

          1. 定義一個無序列表
          2. 定義一個有序列表
          3. 定義一個定義列表
          4. 分別在無序列表和有序列表的基礎上定義不同類型的屬性值,并通過瀏覽器顯示出來
          • 吧,用swiper做輪播圖其實很簡單,特別是官網在使用說明上已經講得很清楚了。
          • 但我還是在這里嘮叨幾下。
          • 現有的js庫是很豐富的,其實我們常用到的組件都有了,輪播圖就是其中之一。
          • 本文就講一下怎么用swiper做輪播圖,因為它是一個很出名的輪播圖組件。
          • 更多文章請關注我的頭條號,我是落筆承冰。

          一、百度一下“swiper”,進入它的中文官網。

          • swiper歷經了多個版本,我們就用最新的swiper4來說說吧。

          二、調用swiper的方法有很多種,比如用npm安裝之類的,這里我們就用下載css和js庫文件來實現吧。

          • 解壓后,里面有很多文件,找哪個呢?就是這兩個,一個是css,一個是js。

          三、我們創建一個空白test.html文件來添加swiper。

          • 引用剛才我們下載的那兩個文件。

          四、開始做html部分。

          • 接下來放入輪播的模塊了。

          五、大家知道html只是一個外表,js才是內核,于是我們加入js部分。

          • 輪播是可以用了,但是真的很很不成看,只有一個很小的范圍可以輪播。

          六、我們試著改一下輪播圖的大小,并加個顏色。

          • 我們用谷歌瀏覽器F12進入控制臺,模擬手機界面看一下效果。

          七、果然是滿寬高只有一半,可怎么劃動,只能劃到第三塊,怎么樣才能讓三回到一,循環劃動呢,加個loop:true就可以了。

          • 然后我們再改改樣式,讓里面的字變大居中,變白色,再把body的邊距去掉。

          八、再加個功能,讓它自動播,我不動手,讓它每秒跑到下一下張圖。

          九、我們再加個分頁器,分頁器是什么東西,就是輪播下方的一個個小圓點,一點就是一頁,這里我們應該有三個點。

          十、小圓點是有了,也會隨圖滾動了,可是它不能點擊啊,那好,我們加入這個就可以了點了。

          • 還真的可以點擊了。

          十一、人家的輪播圖有左右按鈕可以控制圖片上一張下一張,我們也可以加。

          • 在js里聲明相應的對象

          十二、即然只是入門,那么到這里就可以了,更多的使用方法,大家可以去官網查一下,最后,我把圖片放進去,做出真正的輪播圖吧。

          • 我搞了三張圖,三張圖寬高大小不一,直接放進去了,多少會讓某些圖片少一截或是只看見一部分,這個問題大家自己修改圖片或添加樣式來處理了,我就不再說了。

          .什么是HTML

          HTML 是用來描述網頁的一種語言。HTML 指的是超文本標記語言: HyperText Markup LanguageHTML 不是一種編程語言,而是一種標記語言標記語言是一套標記標簽 (markup tag)HTML 使用標記標簽來描述網頁HTML 文檔包含了HTML 標簽及文本內容HTML文檔也叫做 web 頁面

          二.HTML基本語法

          (1)HTML標簽

          整個網頁是從<html>這里開始的,然后到</html>結束。

          (2)head標簽

          head標簽代表頁面的“頭”,定義一些特殊內容,這些內容往往都是“不可見內容”(在瀏覽器不可見)。

          (3)body標簽

          body標簽代表頁面的“身”,定義網頁展示內容,這些內容往往都是可見內容(在瀏覽器可見)。后續課程講解的標簽都是在body標簽內部的各種標簽。

          三.HTML語法規范

          HTML中不區分大小寫,但是我們一般都使用小寫

          HTML中的注釋不能嵌套、

          HTML標簽必須結構完整,要么成對出現,要么自結束標簽

          HTML標簽可以嵌套,但是不能交叉嵌套

          HTML標簽中的屬性必須有值,且值必須加引號(雙引號單引號都可以)

          四.HTML標簽使用方法

          (1)HTML無序列表

          無序列表是一個項目的列表,此列項目使用粗體圓點(典型的小黑圓圈)進行標記。

          (2)有序列表

          同樣,有序列表也是一列項目,列表項目使用數字進行標記。 列表項使用數字來標記。

          (3)段落與文字標簽

          (4)文本格式化標簽

          五.HTML表單和輸入

          表單是一個包含表單元素的區域。表單元素是允許用戶在表單中輸入內容,比如:文本域(textarea)、下拉列表、單選框(radio-buttons)、復選框(checkboxes)等等。表單使用表單標簽來設置。

          (1)文本域(Text Fields)

          輸入類型是由類型屬性(type)定義的。大多數經常被用到的輸入類型如下:

          (2)密碼字段

          密碼字段通過標簽 來定義:

          (3)單選按鈕

          標簽定義了表單單選框選項

          (4)復選框

          定義了復選框. 用戶需要從若干給定的選擇中選取一個或若干選項。

          (5)提交按鈕

          定義了提交按鈕。當用戶單擊確認按鈕時,表單的內容會被傳送到另一個文件。表單的動作屬性定義了目的文件的文件名。由動作屬性定義的這個文件通常會對接收到的輸入數據進行相關的處理

          今天我們就先分享到這里,有不懂的可以私信我

          (私信我有免費的IT課程可以領取喲)


          主站蜘蛛池模板: 欧美日韩精品一区二区在线视频| 日韩欧国产精品一区综合无码| 无码精品不卡一区二区三区| 久久精品道一区二区三区| 国产亚洲无线码一区二区 | 无码国产精品一区二区免费| 一区一区三区产品乱码| 在线视频国产一区| 日韩综合无码一区二区| 免费无码毛片一区二区APP| 免费看无码自慰一区二区| 亚洲AV无码一区二区三区在线观看 | 国模无码一区二区三区不卡| 国产日韩一区二区三区在线观看 | 欧美av色香蕉一区二区蜜桃小说| 综合一区自拍亚洲综合图区| 国产在线视频一区| 国产日本一区二区三区| 一区二区免费在线观看| 人妻AV一区二区三区精品| 国产在线一区视频| 日本在线不卡一区| 无码精品不卡一区二区三区| 国产综合无码一区二区三区| 亚洲综合激情五月色一区| 久久久久久一区国产精品| 精品国产伦一区二区三区在线观看 | 日本一区二区三区久久| 国产一区二区三区久久| 国产精品一区二区香蕉| 久久久国产精品亚洲一区| 日韩十八禁一区二区久久| 99久久精品午夜一区二区| 国产精品一区二区三区99 | 农村人乱弄一区二区| 人妻夜夜爽天天爽一区| 无码毛片视频一区二区本码| 一区三区三区不卡| 正在播放国产一区| 影音先锋中文无码一区| 亚洲韩国精品无码一区二区三区|