懂色av懂色av粉嫩av_精品人妻伦九区久久aaa片_中文字幕在线有码_免费a在线观看播放_欧美自拍偷拍网_国产黑丝一区二区_国内精品免费视频_日韩免费成人av_国产97免费视频_日本一卡二卡在线

在線咨詢
QQ咨詢
服務熱線

020-85201717

13725302004

業(yè)務微信

微信開發(fā)

TOP

HTML基本結(jié)構(gòu)和HTML基本語法

發(fā)布時間:2021-01-29 瀏覽:

HTML的基本語法


1、<常規(guī)標記><標記 屬性=“屬性值” 屬性=“屬性值”></標記>


標記也可叫標簽或叫元素例如:<head></head>


2.空標記<標記 屬性=“屬性值” />例如:<meta charset=”utf-8”>


說明:1.寫在<>中的第一個單詞叫做標記,標簽,元素。2.標記和屬性用空格隔開,屬性和屬性值用等號連接,屬性值必須放在“”號內(nèi)。3.一個標記可以沒有屬性也可以有多個屬性,屬性和屬性之間不分先后順序。4.空標記沒有結(jié)束標簽,用“/”代替。


五、HTML常用標記


1、文本標題(h1-h6)


<h1>LOGO</h1> <h2>二級標題</h2> <h3>三級標題H3</h3> <h4>四級標題H4</h4> <h5>五級標題</h5><h6>六級標題</h6>


注:文本標題標簽自帶加粗,有自己的文本大小,并且獨占一行,有默認間距


2、段落文本(p)


<p>段落文本內(nèi)容</p>標識一個段落(段落與段落之間有段間距)


3、空格


所占位置沒有一個確定的值,這與當前字體字號都有關(guān)系.


4、換行(br)


<br />換行是一個空標記(強制換行)


5、水平線


<hr />空標記


6、加粗有兩個標記


A、<b>加粗內(nèi)容</b>只是顯示加粗B、<strong>強調(diào)的內(nèi)容</strong>突出的文本


7、傾斜


<em>強調(diào)文本</em>


<i>傾斜文本</i>


8、 擴展


<u>文本</u>下劃線


<del>文本</del>刪除線


<s>文本</s>刪除線


<sub></sub>下標


<sup></sup>上標


9、列表(ul,ol,dl)


HTML中有三種列表分別是:無序列表,有序列表,自定義列表


*無序列表無序列表組成:<ul>(unordered list)<li></li><li></li>......</ul>


*有序列表有序列表組成:<ol>(ordered list)<li></li><li></li>......</ol>


*自定義列表<dl>(definition list)<dt>名詞</dt><dd>解釋</dd>(definition deion)......</dl>


知識擴展2----有序列表的屬性


1)、type:規(guī)定列表中的列表項目的項目符號的類型語法:<ol type="a"></ol>1 數(shù)字順序的有序列表(默認值)(1, 2, 3, 4)。a 字母順序的有序列表,小寫(a, b, c, d)。A 字母順序的有序列表,大寫(A,B,C,D)i 羅馬數(shù)字,小寫(i, ii, iii, iv)。I 羅馬數(shù)字,大寫(I, ii, iii, iv)。2)、start 屬性規(guī)定有序列表的開始點。語法:<ol start="5"></ol>


10、插入圖片


<img src="目標文件路徑及全稱" alt="圖片替換文本" title="圖片標題" width="寬度" height="高度"/>注:所要插入的圖片必須放在站點下title的作用:圖片的標題; 在你鼠標懸停在該圖片上時顯示一個小提示,鼠標離開就沒有了,HTML的絕大多數(shù)標簽都支持title屬性,title屬性就是專門做提示信息的alt的作用:提示文本 必寫;alt屬性是在你的圖片因為某種原因不能加載時在頁面顯示的提示信息,它會直接輸出在原本加載圖片的地方。(優(yōu)化圖片的)


*相對路徑的寫法:1)當當前文件與目標文件在同一目錄下,直接書寫目標文件文件名+擴展名;<img src=”q12.jpg”/>2)當當前文件與目標文件所處的文件夾在同一目錄下,寫法如下:文件夾名/目標文件全稱+擴展名;<img src=”images/q12.jpg”/>3)當當前文件所處的文件夾和目標文件所處的文件夾在同一目錄下,寫法如下:../目標文件所處文件夾名/目標文件文件名+擴展名;<img src=”../images/q12.jpg”/>


11、超鏈接的應用


語法:<a href="目標文件路徑及全稱/連接地址" title="提示文本">鏈接文本/圖片</a><a href="#"></a>空鏈接屬性:target:頁面打開方式,默認屬性值_self。屬性值:_blank 新窗口打開<a href="#" target="_blank">新頁面打開</a>


12、數(shù)據(jù)表格的作用及組成


作用:顯示數(shù)據(jù)


表格組成<table width="value" height="value" border="value"> <tr> <td></td> <td></td> </tr></table>


注:一個tr表示一行;一個td表示一列(一個單元格)


<th></th>表格的列標題*數(shù)據(jù)表格的相關(guān)屬性1)width="表格的寬度"2)height="表格的高度"3)border="表格的邊框"4)bgcolor="表格的背景色"5)bordercolor="表格的邊框顏色"6)cellspacing="單元格與單元格之間的間距"7)cellpadding="單元格與內(nèi)容之間的空隙"8)水平對齊方式:align="left左對齊/center居中/right右對齊";


9) 垂直對齊方式 :valign="top頂對齊/middle居中/bottom底對齊/baseline(基線);10)合并單元格屬性:colspan=“所要合并的單元格的列數(shù)"合并列;


rowspan=“所要合并單元格的行數(shù)”合并行;


13、表單的作用及組成


表單的作用:用來收集用戶的信息的;


表單組成:表單框(表單域form)


提示信息


表單控件/表單元素


1)、表單框


<form name="表單名稱(英文字母開頭的)" method(提交方式)="post/get" action="表單提交的地址"></form>


2)文本框


<input type="text" value="默認值" placeholder="提示文本" />


3)密碼框


<input type="password" placeholder="密碼"/>


4)提交按鈕


<input type="submit" value="按鈕內(nèi)容" />


<input type="reset" value="按鈕內(nèi)容"/>重置按鈕


5)單選框/單選按鈕


<input type="radio" name="ral" value="radiovalue"/><input type="radio" name="ral" checked="checked" />單選按鈕里的name屬性必須寫,同一組單選按鈕的name屬性值必須一樣。


6)復選框


<input type="checkbox" name="like" value="checkboxvalue" />


復選按鈕里的name屬性必須寫,同一組復選按鈕的name屬性值必須一樣。


checked="checked"表示默認被選中,可簡寫成checked


disabled="disabled"表示禁用,可簡寫成disabled


enabled:可用狀態(tài)


7)下拉菜單


<select name=""><option name="" value="表單被提交時被發(fā)送到服務器的值">菜單內(nèi)容</option></select>


8)多行文本框(文本域)


<textarea name="textareal" cols="字符寬度" rows="行數(shù)"></textarea>


9)跳轉(zhuǎn)按鈕


<input name="'" type="button" value=“按鈕內(nèi)容” /><button></button>


button和submit的區(qū)別是:


submit是提交按鈕起到提交信息的作用,type類型是button只起到跳轉(zhuǎn)的作用,不進行提交。


提示信息標簽(作用:將提示信息及相應的表單控件進行關(guān)聯(lián))


<label for="user">提示信息</label>


<input type="text" id="user"/>


擴展知識點3:對于不同的輸入類型,value 屬性的用法的意義


value 屬性為 input 元素設定值。對于不同的輸入類型,value 屬性的用法也不同:type="button", "reset", "submit" - 定義按鈕上的顯示的文本type="text", "password" - 定義輸入字段的初始值type="checkbox", "radio" - 定義與輸入相關(guān)聯(lián)的值注釋:<input type="checkbox"> 和 <input type="radio"> 中必須設置 value 他name屬性。


擴展知識點4:


<form name="表單名稱" method="post/get" action=""></form>


Form中的獲取數(shù)據(jù)的兩個方式get和post的區(qū)別?


1. get是從服務器上獲取數(shù)據(jù),post是向服務器傳送數(shù)據(jù)。2. get是把參數(shù)數(shù)據(jù)隊列加到提交表單的ACTION屬性所指的URL中,值和表單內(nèi)各個字段一一對應,在URL中可以看到。post是通過HTTP post機制,將表單內(nèi)各個字段與其內(nèi)容放置在HTML HEADER內(nèi)一起傳送到ACTION屬性所指的URL地址。用戶看不到這個過程。3. 對于get方式,服務器端用Request.QueryString獲取變量的值,對于post方式,服務器端用Request.Form獲取提交的數(shù)據(jù)。4. get傳送的數(shù)據(jù)量較小,不能大于2KB。post傳送的數(shù)據(jù)量較大,一般被默認為不受限制。5. get安全性非常低,post安全性較高。但是執(zhí)行效率卻比Post方法好。建議:1、get方式的安全性較Post方式要差些,包含機密信息的話,建議用Post數(shù)據(jù)提交方式;


2、在做數(shù)據(jù)查詢時,建議用Get方式;而在做數(shù)據(jù)添加、修改或刪除時,建議用Post方式;


14、div和span的用法


<div ></div>


沒有具體含義, 除了獨占一行之外沒有任何其它的默認屬性,是頁面布局中常用的標簽;


<span> </span>文本結(jié)點標簽可以是某一小段文本,或是某一個字。 它除了不換行外,沒有任何其它的默認屬性; 


懂色av懂色av粉嫩av_精品人妻伦九区久久aaa片_中文字幕在线有码_免费a在线观看播放_欧美自拍偷拍网_国产黑丝一区二区_国内精品免费视频_日韩免费成人av_国产97免费视频_日本一卡二卡在线
性色av蜜臀av色欲av| 91色porny在线视频| 国产69精品久久777的优势| 美国黄色一级视频| 中文字幕欧美激情极品| 欧美精品在线一区二区| 国产精品久久久久影院亚瑟 | 中文字幕中文字幕一区二区| 秋霞午夜av一区二区三区| 国产精品一区三区| 国产毛片毛片毛片毛片毛片毛片| 在线免费亚洲电影| 亚洲欧美在线视频| 国产精品77777| 亚洲图片第一页| 欧美大黄免费观看| 丝袜美腿高跟呻吟高潮一区| 91偷拍与自偷拍精品| 日本少妇高清视频| 中文字幕欧美激情| 国产福利一区二区三区在线视频| 手机免费看av| 欧美va日韩va| 麻豆国产精品777777在线| 成年人的黄色片| 欧美高清视频不卡网| 亚洲国产精品一区二区久久| 国产精品熟女一区二区不卡| 在线亚洲免费视频| 亚洲欧美日韩在线播放| av一区二区不卡| 国产女人被狂躁到高潮小说| 国产精品国产自产拍高清av王其 | 久久av老司机精品网站导航| 美女又爽又黄视频毛茸茸| 欧美一区二区在线不卡| 亚洲成人资源在线| 在线视频 日韩| 日韩午夜激情av| 日韩电影一区二区三区四区| 久久久精品人妻无码专区| 日韩欧美国产系列| 久久精品国产久精国产爱| xxxx日本黄色| 国产亚洲综合av| 国产传媒一区在线| 成人羞羞国产免费图片| 亚洲精品国产a| 女教师高潮黄又色视频| 欧美精品在线一区二区| 免费国产亚洲视频| 国产伦精品一区二区三区视频女| 国产午夜精品一区二区| 高清日韩电视剧大全免费| 一本色道**综合亚洲精品蜜桃冫| 亚洲免费观看在线观看| 日本精品一二三区| 日韩欧美一区二区免费| 激情都市一区二区| 亚洲激情图片网| 自拍视频在线观看一区二区| 91蜜桃视频在线| 欧美一区二视频| 精品一二三四区| 国产av 一区二区三区| 一区二区三区视频在线观看| 日本黄色录像片| 久久久蜜桃精品| 国产a视频精品免费观看| 91久久精品午夜一区二区| 亚洲成人手机在线| www亚洲色图| 自拍av一区二区三区| 中国极品少妇xxxx| 久久久99精品免费观看不卡| 不卡区在线中文字幕| 制服丝袜日韩国产| 欧美在线免费视屏| 免费观看30秒视频久久| www.毛片com| 日韩专区中文字幕一区二区| 日本一二三不卡视频| 亚洲美女偷拍久久| 中文字幕被公侵犯的漂亮人妻| 国产精品天天摸av网| 激情综合激情五月| 国产女主播一区| 亚洲熟妇一区二区| 久久综合久久久久88| 99re6这里只有精品视频在线观看| 日韩欧美在线综合网| 成人黄色电影在线 | 精品一区二区三区免费视频| 精品一区在线观看视频| 蜜桃视频一区二区三区| 在线观看中文字幕不卡| 另类的小说在线视频另类成人小视频在线 | 色香蕉久久蜜桃| 视频一区视频二区中文| 国产大学生自拍| 日本v片在线高清不卡在线观看| 国产大片免费看| 免费成人av在线播放| 91激情五月电影| 加勒比av一区二区| 欧美日韩高清不卡| 成人网男人的天堂| www成人在线观看| 蜜桃视频无码区在线观看| 久久精品一区二区三区av| 久久久午夜精品福利内容| 国产精品国产精品国产专区不片| 国产伦精品一区二区三区妓女| 亚洲人成精品久久久久| 超碰人人干人人| 青青草97国产精品免费观看 | 日韩成人黄色片| 久久精品久久久精品美女| 欧美日韩精品福利| 成人午夜短视频| 久久综合久久99| 欧美 变态 另类 人妖| 一区二区三区在线免费观看 | 亚洲黄色小说视频| 亚洲资源中文字幕| 免费看特级毛片| 蜜桃视频第一区免费观看| 欧美年轻男男videosbes| 成人aa视频在线观看| 国产日韩欧美麻豆| 人妻少妇无码精品视频区| 日韩精品免费视频人成| 欧美二区在线观看| 91蜜桃在线免费视频| 亚洲欧美偷拍三级| 91porn在线视频| 国产99久久久国产精品| 久久精品一区四区| 欧美精品日韩在线| 韩国毛片一区二区三区| 欧美精品一区二区在线观看| av网站有哪些| 日本欧美大码aⅴ在线播放| 欧美性猛交xxxxxx富婆| 91影院在线免费观看| 亚洲三级电影网站| 色先锋aa成人| 91首页免费视频| 亚洲欧美激情在线| 欧洲人成人精品| 四虎国产精品永久免费观看视频| 亚洲精品视频一区| 欧美在线免费观看亚洲| 久久发布国产伦子伦精品| 一区二区欧美在线观看| 欧美三级韩国三级日本一级| 免费黄视频在线观看| 亚洲国产精品综合小说图片区| 欧美日韩aaa| www.日本高清| 美国欧美日韩国产在线播放| 精品国产亚洲一区二区三区在线观看| 欧美色图亚洲激情| 国产在线精品一区二区三区不卡 | 欧美a级片免费看| 国产激情精品久久久第一区二区 | 国模大尺度视频| 亚洲国产日韩综合久久精品| 欧美久久免费观看| 右手影院亚洲欧美| 国产精品一区久久久久| 国产精品对白交换视频 | 亚洲成人免费观看| 91精品国产91久久综合桃花 | 蜜臀av性久久久久蜜臀aⅴ| 欧美在线|欧美| 国产毛片毛片毛片毛片毛片毛片| 免费在线视频一区| 国产丝袜在线精品| 色偷偷成人一区二区三区91| 成人啪啪18免费游戏链接| 强制捆绑调教一区二区| 久久亚洲精精品中文字幕早川悠里 | 国产精品拍天天在线| 色综合久久综合网欧美综合网| 潘金莲一级淫片aaaaa| 奇米色一区二区三区四区| 久久久99精品免费观看不卡| 一本到一区二区三区| 亚洲成av人片在线观看无| 精品一区二区免费| 亚洲欧美aⅴ...| 日韩午夜激情电影| 亚洲xxxx3d动漫| 亚洲高清无码久久| 国产一区高清在线| 一级精品视频在线观看宜春院| 日韩精品一区二区在线观看| 老湿机69福利| 中文字幕 亚洲一区|