雨夜月風跟著李南江學習HTML5—HTML學習

先發(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 不會隨著滾動條的滾動而滾動

學HTML5就選李南江,選培訓機構我只選小碼哥(www.520it.com
最后編輯于
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末魁亦,一起剝皮案震驚了整個濱河市渔隶,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌洁奈,老刑警劉巖间唉,帶你破解...
    沈念sama閱讀 210,914評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異利术,居然都是意外死亡呈野,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,935評論 2 383
  • 文/潘曉璐 我一進店門印叁,熙熙樓的掌柜王于貴愁眉苦臉地迎上來际跪,“玉大人,你說我怎么就攤上這事喉钢∧反颍” “怎么了?”我有些...
    開封第一講書人閱讀 156,531評論 0 345
  • 文/不壞的土叔 我叫張陵肠虽,是天一觀的道長幔戏。 經(jīng)常有香客問我,道長税课,這世上最難降的妖魔是什么闲延? 我笑而不...
    開封第一講書人閱讀 56,309評論 1 282
  • 正文 為了忘掉前任痊剖,我火速辦了婚禮,結果婚禮上垒玲,老公的妹妹穿的比我還像新娘陆馁。我一直安慰自己,他們只是感情好合愈,可當我...
    茶點故事閱讀 65,381評論 5 384
  • 文/花漫 我一把揭開白布叮贩。 她就那樣靜靜地躺著,像睡著了一般佛析。 火紅的嫁衣襯著肌膚如雪益老。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,730評論 1 289
  • 那天寸莫,我揣著相機與錄音捺萌,去河邊找鬼。 笑死膘茎,一個胖子當著我的面吹牛桃纯,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播披坏,決...
    沈念sama閱讀 38,882評論 3 404
  • 文/蒼蘭香墨 我猛地睜開眼态坦,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了刮萌?” 一聲冷哼從身側響起驮配,我...
    開封第一講書人閱讀 37,643評論 0 266
  • 序言:老撾萬榮一對情侶失蹤娘扩,失蹤者是張志新(化名)和其女友劉穎着茸,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體琐旁,經(jīng)...
    沈念sama閱讀 44,095評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡涮阔,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,448評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了灰殴。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片敬特。...
    茶點故事閱讀 38,566評論 1 339
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖牺陶,靈堂內(nèi)的尸體忽然破棺而出伟阔,到底是詐尸還是另有隱情,我是刑警寧澤掰伸,帶...
    沈念sama閱讀 34,253評論 4 328
  • 正文 年R本政府宣布皱炉,位于F島的核電站,受9級特大地震影響狮鸭,放射性物質(zhì)發(fā)生泄漏合搅。R本人自食惡果不足惜多搀,卻給世界環(huán)境...
    茶點故事閱讀 39,829評論 3 312
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望灾部。 院中可真熱鬧康铭,春花似錦、人聲如沸赌髓。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,715評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽春弥。三九已至呛哟,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間匿沛,已是汗流浹背扫责。 一陣腳步聲響...
    開封第一講書人閱讀 31,945評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留逃呼,地道東北人鳖孤。 一個月前我還...
    沈念sama閱讀 46,248評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像抡笼,于是被迫代替她去往敵國和親苏揣。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,440評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 轉(zhuǎn)載請聲明 原文鏈接地址 關注公眾號獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,524評論 32 459
  • HTML學習感想: 下面大致的記錄了一寫HTML的學習筆記 什么是HTML? HTML 是HyperText Ma...
    白的嚇人閱讀 541評論 0 1
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案推姻? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,734評論 1 92
  • 我一直想著給正在追求的女孩送一樣有意義的禮物平匈,久思未果。直到正在上鋪和她聊天的我偶然一個抬頭藏古,看見了書架上那本特別...
    壹介書生閱讀 3,218評論 0 5
  • 這是我第一次用這種公共軟件來記錄自己的故事 就在剛才我讀完了朋友寫的一些文章 莫名我的眼角有些濕潤了 我是一個...
    南方哆啦閱讀 180評論 1 2