先發(fā)表一下HTML學習感言:
看完HTML視頻纷跛,關于HTML標簽,總體還是還是比較簡單邀杏,主要記住幾個常用的標簽贫奠,img,p望蜡,a唤崭,有序列表,表單標簽等脖律,然后用div谢肾,總體上可以把要顯示的內(nèi)容布局顯示出來,可能要注意的就是一些廢棄的標簽状您,需要特別的關注一下,起碼在看到的時候兜挨,知道不在使用它們膏孟。然后是這些標簽的屬性,有許多要注意的地方拌汇,比如input標簽的type有很多種類型柒桑,而類型的不同,表現(xiàn)的形式也不太一樣噪舀。在看李南江視頻的時候魁淳,把它做的筆記炒了下來。以備自己復習常用与倡。也供路過的各位同學方便學習界逛,嘿嘿...
什么是HTML?
HTML 指的是超文本標記語言 (Hyper Text Markup Language)
,通過在文本文件中添加標記符,可以告訴瀏覽器如何顯示其中的內(nèi)容纺座,有瀏覽器來解析標簽
字符集
<meta charset="GBK"> 和 <meta charset="UTF-8" /> 息拜,GBK編碼:是指中國的中文字符,其它它包含了簡體中文與繁體中文字符净响,UTF-8編碼:它是一種全國家通過的一種編碼少欺,如果你的網(wǎng)站涉及到多個國家的語言,那么最好選擇UTF-8編碼馋贤。
DTD文檔
<!DOCTYPE html> 聲明位于文檔中的最前面的位置赞别,處于 <html> 標簽之前。此標簽可告知瀏覽器文檔使用哪種 HTML 或 XHTML 規(guī)范
HTML標簽
<p> 標簽定義段落配乓。<h>標簽定義標題
注釋
img標簽
img標簽中的src是英文source的縮寫
img標簽中的src就是用來告訴img標簽, 需要顯示的圖片名稱width: 標簽告訴圖片的寬度
height: 標簽告訴圖片的高度
title: 用于告訴瀏覽器, 當鼠標懸停在圖片上時, 需要彈出的描述框中顯示什么內(nèi)容
alt其實是英文alternate的縮寫, 它的作用就是用于告訴瀏覽器, 當需要顯示的圖片找不到時顯示什么內(nèi)容
br標簽
br標簽作用: 換行 已廢棄
路徑問題
通過相對路徑賦值(掌握)相對路徑就是每次都從.html文件所在的文件夾開始查找, 我們稱之為相對路徑
絕對路徑就是每次都從指定的盤符開始查找
在企業(yè)開發(fā)中 通常用相對路徑仿滔,而很少用絕對路徑
a標簽
a標簽主要是控制頁面之間的跳轉(zhuǎn)
target屬性:_self: 用于在當前選項卡中跳轉(zhuǎn), 也就是不新建界面跳轉(zhuǎn). 默認就是_self_blank: 用于在新的選項卡中跳轉(zhuǎn), 也就是新建界面跳轉(zhuǎn)
title屬性:當鼠標懸停時顯示的提示文本的
base標簽
base標簽就是專門用來統(tǒng)一的指定當前網(wǎng)頁中所有的超鏈接(a標簽)需要如何打開 也項目中使用較多
假鏈接
點擊之后不會跳轉(zhuǎn)的鏈接我們稱之為假鏈接
假鏈接的格式:1.#:會自動回到網(wǎng)頁的頂部2.javascript:假鏈接不會自動回到網(wǎng)頁頂部
無序列表
給一堆數(shù)據(jù)添加列表語義, 并且這一堆數(shù)據(jù)中所有的數(shù)據(jù)都沒有先后之分
有序列表
給一堆數(shù)據(jù)添加列表語義, 并且這一堆數(shù)據(jù)中所有的數(shù)據(jù)都有先后之分
表格標簽?
表格是一種數(shù)據(jù)的展現(xiàn)形式,在H5之前使用較多惠毁,現(xiàn)已廢棄
表單
表單就是專門用來收集用戶信息的作用,
<form> <表單元素> </form>
input標簽,
input標簽有一個type屬性, 這個屬性有很多類型的取值, 取值的不同就決定了input標簽的功能和外觀不同
明文輸入框type="text" 暗文輸入框type="password" 給輸入框設置默認值value="我是默認值"
單選框
type="radio" 要想單選框互斥那么必須給每一個單選框標簽都設置一個name屬性堤撵,然后name屬性還必須設置相同的值仁讨,要想讓單選框默認選中某一個框子, 那么可以給input標簽添加一個checked屬性
datalist標簽
作用: 給輸入框綁定待選項
<datalist> <option>待選項內(nèi)容</option></datalist>
H5表單元素
郵箱:<input type="email"> 域名:<input type="url"> 電話:<input type="number"> 時間:<input type="date"> 顏色: <input type="color">
textarea標簽
多行輸入框,可以指定寬度和高度实昨,可以換行洞豁,默認可以手動拉伸
select標簽
下拉列表,不能輸入內(nèi)容荒给,可以設默認值丈挟,可以選擇設定的值
video標簽
播放視頻 <video src=""></video> src:video標簽需要播放的視頻地址,autoplay: 是否需要自動播放視頻
audio標簽
播放音頻 <audio> <source src="" type=""></audio> audio標簽需要播放的音頻地址
詳情和概要標簽
描述概要信息志电,<details> <summary>概要信息</summary> 詳情信息</details>默認情況下是折疊展示, 想看見詳情必須點擊
marquee標簽
跑馬燈 <marquee>內(nèi)容</marquee> 屬性:direction設置滾動方向 scrollamount滾動速度 loop設置滾動次數(shù)
字符實體
空格, 一個 就是一個空格, 有多少個 就有多少個空格 < 小于符號 < > 大于符號 > ? 版權符號
HTML中被廢棄的標簽
b(bold) u(underline) i(italic) s(strikethourgh) 都被廢棄了曙咽,現(xiàn)在用strong,ins挑辆,em例朱,del代替
背景顏色標簽
background-color:屬性 , 設置背景顏色
background-image: url() 設置背景圖片 如果圖片的大小沒有標簽的大小大, 那么會自動在水平和垂直方向平鋪來填充
background-repeat屬性,設置平鋪方式。 repeat 默認, 在水平和垂直都需要平鋪no-repeat 在水平和垂直都不需要平鋪repeat-x 只在水平方向平鋪repeat-y 只在垂直方向平鋪
background-position: 水平方向 垂直方向; 水平方向: left center right垂直方向: top center bottom 如果是具體距離鱼蝉,一定要加上單位px
背景關聯(lián)方式
attachment的屬性 scroll 默認值洒嗤, 會隨著滾動條的滾動而滾動fixed 不會隨著滾動條的滾動而滾動