成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

HTML總結(jié)

番茄西紅柿 / 2151人閱讀

摘要:宋體是文本標(biāo)記語(yǔ)言宋體宋體文件的擴(kuò)展名一般為宋體或者宋體內(nèi)的標(biāo)簽一般是成對(duì)出現(xiàn),有開始就有結(jié)束宋體第一個(gè)標(biāo)簽宋體所有網(wǎng)頁(yè)內(nèi)容都是放在宋體標(biāo)簽內(nèi)宋體標(biāo)簽是網(wǎng)頁(yè)是最大的標(biāo)簽宋體第二個(gè)標(biāo)簽在宋體有兩個(gè)重要的標(biāo)簽一

HTML 是文本標(biāo)記語(yǔ)言(Hyper Text Mark-up Language

Html文件的擴(kuò)展名一般為.html或者.htm

Html內(nèi)的標(biāo)簽一般是成對(duì)出現(xiàn),有開始就有結(jié)束

第一個(gè)標(biāo)簽:所有網(wǎng)頁(yè)內(nèi)容都是放在html標(biāo)簽內(nèi) html標(biāo)簽是網(wǎng)頁(yè)是最大的標(biāo)簽

第二個(gè)標(biāo)簽:在html有兩個(gè)重要的標(biāo)簽一個(gè)叫頭部標(biāo)簽,一個(gè)叫主體標(biāo)簽:,注意在標(biāo)簽內(nèi)的所有內(nèi)容一般不會(huì)顯示在網(wǎng)頁(yè)內(nèi),主要是給搜索引擎(例如:百度,搜狗,google ,雅虎等等)以及網(wǎng)站設(shè)計(jì)人員看的!

如果需要在網(wǎng)頁(yè)內(nèi)顯示的內(nèi)容必須放在標(biāo)簽內(nèi)

第三個(gè)標(biāo)簽:在標(biāo)簽內(nèi)有一個(gè)重要標(biāo)簽:</span><span style="font-family: 宋體;">網(wǎng)站標(biāo)題標(biāo)簽</span><span style="font-family: Times New Roman;">

第四個(gè)標(biāo)簽:換行標(biāo)簽:
br是不需要成對(duì)出現(xiàn)的標(biāo)簽

第五個(gè)標(biāo)簽:空格標(biāo)簽:   不需要成對(duì)出現(xiàn)的標(biāo)簽

第六個(gè)標(biāo)簽:分隔線標(biāo)簽


Size=“分隔線的高度”,size最大值不能超過(guò)100

Color分隔線顏色,顏色有三種表示法:第一種,顏色的英語(yǔ)單詞:例如:紅red green

blue ,黃色yellow 黑色black white 橙色:orange 粉色:pink

第二種:16進(jìn)制表示法:16進(jìn)制是用0-9 十個(gè)數(shù)加個(gè)a-f六個(gè)英文字母表示,例如紅色:#ff0000

綠色:#00ff00 蘭色:#0000ff 黃色 #ffff00

第三種:rgb(紅色值,綠色值,蘭色值)r:red G:green b:blue 紅綠蘭稱為三源色,每一個(gè)的取值范圍是0-255;例如:紅色rgb(255,0,0) 綠色rgb(0,255,0) 蘭色rgb0,0,255

Width有兩種表示法,第一種直接用寬度值:也就是像素(px),但是不需要加單位

第二種表示法:百分比表示法:相對(duì)于瀏覽器寬度來(lái)定的; 50%

Align:水平對(duì)齊方式:有三種對(duì)齊方式:第一種默認(rèn)為居中對(duì)齊align=”center” ,第二種居左對(duì)齊(align=”left”,第三種居右對(duì)齊(align=”right”)

例如:


     


第七個(gè)標(biāo)簽:文字標(biāo)簽需要設(shè)置效果的文字內(nèi)容

Size:文字大小可以設(shè)置范圍:1-7;

Color顏色,顏色有三種表示法:第一種,顏色的英語(yǔ)單詞:例如:紅red green

blue ,黃色yellow 黑色black white 橙色:orange 粉色:pink

第二種:16進(jìn)制表示法:16進(jìn)制是用0-9 十個(gè)數(shù)加個(gè)a-f六個(gè)英文字母表示,例如紅色:#ff0000

綠色:#00ff00 蘭色:#0000ff 黃色 #ffff00

第三種:rgb(紅色值,綠色值,蘭色值)r:red G:green b:blue 紅綠蘭稱為三源色,每一個(gè)的取值范圍是0-255;例如:紅色rgb(255,0,0) 綠色rgb(0,255,0) 蘭色rgb0,0,255

Face是文字字體,一般設(shè)置的字體要通用的,不能設(shè)置特殊字體,因?yàn)槟承┯?jì)算機(jī)中不存在你所設(shè)置的字體那么無(wú)法顯示效果,會(huì)自動(dòng)轉(zhuǎn)化成宋體顯示!中文網(wǎng)頁(yè)字體一般用宋體,現(xiàn)在網(wǎng)頁(yè)還有一種字體叫微軟雅黑字體也用的比較多,英文一般用字體arial

第八個(gè)標(biāo)簽:字體加粗要加粗的內(nèi)容要加粗的內(nèi)容

第九個(gè)標(biāo)簽:字體加斜體要斜體的文字內(nèi)容

第十個(gè)標(biāo)簽:字體修飾,下劃線:要加下劃線的文字內(nèi)容刪除線:要加刪除線的文字內(nèi)容上標(biāo):要上去文字內(nèi)容下標(biāo):要下去文字內(nèi)容

第十一個(gè)標(biāo)簽:背景:背景顏色:bgcolor,如果要給一個(gè)網(wǎng)站加背景顏色或背景圖片一般是加在body標(biāo)簽內(nèi):背景圖片:background=”要設(shè)置的背景圖片的路徑”,在網(wǎng)頁(yè)中背景圖片一般只使用相對(duì)路徑,不使用絕對(duì)路徑

背景圖片和背景顏色 可以同時(shí)設(shè)置,但是背景圖片優(yōu)先于背景顏色:

做網(wǎng)頁(yè)時(shí)要注意的:同一個(gè)網(wǎng)站項(xiàng)目應(yīng)該放在同文件夾下,而且在文件夾下一般要?jiǎng)?chuàng)建一個(gè)圖片文件夾,將所要用到的圖片都放在該文件夾下,一般取名為images,也有人取名為img

在網(wǎng)頁(yè)設(shè)計(jì)一般設(shè)置首頁(yè)文件名為index 因?yàn)?/span>index是索引的意思,在一般的服務(wù)器中都設(shè)置了默認(rèn)首頁(yè)為index開頭,所以只要將文件名設(shè)置成index,打開網(wǎng)址時(shí),會(huì)自動(dòng)識(shí)別index頁(yè)打開網(wǎng)站,也有人命名為default(默認(rèn)的)

第十二:標(biāo)題標(biāo)簽:從h1-h6

字體最大,h6最小,標(biāo)題標(biāo)簽同樣可以設(shè)置顏色大小以及字體,那必須在標(biāo)題 標(biāo)簽內(nèi)加標(biāo)簽

標(biāo)題標(biāo)簽同樣可以設(shè)置水平對(duì)齊方式:水平對(duì)齊方式有三個(gè)值:居中(center)居左(left默認(rèn)為居左對(duì)齊)居右(right

第十三:居中標(biāo)簽:

要居中的內(nèi)容

第十四:段落標(biāo)簽:

段落內(nèi)容

;水平對(duì)齊方式有三個(gè)值:居中(center)居左(left默認(rèn)為居左對(duì)齊)居右(right

第十五:圖片標(biāo)簽:圖片對(duì)齊方式 ”>

圖片如果不設(shè)置寬度和高度,那么圖片大小為原始圖片大小,不會(huì)縮小也不會(huì)放大

當(dāng)設(shè)置寬度或者高度兩者中的其中一個(gè)的話,那么圖片會(huì)按等比例縮放

如果同時(shí)設(shè)置寬度和高度,那么圖片有可能會(huì)變形

圖片對(duì)齊方式只有兩個(gè)值:要么左對(duì)齊(left),要么右對(duì)齊(right),沒(méi)有居中對(duì)齊的參數(shù),圖片對(duì)齊方式可以實(shí)現(xiàn)圖文混排

表格:

是表格標(biāo)簽,有開始就有結(jié)束

在表格中,如果要做一個(gè)表格,那么首先必須有行,有了行之后必須有列

行標(biāo)簽為 列標(biāo)簽為

一般在同一個(gè)要表格中,每一行中的列數(shù)要保持一致(也就是說(shuō)每行中的列數(shù)是一樣的)

表格默認(rèn)是沒(méi)有邊框的,如果需要顯示邊框需要加屬性border=”邊框大小”

如果表格中沒(méi)有內(nèi)容那么邊框有可能不顯示,如果需要顯示可以加內(nèi)容或者空格

表格可以設(shè)置大小,那么表格中的行和列同樣可以設(shè)大小;如果表格中要設(shè)置列的寬度只需在第一行中的所有列中設(shè)置就行了,如果表格中要設(shè)置行的高度,只需在每一行中的第一列設(shè)置高度就行了(單元格是就一個(gè)td注意:雖然表格可以設(shè)置寬度和高度,但是當(dāng)表格的內(nèi)容超過(guò)它寬度和高度時(shí),表格會(huì)自動(dòng)撐大

表格中,所有要顯示的內(nèi)容必須放在

之中

表格就是一種容器:表格中可以插入圖片,文字,表格中也可以插入表格

不管是加入文字圖片還是加入表格所有東西都應(yīng)該放在

      <
      容器內(nèi)

      表格中內(nèi)容的對(duì)齊方式:對(duì)齊方式有水平對(duì)齊方式 align 分為居中對(duì)齊(center,居右(right)居左(left)默認(rèn)為居左對(duì)齊;垂直對(duì)齊方式:valign 居頂對(duì)齊(top),居中(middle)居下(bottom,默認(rèn)為居中對(duì)齊

      給表格加背景顏色和背景圖片

      給整行加背景將bgcolor寫到tr中 給單個(gè)單元格加背景寫在td,給整個(gè)表格加背景加在table內(nèi)

        

      表格內(nèi)容與表格邊框之間的間距:Cellpadding ==”要設(shè)置的邊距大小”,單元格之間的間距:cellspacing=“要設(shè)置的單元格間距大小” ;注意:Cellpaddingcellspacing都是加在table標(biāo)簽內(nèi)的

      提交表單:

      1. 文本提交框:格式:注意:在同一個(gè)表單中name一般是唯一的,不能重復(fù),name是作為提交表單中數(shù)據(jù)的一個(gè)標(biāo)識(shí),如果重復(fù)了,那么提交的數(shù)據(jù)就會(huì)出現(xiàn)混亂:例如:你提交一個(gè)姓名和一個(gè)性別,假如兩者的name的值都為laoli,那么在后臺(tái)提交數(shù)據(jù)時(shí),分不清楚到是laoli是姓名還是性別
      2. 單選框:格式提交表時(shí)要提交到數(shù)據(jù)庫(kù)中的名稱標(biāo)識(shí)” checked>

      注意:?jiǎn)芜x選項(xiàng)可以有多個(gè),但只能選其中一個(gè),它的所有選項(xiàng)是同一組類型,那么它所有選項(xiàng)的name都是一致的!如果要某個(gè)選項(xiàng)為默認(rèn)選項(xiàng),在input標(biāo)簽后加上checked

        3.復(fù)選框:格式提交表時(shí)要提交到數(shù)據(jù)庫(kù)中的名稱標(biāo)識(shí)” checked >

      注意:復(fù)選選項(xiàng)可以有多個(gè),同時(shí)可以選擇多個(gè),它的所有選項(xiàng)是同一組類型,那么它所有選項(xiàng)的name都是一致的!如果要某個(gè)選項(xiàng)為默認(rèn)選項(xiàng),在input標(biāo)簽后加上checked

      文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

      轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/2172.html

      相關(guān)文章

      • HTML中的meta標(biāo)簽常用屬性及其作用總結(jié)

        摘要:元素父元素屬性中的變化為中新增的,用來(lái)聲明字符編碼屬性在中有很多值,在中只有可用具體用途元素出去屬性外,都是屬性或?qū)傩越Y(jié)合來(lái)使用指定名值對(duì)定義元數(shù)據(jù)屬性與屬性結(jié)合使用用來(lái)表示元數(shù)據(jù)的類型,表示當(dāng)前標(biāo)簽的具體作用屬性用來(lái)提供值。 文章同步到github 以前沒(méi)怎么太注意過(guò)meta標(biāo)簽的作用,只是簡(jiǎn)單了解一些常用屬性,現(xiàn)在結(jié)合個(gè)人了解的進(jìn)行記錄與總結(jié): 元數(shù)據(jù) 首先需要了解一下元數(shù)據(jù)(me...

        Keven 評(píng)論0 收藏0
      • Javascript學(xué)習(xí)總結(jié) - html5實(shí)現(xiàn)定位地理位置

        摘要:草案的前身名為,于年被提出,于年被接納,并成立了新的工作團(tuán)隊(duì)。的第一份正式草案已于年月日公布。年月日,萬(wàn)維網(wǎng)聯(lián)盟正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的規(guī)范已經(jīng)正式定稿。 簡(jiǎn)述 最近在苦逼學(xué)習(xí)Javascript,并且是有任務(wù)需要去完成的,因此就有一個(gè)想法要總結(jié)記錄一下自己的學(xué)習(xí)成果。這次的總結(jié)主題是html5實(shí)現(xiàn)定位地理位置的任務(wù),結(jié)合原生的Javascript實(shí)現(xiàn)此功能。 html5 什...

        Fundebug 評(píng)論0 收藏0
      • Javascript學(xué)習(xí)總結(jié) - html5實(shí)現(xiàn)定位地理位置

        摘要:草案的前身名為,于年被提出,于年被接納,并成立了新的工作團(tuán)隊(duì)。的第一份正式草案已于年月日公布。年月日,萬(wàn)維網(wǎng)聯(lián)盟正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的規(guī)范已經(jīng)正式定稿。 簡(jiǎn)述 最近在苦逼學(xué)習(xí)Javascript,并且是有任務(wù)需要去完成的,因此就有一個(gè)想法要總結(jié)記錄一下自己的學(xué)習(xí)成果。這次的總結(jié)主題是html5實(shí)現(xiàn)定位地理位置的任務(wù),結(jié)合原生的Javascript實(shí)現(xiàn)此功能。 html5 什...

        layman 評(píng)論0 收藏0
      • Javascript學(xué)習(xí)總結(jié) - html5實(shí)現(xiàn)定位地理位置

        摘要:草案的前身名為,于年被提出,于年被接納,并成立了新的工作團(tuán)隊(duì)。的第一份正式草案已于年月日公布。年月日,萬(wàn)維網(wǎng)聯(lián)盟正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的規(guī)范已經(jīng)正式定稿。 簡(jiǎn)述 最近在苦逼學(xué)習(xí)Javascript,并且是有任務(wù)需要去完成的,因此就有一個(gè)想法要總結(jié)記錄一下自己的學(xué)習(xí)成果。這次的總結(jié)主題是html5實(shí)現(xiàn)定位地理位置的任務(wù),結(jié)合原生的Javascript實(shí)現(xiàn)此功能。 html5 什...

        impig33 評(píng)論0 收藏0
      • Javascript學(xué)習(xí)總結(jié) - html5實(shí)現(xiàn)定位地理位置

        摘要:草案的前身名為,于年被提出,于年被接納,并成立了新的工作團(tuán)隊(duì)。的第一份正式草案已于年月日公布。年月日,萬(wàn)維網(wǎng)聯(lián)盟正式宣布凝結(jié)了大量網(wǎng)絡(luò)工作者心血的規(guī)范已經(jīng)正式定稿。 簡(jiǎn)述 最近在苦逼學(xué)習(xí)Javascript,并且是有任務(wù)需要去完成的,因此就有一個(gè)想法要總結(jié)記錄一下自己的學(xué)習(xí)成果。這次的總結(jié)主題是html5實(shí)現(xiàn)定位地理位置的任務(wù),結(jié)合原生的Javascript實(shí)現(xiàn)此功能。 html5 什...

        y1chuan 評(píng)論0 收藏0

      發(fā)表評(píng)論

      0條評(píng)論

      最新活動(dòng)
      閱讀需要支付1元查看