HTML

<!DOCTYPE HTML> //代表H5格式

<html lang = "zh" dir = "ltr"> //lang代表語言 dir代表擺放方向

<head>

<title>Document<title> //網(wǎng)頁名

<link rel = "stylesheet" href = "./....css"> //引入的樣式表

<link rel = "Icon" href? = "./....png/icon"> //引入的網(wǎng)頁圖標(biāo)

<meta charset="utf-8"> //設(shè)置網(wǎng)頁的編碼格式

<meta name="viewport" content="width=device-width, initial-scale=1"> // 這個(gè)屬性只對(duì)移動(dòng)設(shè)有用冯勉,配合使用media

<meta name="robots" content="noindex, nofollow"> // 搜索協(xié)議, index,可以爬取這個(gè)網(wǎng)頁啊研,follow援雇,可以爬取跟蹤這個(gè)網(wǎng)站上的其他鏈接扬虚,noindex nofollow 不允許蟋恬。

</head>

<script defer src = ".../.js"></script> //使用defer異步加載js文件璃岳,且在$(document).DOMContentLoaded事件之后運(yùn)行铸鹰。

<script defer src = ".../.js"></script> //使用defer加載的js文件都按寫入順序加載癌别。

<body>

<h1 - h6 ></>標(biāo)題

<p></> 段落,塊元素display:block

<q></> quote 行引用蹋笼,result : "this is quote"

<blockquote></> 塊引用

<br/> 換行標(biāo)識(shí)符展姐,跟'\n'一樣的效果,用于行內(nèi)元素?fù)Q行

<pre></> 不清除里面的多余空格和換行

<ol>/<ul>/<dl> order list, unorder list, defined list

<li>/<dt>&<dd> li : list用于ol剖毯,ul圾笨,dt defined title , dd defined data

<img src/> 圖片

<figure>~><figcaption> ~><img> figcaption :標(biāo)題

<div></div> 塊容器

<span></span> 行容器

<strong></> 粗體強(qiáng)調(diào)

<a href name target download="filename" >? a里面也可以是其他元素,比如img逊谋。name="[#]xxx"訪問擂达,download設(shè)置下載文件名&href必須是文件

<table cellspacing cellpadding> 表格, cellsapcing在css中設(shè)置最好。

<th>/<td> table heading 表格頭部胶滋,table data 表格數(shù)據(jù)

<form action method></> 表單

<fieldset> <legend> input集合板鬓, 標(biāo)題悲敷。

<input type = " " name = " "> 下面是常用type:

text : 文本輸入 placeholder, input事件

password :密碼輸入

radio/checkbox : 單選框 和 復(fù)選框俭令,以name區(qū)分后德,設(shè)置了value返回value,checked = "checked"抄腔,不然返回HtmlContent瓢湃,change事件

file : 文件選擇,?accept 赫蛇,event.target.files 返回File或Blob對(duì)象绵患。change事件。

submit : 觸發(fā)form commit

reset : 重置表單數(shù)據(jù)悟耘,根據(jù)form屬性

image : 圖形submit

button : 普通按鈕藏雏,click事件

通用屬性:
readonly 只讀屬性

disabled 禁用屬性,不會(huì)添加到查詢字符串中

tabindex 只能從1開始作煌,tabindex添加focus和blur事件

autofocus 自動(dòng)獲取焦點(diǎn)

?form : 需要在form中填寫id掘殴,指定form的id,實(shí)現(xiàn)input不用存放在form之中就可以使用form提交數(shù)據(jù)

<select name> <optgroups> <option value selected> 下拉控件

<textarea name> resize : none, 去掉下面的三角形

<iframe src = "" name = ""> 內(nèi)嵌框架粟誓,name在form的target中可以使用奏寨。

</body>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
禁止轉(zhuǎn)載,如需轉(zhuǎn)載請通過簡信或評(píng)論聯(lián)系作者鹰服。
  • 序言:七十年代末病瞳,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子悲酷,更是在濱河造成了極大的恐慌套菜,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,509評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件设易,死亡現(xiàn)場離奇詭異逗柴,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)顿肺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門戏溺,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人屠尊,你說我怎么就攤上這事旷祸。” “怎么了讼昆?”我有些...
    開封第一講書人閱讀 163,875評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵托享,是天一觀的道長。 經(jīng)常有香客問我,道長闰围,這世上最難降的妖魔是什么赃绊? 我笑而不...
    開封第一講書人閱讀 58,441評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮辫诅,結(jié)果婚禮上凭戴,老公的妹妹穿的比我還像新娘涧狮。我一直安慰自己炕矮,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,488評(píng)論 6 392
  • 文/花漫 我一把揭開白布者冤。 她就那樣靜靜地躺著肤视,像睡著了一般。 火紅的嫁衣襯著肌膚如雪涉枫。 梳的紋絲不亂的頭發(fā)上邢滑,一...
    開封第一講書人閱讀 51,365評(píng)論 1 302
  • 那天,我揣著相機(jī)與錄音愿汰,去河邊找鬼困后。 笑死,一個(gè)胖子當(dāng)著我的面吹牛衬廷,可吹牛的內(nèi)容都是我干的摇予。 我是一名探鬼主播,決...
    沈念sama閱讀 40,190評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼吗跋,長吁一口氣:“原來是場噩夢啊……” “哼侧戴!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起跌宛,我...
    開封第一講書人閱讀 39,062評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤酗宋,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后疆拘,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體蜕猫,經(jīng)...
    沈念sama閱讀 45,500評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,706評(píng)論 3 335
  • 正文 我和宋清朗相戀三年哎迄,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了丹锹。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,834評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡芬失,死狀恐怖楣黍,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情棱烂,我是刑警寧澤租漂,帶...
    沈念sama閱讀 35,559評(píng)論 5 345
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響哩治,放射性物質(zhì)發(fā)生泄漏秃踩。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,167評(píng)論 3 328
  • 文/蒙蒙 一业筏、第九天 我趴在偏房一處隱蔽的房頂上張望憔杨。 院中可真熱鬧,春花似錦蒜胖、人聲如沸消别。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽寻狂。三九已至,卻和暖如春朋沮,著一層夾襖步出監(jiān)牢的瞬間蛇券,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評(píng)論 1 269
  • 我被黑心中介騙來泰國打工樊拓, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留纠亚,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,958評(píng)論 2 370
  • 正文 我出身青樓筋夏,卻偏偏與公主長得像蒂胞,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子叁丧,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,779評(píng)論 2 354

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

  • 第一章 1啤誊、使用瀏覽器去訪問的程序,叫網(wǎng)頁 2拥娄、web代碼存放在服務(wù)器 代碼分為兩種:① 運(yùn)行在瀏覽器端:前端代...
    fastwe閱讀 3,405評(píng)論 0 2
  • HTML標(biāo)簽解釋大全 一蚊锹、HTML標(biāo)記 標(biāo)簽:!DOCTYPE 說明:指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,242評(píng)論 1 41
  • 一、W3C --- web標(biāo)準(zhǔn) W3C標(biāo)準(zhǔn) 即萬維網(wǎng)聯(lián)盟標(biāo)準(zhǔn)稚瘾。 在線教程 W3C 表針 對(duì) web 開發(fā)牡昆,進(jìn)行一系...
    Mr隱士閱讀 238評(píng)論 0 0
  • 0.B/S結(jié)構(gòu) 瀏覽器服務(wù)器模式,web瀏覽器是客戶端最主要的應(yīng)用軟件.將客戶端使用web進(jìn)行統(tǒng)一,系統(tǒng)功能實(shí)現(xiàn)集...
    liusong007閱讀 1,056評(píng)論 0 1
  • 概述 在網(wǎng)易云課堂學(xué)習(xí)李南江老師的《從零玩轉(zhuǎn)HTML5前端+跨平臺(tái)開發(fā)》時(shí),所整理的筆記摊欠。筆記內(nèi)容為根據(jù)個(gè)人需求所...
    墨荀閱讀 2,336評(píng)論 0 7