摘要:規(guī)定元素的上下文菜單。上下文菜單在用戶點(diǎn)擊元素時(shí)顯示。規(guī)定元素仍未或不再相關(guān)。規(guī)定是否對(duì)元素進(jìn)行拼寫和語(yǔ)法檢查。規(guī)定元素的行內(nèi)樣式。
一些說(shuō)明
寫在前面:HTML和CSS,當(dāng)你了解所有規(guī)則后,你應(yīng)該多寫頁(yè)面并記錄你出現(xiàn)的問(wèn)題,這才是學(xué)習(xí)HTML和CSS的最佳方法
這是我學(xué)習(xí)一段時(shí)間之后,再次回顧HTML,希望大家也對(duì)HTML有不一樣的認(rèn)識(shí)
我把HTML標(biāo)簽分成兩大類,重要的和不重要的,希望大家都能從眾多標(biāo)簽中解脫出來(lái)!!
本文的宗旨,簡(jiǎn)明扼要!最快入門 HTML (把我給出的代碼不斷地敲,并且適當(dāng)加點(diǎn)個(gè)性化的東西,HTML標(biāo)記語(yǔ)言你就入門了)
溫故而知新
HTML,超文本標(biāo)記語(yǔ)言(HyperText Markup Language)只是標(biāo)記,沒(méi)有任何邏輯,學(xué)習(xí)起來(lái)會(huì)很快的
結(jié)構(gòu)如下:
這里寫了可以出現(xiàn)在head內(nèi)的所有標(biāo)簽 //HTML5的文檔聲明,現(xiàn)在都用這種方式了 //文檔的根 //文檔的頭部信息 //表示該文檔是以UTF-8編碼的菜鳥(niǎo)教程(runoob.com) //頁(yè)面標(biāo)題 //為搜索引擎定義關(guān)鍵詞: //為網(wǎng)頁(yè)定義描述內(nèi)容: //定義網(wǎng)頁(yè)作者: //每30秒中刷新當(dāng)前頁(yè)面: //該標(biāo)簽作為HTML文檔中所有的鏈接標(biāo)簽的默認(rèn)鏈接://網(wǎng)頁(yè)主題部分 我的第一個(gè)標(biāo)題
我的第一個(gè)段落。
關(guān)于文檔聲明:(了解即可,沒(méi)什么作用) HTML4.01 XHTML 1.0
tips:注釋長(zhǎng)啥樣?
直擊主題:HTML標(biāo)簽來(lái),我們來(lái)看看HTML的標(biāo)簽都有哪些
h1 ~ h6 , p , a , img , button , caption , dd , dl ,dt, ul ,li , fieldset , from , iframe , input , label , select , table td ,tr , tbody , tfoot , thead ,hr , html , body head title meta style script ,input , label , legend , div , span
基本上你只要看到這個(gè)標(biāo)簽,懂這個(gè)標(biāo)簽一般是怎么用的就OK了!
重點(diǎn)掌握的標(biāo)簽有(一些特別基礎(chǔ)性的標(biāo)簽不在此之內(nèi))超鏈接標(biāo)簽a:只要是a標(biāo)簽?zāi)馨叮莻€(gè)被包含的都是超鏈接
a的常用方法如下:
1、 2、電子郵件 3、取消鏈接 4、錨點(diǎn) 可以鏈接到本頁(yè)面id為tips的元素,用于頁(yè)面內(nèi)跳轉(zhuǎn) hello
圖像標(biāo)簽img:
img[src,title,alt,width,height] //密碼框 //單選框(注意name要相同,是同一類行的選擇,以便后臺(tái)拿到數(shù)據(jù)) Male//datalist標(biāo)簽,input的list屬性綁定到datalist的id,就可以完成這項(xiàng)工作了 //注意label標(biāo)簽 , 通過(guò)綁定input的id來(lái)實(shí)現(xiàn)在label出點(diǎn)擊獲取焦點(diǎn),有兩種寫法
Female //多選框(注意name要相同,是同一類行的選擇,以便后臺(tái)拿到數(shù)據(jù)) I have a bike
I have a car //下拉框 //這種是為下拉框分組 //文本域 //提交按鈕,下面的提交按鈕,默認(rèn)提交到action地址 //這是另外一種形式的表單,注意其中的區(qū)別即可, //fieldset標(biāo)簽也只會(huì)在這種場(chǎng)合使用了
實(shí)例如下:
????
注意: Internet Explorer 9(更早 IE 版本),Safari 不支持 datalist 標(biāo)簽。
output標(biāo)簽,顧名思義,輸出標(biāo)簽,那么從何處輸入,定義規(guī)則是怎么樣的呢?
form定義規(guī)則 ,那么你可不可以寫一個(gè)升級(jí)版的呢?
iframe --一般重要的標(biāo)簽
通過(guò)使用框架,你可以在同一個(gè)瀏覽器窗口中顯示不止一個(gè)頁(yè)面。
iframe顯示的地址頁(yè)面內(nèi)容,制定高度和寬度,frameborder移除邊框
用iframe來(lái)顯示頁(yè)面內(nèi)部鏈接
全局屬性
這些屬性,基本上不怎么使用,了解即可。
accesskey 規(guī)定激活元素的快捷鍵。
一下元素支持accesskey屬性
, ,
例子:
HTML 、 CSS
class 規(guī)定元素的一個(gè)或多個(gè)類名(引用樣式表中的類)。
contenteditable 規(guī)定元素內(nèi)容是否可編輯。
contextmenu 規(guī)定元素的上下文菜單。上下文菜單在用戶點(diǎn)擊元素時(shí)顯示。
data-* 用于存儲(chǔ)頁(yè)面或應(yīng)用程序的私有定制數(shù)據(jù)。
dir 規(guī)定元素中內(nèi)容的文本方向。
draggable 規(guī)定元素是否可拖動(dòng)。
dropzone 規(guī)定在拖動(dòng)被拖動(dòng)數(shù)據(jù)時(shí)是否進(jìn)行復(fù)制、移動(dòng)或鏈接。
hidden 規(guī)定元素仍未或不再相關(guān)。
id 規(guī)定元素的唯一 id。
lang 規(guī)定元素內(nèi)容的語(yǔ)言。
spellcheck 規(guī)定是否對(duì)元素進(jìn)行拼寫和語(yǔ)法檢查。
style 規(guī)定元素的行內(nèi) CSS 樣式。
tabindex 規(guī)定元素的 tab 鍵次序。
title 規(guī)定有關(guān)元素的額外信息。
translate 規(guī)定是否應(yīng)該翻譯元素內(nèi)容。
空元素標(biāo)簽br , hr
HTML5標(biāo)簽article, aside , audio , bdi , canvas , datalist , command , details ,dialog , embed ,figcaption ,figure ,footer ,header , keygen , mark , meter , nav , output , process , rp ,rt , ruby , section , source , summary , time , track , video , wbr
這些都是html5的標(biāo)簽,一眼便能看出,更加語(yǔ)義化了,如果想看html5標(biāo)簽詳解,請(qǐng)看這里:[HTML+CSS復(fù)習(xí)之HTML5基礎(chǔ)篇]()
不重要的標(biāo)簽b(定義文本粗體) , i(定義文本斜體) , strong , em , big ,small , sub , sup , ins , del , pre , code , kbd , tt , samp , var , address(定義文檔作者或擁有者的聯(lián)系信息) , abbr(定義縮寫) , acronym(定義只取首字母的縮寫,不支持HTML5) , bdo , blockquote , q , cite , dfn , colgroup , col , center, font , dir(與ul差不多,兼容性不如ul) , frame/frameset(這兩個(gè)標(biāo)簽已經(jīng)沒(méi)人用了,主要是用了這個(gè)標(biāo)簽,交互就做不了)
標(biāo)簽嵌套規(guī)則計(jì)算機(jī)輸出
鍵盤輸入
打字機(jī)文本
計(jì)算機(jī)代碼樣本
計(jì)算機(jī)變量
注釋:這些標(biāo)簽常用于顯示計(jì)算機(jī)/編程代碼。 WWW 該段落文字從右到左顯示。
a標(biāo)簽不能嵌套a標(biāo)簽,p標(biāo)簽不能嵌套塊級(jí)標(biāo)簽
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/112007.html
摘要:規(guī)定元素的上下文菜單。上下文菜單在用戶點(diǎn)擊元素時(shí)顯示。規(guī)定元素仍未或不再相關(guān)。規(guī)定是否對(duì)元素進(jìn)行拼寫和語(yǔ)法檢查。規(guī)定元素的行內(nèi)樣式。 一些說(shuō)明 寫在前面:HTML和CSS,當(dāng)你了解所有規(guī)則后,你應(yīng)該多寫頁(yè)面并記錄你出現(xiàn)的問(wèn)題,這才是學(xué)習(xí)HTML和CSS的最佳方法 這是我學(xué)習(xí)一段時(shí)間之后,再次回顧HTML,希望大家也對(duì)HTML有不一樣的認(rèn)識(shí) 我把HTML標(biāo)簽分成兩大類,重要的和不重要的,...
摘要:內(nèi)容簡(jiǎn)述關(guān)于,確實(shí)太繁雜了,內(nèi)容多。寫好不易,基本上就這個(gè)調(diào)了。里面有許多屬性是可以繼承的,注意了,繼承一定是繼承父級(jí)元素的樣式在這里我就列出可以繼承的屬性,和不能繼承的屬性啦不可繼承的和。內(nèi)聯(lián)元素可繼承。每個(gè)瀏覽器可能表現(xiàn)不一樣。 內(nèi)容簡(jiǎn)述 關(guān)于CSS,確實(shí)太繁雜了,內(nèi)容多。寫好不易,基本上就這個(gè)調(diào)了。大家肯定聽(tīng)過(guò)CSS奇淫技巧吧,關(guān)于這個(gè)我還沒(méi)有去深入了解,只是說(shuō)普通的效果啥的,我...
摘要:前言本文主要是有關(guān)前端方面知識(shí)按照目前的認(rèn)知進(jìn)行的收集歸類概括和整理,涵蓋前端理論與前端實(shí)踐兩方面。 前言:本文主要是有關(guān)前端方面知識(shí)按照 XX 目前的認(rèn)知進(jìn)行的收集、歸類、概括和整理,涵蓋『前端理論』與『前端實(shí)踐』兩方面。本文會(huì)告訴你前端需要了解的知識(shí)大致有什么,看上去有很多,但具體你要學(xué)什么,還是要 follow your heart & follow your BOSS。 初衷...
摘要:前言本文主要是有關(guān)前端方面知識(shí)按照目前的認(rèn)知進(jìn)行的收集歸類概括和整理,涵蓋前端理論與前端實(shí)踐兩方面。 前言:本文主要是有關(guān)前端方面知識(shí)按照 XX 目前的認(rèn)知進(jìn)行的收集、歸類、概括和整理,涵蓋『前端理論』與『前端實(shí)踐』兩方面。本文會(huì)告訴你前端需要了解的知識(shí)大致有什么,看上去有很多,但具體你要學(xué)什么,還是要 follow your heart & follow your BOSS。 初衷...
摘要:前言本文主要是有關(guān)前端方面知識(shí)按照目前的認(rèn)知進(jìn)行的收集歸類概括和整理,涵蓋前端理論與前端實(shí)踐兩方面。 前言:本文主要是有關(guān)前端方面知識(shí)按照 XX 目前的認(rèn)知進(jìn)行的收集、歸類、概括和整理,涵蓋『前端理論』與『前端實(shí)踐』兩方面。本文會(huì)告訴你前端需要了解的知識(shí)大致有什么,看上去有很多,但具體你要學(xué)什么,還是要 follow your heart & follow your BOSS。 初衷...
閱讀 2959·2021-11-25 09:43
閱讀 3336·2021-11-24 09:39
閱讀 2844·2021-09-22 15:59
閱讀 2212·2021-09-13 10:24
閱讀 520·2019-08-29 17:02
閱讀 2110·2019-08-29 13:23
閱讀 3071·2019-08-29 13:06
閱讀 3550·2019-08-29 13:04