TML的常用列表可以分為三種:無序列表,有序列表以及定義列表。
定義:<ul>...</ul> ,表示項目之間沒有順序規定的列表。
內層標簽是 <li>...</li>,它有一個type屬性,常用的值有三種:
小實例:
<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屬性常用值有四種:
小實例:
<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>
動手小練習
一、百度一下“swiper”,進入它的中文官網。
二、調用swiper的方法有很多種,比如用npm安裝之類的,這里我們就用下載css和js庫文件來實現吧。
三、我們創建一個空白test.html文件來添加swiper。
四、開始做html部分。
五、大家知道html只是一個外表,js才是內核,于是我們加入js部分。
六、我們試著改一下輪播圖的大小,并加個顏色。
七、果然是滿寬高只有一半,可怎么劃動,只能劃到第三塊,怎么樣才能讓三回到一,循環劃動呢,加個loop:true就可以了。
八、再加個功能,讓它自動播,我不動手,讓它每秒跑到下一下張圖。
九、我們再加個分頁器,分頁器是什么東西,就是輪播下方的一個個小圓點,一點就是一頁,這里我們應該有三個點。
十、小圓點是有了,也會隨圖滾動了,可是它不能點擊啊,那好,我們加入這個就可以了點了。
十一、人家的輪播圖有左右按鈕可以控制圖片上一張下一張,我們也可以加。
十二、即然只是入門,那么到這里就可以了,更多的使用方法,大家可以去官網查一下,最后,我把圖片放進去,做出真正的輪播圖吧。
.什么是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課程可以領取喲)
*請認真填寫需求信息,我們會在24小時內與您取得聯系。