ctrl+?

成都創(chuàng)新互聯(lián)是一家集網(wǎng)站建設(shè),饒河企業(yè)網(wǎng)站建設(shè),饒河品牌網(wǎng)站建設(shè),網(wǎng)站定制,饒河網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,饒河網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè),幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力。可充分滿足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿,時刻以成就客戶成長自我,堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己,讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。
HTML注釋:
!--這是單行注釋--
!--
這是多行注釋
這是多行注釋
這是多行注釋
--
擴展資料:
html5基本標(biāo)簽和快捷鍵使用
一、head標(biāo)簽:
meta關(guān)鍵字及編碼格式
link圖標(biāo)以及css
title標(biāo)題
二、body基本標(biāo)簽
p(塊級標(biāo)簽)
h1--h6
hr
dr
blockquote引用
pre預(yù)格式
三、快捷鍵的使用:
ctrl+d:刪除單行
ctrl+/: 進行標(biāo)記
ctrl+shift+/:多行標(biāo)記
ctrl+alt+↓: 復(fù)制
ctrl+alt+l:快速格式
這個問題。。。好吧我還是給你找了這么多。
!--...-- 定義注釋。
!DOCTYPE 定義文檔類型。
a 定義錨。
abbr 定義縮寫。
acronym 定義只取首字母的縮寫。
address 定義文檔作者或擁有者的聯(lián)系信息。
applet 不贊成使用。定義嵌入的 applet。
area 定義圖像映射內(nèi)部的區(qū)域。
article 定義文章。
aside 定義頁面內(nèi)容之外的內(nèi)容。
audio 定義聲音內(nèi)容。
b 定義粗體字。
base 定義頁面中所有鏈接的默認地址或默認目標(biāo)。
basefont 不贊成使用。定義頁面中文本的默認字體、顏色或尺寸。
bdi 定義文本的文本方向,使其脫離其周圍文本的方向設(shè)置。
bdo 定義文字方向。
big 定義大號文本。
blockquote 定義長的引用。
body 定義文檔的主體。
br 定義簡單的折行。
button 定義按鈕 (push button)。
canvas 定義圖形。
caption 定義表格標(biāo)題。
center 不贊成使用。定義居中文本。
cite 定義引用(citation)。
code 定義計算機代碼文本。
col 定義表格中一個或多個列的屬性值。
colgroup 定義表格中供格式化的列組。
command 定義命令按鈕。
datalist 定義下拉列表。
dd 定義定義列表中項目的描述。
del 定義被刪除文本。
details 定義元素的細節(jié)。
dir 不贊成使用。定義目錄列表。
div 定義文檔中的節(jié)。
dfn 定義定義項目。
dialog 定義對話框或窗口。
dl 定義定義列表。
dt 定義定義列表中的項目。
em 定義強調(diào)文本。
embed 定義外部交互內(nèi)容或插件。
fieldset 定義圍繞表單中元素的邊框。
figcaption 定義 figure 元素的標(biāo)題。
figure 定義媒介內(nèi)容的分組,以及它們的標(biāo)題。
font 不贊成使用。定義文字的字體、尺寸和顏色。
footer 定義 section 或 page 的頁腳。
form 定義供用戶輸入的 HTML 表單。
frame 定義框架集的窗口或框架。
frameset 定義框架集。
h1 to h6 定義 HTML 標(biāo)題。
head 定義關(guān)于文檔的信息。
header 定義 section 或 page 的頁眉。
hr 定義水平線。
html 定義 HTML 文檔。
i 定義斜體字。
iframe 定義內(nèi)聯(lián)框架。
img 定義圖像。
input 定義輸入控件。
ins 定義被插入文本。
isindex 不贊成使用。定義與文檔相關(guān)的可搜索索引。
kbd 定義鍵盤文本。
keygen 定義生成密鑰。
label 定義 input 元素的標(biāo)注。
legend 定義 fieldset 元素的標(biāo)題。
li 定義列表的項目。
link 定義文檔與外部資源的關(guān)系。
map 定義圖像映射。
mark 定義有記號的文本。
menu 定義命令的列表或菜單。
menuitem 定義用戶可以從彈出菜單調(diào)用的命令/菜單項目。
meta 定義關(guān)于 HTML 文檔的元信息。
meter 定義預(yù)定義范圍內(nèi)的度量。
nav 定義導(dǎo)航鏈接。
noframes 定義針對不支持框架的用戶的替代內(nèi)容。
noscript 定義針對不支持客戶端腳本的用戶的替代內(nèi)容。
object 定義內(nèi)嵌對象。
ol 定義有序列表。
optgroup 定義選擇列表中相關(guān)選項的組合。
option 定義選擇列表中的選項。
output 定義輸出的一些類型。
p 定義段落。
param 定義對象的參數(shù)。
pre 定義預(yù)格式文本。
progress 定義任何類型的任務(wù)的進度。
q 定義短的引用。
rp 定義若瀏覽器不支持 ruby 元素顯示的內(nèi)容。
rt 定義 ruby 注釋的解釋。
ruby 定義 ruby 注釋。
s 不贊成使用。定義加刪除線的文本。
samp 定義計算機代碼樣本。
script 定義客戶端腳本。
section 定義 section。
select 定義選擇列表(下拉列表)。
small 定義小號文本。
source 定義媒介源。
span 定義文檔中的節(jié)。
strike 不贊成使用。定義加刪除線文本。
strong 定義強調(diào)文本。
style 定義文檔的樣式信息。
sub 定義下標(biāo)文本。
summary 為 details 元素定義可見的標(biāo)題。
sup 定義上標(biāo)文本。
table 定義表格。
tbody 定義表格中的主體內(nèi)容。
td 定義表格中的單元。
textarea 定義多行的文本輸入控件。
tfoot 定義表格中的表注內(nèi)容(腳注)。
th 定義表格中的表頭單元格。
thead 定義表格中的表頭內(nèi)容。
time 定義日期/時間。
title 定義文檔的標(biāo)題。
tr 定義表格中的行。
track 定義用在媒體播放器中的文本軌道。
tt 定義打字機文本。
u 不贊成使用。定義下劃線文本。
ul 定義無序列表。
var 定義文本的變量部分。
video 定義視頻。
wbr 定義視頻。
xmp 不贊成使用。定義預(yù)格式文本。
一、文本標(biāo)簽
1.1 標(biāo)題標(biāo)記:hn align=”對齊方式”標(biāo)題文本/hn
注意:
1.標(biāo)題準(zhǔn)備了h1----h6的標(biāo)題,按照字號依次遞減(塊級元素)
2.align表示對齊方式,其值為left,center,right
1.2 字體標(biāo)記:font face=”字體名稱” size=”字號” color=”字體顏色” 文字/font
注意:中文網(wǎng)頁以黑體,宋體,3號字的效果顯示
1.3 段落標(biāo)記:p align=”對齊方式” 段落內(nèi)容/p
注意:p可以作為單標(biāo)記或雙標(biāo)記:
單標(biāo)記:段落與上文產(chǎn)生一個空行的間距。
雙標(biāo)記:段落與上下文之間產(chǎn)生一個空行的間距
1.4 換行標(biāo)記:
注意:br /表示換行,多次換行多次使用br /
1.5 預(yù)格式化標(biāo)記:pre...../pre
注意:預(yù)格式化標(biāo)記可將空格、制表符、回車符等忽略
1.6 轉(zhuǎn)義字符:轉(zhuǎn)義字符讓特殊字符顯示出來。
語法:實體名稱;
二、列表標(biāo)記
2.1 無序列表
ul type=”列表項的標(biāo)簽符”
li項目一/li
li項目二/li
li項目三/li
......
/ul
注意: type表示了項目符號:
disc(默認) 實心圓
circle:空心圓
square:實心方塊
2.2 有序列表:
ol type=”列表項的標(biāo)記符” start=”起始值”
li項目一/li
li項目二/li
li項目三/li
......
/ol
注意:1. 1:1,2,3,.......
a:a,b,c,d,e.......
A:A,B,C,D,E.......
i:i,ii,iii,iv......
I:I,II,III,IV......
2.start表示起始值,從第幾個數(shù)開始計算
2.3 嵌套排列
ol type="1"
lih/li
lit/li
ul type="disc"
lim/li
lil/li
/ul
li5/li
/ol
2.4 分割線標(biāo)記:hr align=”對齊方式” size=”水平線高度” width=”水平線寬度”
color=”水平線顏色”
三、超鏈接標(biāo)記
3.1 文本鏈接:a href=”目標(biāo)URL” target=”目標(biāo)窗口”指針文本/a
注意: 1.href表示文本鏈接的目標(biāo)資源的URL
絕對地址和相對地址
絕對地址:在任何情況下都可以找到的地址(例如:網(wǎng)址)
相對地址:必須知道當(dāng)前所在,才能找到(../表示上一級目錄,/表示下級目錄)例子:../img/baidu.jpg 表示在當(dāng)前位置的上一層目錄下的img文件夾中的baidu.jpg 文件。
3.2 圖片標(biāo)記:img src=”圖片文件路徑” alt=”提示文本” height=”圖片高度” width=”圖片寬度”/
3.3 多媒體標(biāo)記
3.3.1 滾動字幕標(biāo)記:marquee可以實現(xiàn)文字或圖片的跑馬燈效果
marquee..../marquee
marquee的屬性:
behavior 指定了跑馬燈的效果:scroll(滾動)、slide(滑動)、alternate(交替)
bgcolor:跑馬燈的背景顏色
direction:跑馬燈的移動方向,left(左)、right(右)、up(上)、down(下)
scrolldelay:每次移動的延遲時間,單位毫秒
loop:跑馬燈運行次數(shù),-1表示無限循環(huán)
height、width
hspace:左右空白寬度
vspace:上下空白寬度
3.3.2 嵌入音樂文件
audio src=”文件地址” 提示文字/audio
3.3.3 嵌入視頻文件
video src=”視頻文件地址” controls=”controls”提示文字/video
四、表格
4.1 表格基本語法:
table
tr
......
td單元格內(nèi)容/td
......
/tr
/table
注意:
table:聲明一個表格對象
tr:聲明一行
td:聲明一個單元格
4.2 表格的基本屬性
1.align 對齊方式:left、center、right
2.border:表格邊框
3.bordercolor:邊框顏色
4.bgcolor:表格背景顏色
5.background:背景圖片
6.height、width
4.3 單元格合并
1.rowspan:所跨的行數(shù)
2.colspan:所跨的列數(shù)
五、表單
5.1 表單標(biāo)簽:form action=”URL” method=”get|post” target=”...”/form
注意:form:該標(biāo)記中包含的數(shù)據(jù)將被提交到服務(wù)器或者電子郵件中
action:指定服務(wù)器端處理提交表單信息的程序是什么。URL地址或電子郵件地址
method:get/post:數(shù)據(jù)傳輸?shù)椒?wù)器的傳遞方法
target:服務(wù)器返回文檔結(jié)果的顯示位置:_blank:在新的瀏覽器窗口中打開
_self:在當(dāng)前瀏覽器中顯示
5.2 表單標(biāo)記
5.2.1 input標(biāo)簽:input type=”類型” name=”服務(wù)器 獲取用戶輸入信息的名字” value=”初始值”
注意:1.type類型(輸入類型):
1. text:單行文本框
2. password:密碼輸入框
3. radio:單選按鈕 checked表示默認
4. checkbox:復(fù)選框 checked表示默認
5. submit:提交按鈕
6. reset:重置按鈕
7. button:普通按鈕
2.maxlength:輸入的最大長度
5.2.2 select標(biāo)簽
select name=”” size=”” multiple
option value=”選項1” 選項1
.......
option value=”選項n” 選項n
/select
注意:name:服務(wù)器 獲取用戶輸入信息的名字
value :初始值
option:下拉框的內(nèi)容
multiple:多選,若沒有multiple則是單選
selected:表示默認選項
size:表示長度
5.2.3 textarea 標(biāo)簽:textarea name=”...” cols=”...” rows=”...” wrap=”off/virtual/physical”
/textarea
注意: name:多行文本框的名稱
cols:一行可容納的字符數(shù)
rows:表示可顯示額的行數(shù)
wrap:virtual和phycal控制自動換行
一、Html的基本結(jié)構(gòu):
!DOCTYPE html
html
head
meta ?charset=utf-8"
title/title
/head
body
網(wǎng)頁的文本、圖片等信息;
/body
/html
二、Head部分:用于表示網(wǎng)頁的元數(shù)據(jù)即描述網(wǎng)頁的基本信息
其常用標(biāo)簽及屬性有:
1、title標(biāo)簽:瀏覽器標(biāo)簽頁顯示的標(biāo)題
2、meta標(biāo)簽:其常用屬性
①charset:設(shè)置文檔的字符集編碼格式。HTML5中設(shè)置字符集編碼:meta charset="UTF-8"
常見的字符集編碼格式:
a.GB-2312:國標(biāo)碼,簡體中文
b.GBK:擴展的國標(biāo)碼
c.UTF-8:萬國碼 Unicode 常用
②http-equiv屬性:將我們的信息寫給瀏覽器看,讓瀏覽器按照這里面的要求執(zhí)行,可選屬性值:Content-Type(文檔類型)?refresh(網(wǎng)頁定時刷新)?set-cookie(設(shè)置瀏覽器cookie緩存) 需要配合content屬性使用。(http-equiv屬性只是表明需要設(shè)置哪一部分,具體的設(shè)置內(nèi)容,放到content屬性中)
③name屬性:使用方法同“http-equiv”。將我們的信息寫給搜索引擎看
常用且需要掌握的屬性值:author(作者)?keywords(網(wǎng)頁關(guān)鍵字)?description(網(wǎng)頁描述) 這兩個屬性設(shè)置,網(wǎng)頁必不可少。
3、link標(biāo)簽:鏈接網(wǎng)頁圖標(biāo)(title前的小logo),其常用屬性有:
①rel屬性:聲明鏈接文件的類型,此處選icon
②type屬性:可以省略
③href屬性:表示圖片的路徑地址
三、body部分:網(wǎng)頁的文本、圖片等信息
標(biāo)簽的分類:
塊級標(biāo)簽:顯示為塊,前后隔一行(自動換行)
行級標(biāo)簽:按行從左往右逐一顯示。
1、 常見的塊級標(biāo)簽:
①h1/h1......h6h6:標(biāo)題標(biāo)簽,自動加粗,h1最大,h6最小。
②hr/:水平線標(biāo)簽,添加一條水平線。
③p/p:段落標(biāo)簽,
④br/:換行標(biāo)簽,
⑤blockquote//blockquote:引用標(biāo)簽,cite屬性,表明引用的來源,一般引用網(wǎng)址
瀏覽器默認首行縮進。
⑥pre/pre:預(yù)格式標(biāo)簽,用于重載代碼。瀏覽器默認顯示樣式:1、顯示為等寬字體。 2、代碼中的換行、
空格等元素能在瀏覽器中顯示。
【補充】html 文件中空格的表示:nbsp;
2、 基于布局的塊級標(biāo)簽
列表:無序列表、有序列表、定義列表
①有序列表:ol/ol 列表項:li/li
②無序列表:ul/ul 列表項:li/li
③定義列表(實現(xiàn)圖文混排):dl/dl
列表標(biāo)題:dt一般只有一項/dt
列表描述項:dd可以有很多項/dd
3、組合標(biāo)簽:figure/figure用于顯示圖片及圖片標(biāo)題
他有兩個子標(biāo)簽:img /圖片
figcaption/figcaption圖片的標(biāo)題
例如:figure
img src="img/EZ.jpg" height="20%" width="20%" alt="探險家"/
figcaption探險家 伊澤瑞爾/figcaption
/figure
4、分區(qū)標(biāo)簽:div/div
5、常見的行級標(biāo)簽
1span(文本):無實際意義,用于包裹某部分文字,修改特定樣式,例如:
這是span style="color: red;font-size: 36px;"span/span中的文字
img(圖片):其常用屬性:①src:表示引用圖片的地址。
路徑地址的寫法:相對路徑:以當(dāng)前文件為最準(zhǔn),去尋找圖片地址
a、與文件處于同一層的圖片,直接寫圖片名
b、圖片在當(dāng)前文件下一層:文件名/圖片名
c、圖片在當(dāng)前文件上一層:../圖片名
絕對路徑:盤符:/文件夾/圖片名,但 是嚴(yán)禁使用
圖片網(wǎng)址:網(wǎng)絡(luò)上的圖片鏈接,但是一般不用
②height和width:圖片的高度和寬度。可以用CSS樣式代替
③title:圖片標(biāo)。當(dāng)鼠標(biāo)指上之后顯示的文字
④alt:當(dāng)圖片無法顯示的時候,顯示的文字
2em(傾斜強調(diào))
3strong(加粗強調(diào))
4b(加粗)
5i(傾斜)
Strong、em、b、i的區(qū)別
1、Strong、em都表示強調(diào),Strong為粗體,em為斜體,而Strong的強調(diào) 程度逗比em高
2、Strong和b都能加粗,em和i都能傾斜,但是Strong和em多了一層強調(diào)的語義 。H5要求標(biāo)簽盡可能實現(xiàn)語義化。
6q(短引用)
7small/big(縮小/放大字體):small和big分別是縮小和擴大字體,都可以多層嵌套直至上限或下限
8a(超鏈接)
1、href:超鏈接的路徑,可以是網(wǎng)絡(luò)鏈接,也可以是本地文件。
2、target:跳轉(zhuǎn)頁面打開的位置。_self自身頁面,_blank新頁面。
3、title:鼠標(biāo)指在超鏈接上顯示的名稱。
4、Rel(被鏈接是當(dāng)前的前/后一篇):指定被鏈接文檔與當(dāng)前文檔的關(guān)系,搜索引擎 會利用該屬性 獲取更多的有關(guān)鏈接的信息:
rel="prev"被鏈接文檔是當(dāng)前文檔的前一篇文 檔,
rel="next"被鏈接文檔是當(dāng)前文檔的后一篇文檔,
rel="icon"被鏈接文檔是當(dāng)前文檔的圖標(biāo)
rel="stylesheet"被鏈接文檔是當(dāng)前文檔的樣式表
5、Rev(當(dāng)前是被鏈接的前/后一篇)
錨鏈接:
①本頁面錨鏈接:a、設(shè)置錨點:a name="top"/a
b、跳轉(zhuǎn)錨點:#name名
①頁面間錨鏈接:a、在即將跳轉(zhuǎn)頁面的指定位置設(shè)置錨點
b、跳轉(zhuǎn)錨點:頁面地址.html#name名
a href="02_常見的塊級標(biāo)簽.html#Hbuilder"頁面間錨鏈接/abr/
功能性鏈接: mailto用于給指定郵箱發(fā)送郵件
file:///e:/aaa.png打開本地文件
tencent://message/?uin=1315618220 給指定QQ發(fā)送息
9s標(biāo)簽,有誤文本:刪除線
s這是S標(biāo)簽中的文字/sbr /
10cite標(biāo)簽:瀏覽器顯示為傾斜,常用于書、畫作、作品的引用
cite這是cite中的文本/citebr /
11code:計算機代碼,不保留代碼格式
pre
code/code
/pre
12bdo:表示文本方向,屬性:dir="ltr"表示從左往右,dir="rtl"表示從右往左
bdo dir="rtl"1234567/bdobr /
kbd:表示需要用戶用鍵盤輸入的內(nèi)容,瀏覽器顯示為等寬字體
請輸入“kbdEsc/kbd”推遲系統(tǒng)br /
13sup:上標(biāo)文本,sub:下標(biāo)文本
xsub6/subbr /
? copy; 空格 nbsp;
? copy; 空格 nbsp;br /
14u:下劃線
u這是下劃線/ubr /
mark:高亮或標(biāo)記文本,瀏覽器顯示為黃色背景
markmark/markbr /
本文題目:html5pre的簡單介紹
文章起源:http://chinadenli.net/article11/dsecodd.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站、軟件開發(fā)、App開發(fā)、云服務(wù)器、用戶體驗、網(wǎng)站設(shè)計公司
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)