Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
Web標(biāo)準(zhǔn)構(gòu)成
主要包括:結(jié)構(gòu)、表現(xiàn)和行為三個方面
<!DOCTYPE>文檔類型聲明,作用就是告訴瀏覽器使用哪種HTML版本來顯示網(wǎng)頁;
lang用來定義當(dāng)前文檔顯示的語言;
字符集(cahracter set)是多個字符的集合,以便計算機能夠識別和存儲各種文字;
charset常用的值有:GB2312,BIG5,GBK和UTF-8,其中UTF-8也被稱為萬國碼,基本包含了全世界所有國家需要用到的字符集。
HTML常用標(biāo)簽
標(biāo)題標(biāo)簽:<h1></h1>,<h2></h2>,<h3></h3>,<h4></h4>,<h5></h5>,<h6></h6>(字體大小依次來變小)
段落標(biāo)簽:<p></p>
換行標(biāo)簽:<br/>
加粗標(biāo)簽:<strong></strong>或<b></b>(推薦使用strong標(biāo)簽,因為atrong效果更好)
傾斜標(biāo)簽:<em></em>;<i></i>(推薦使用em標(biāo)簽,因為em效果更好)
刪除線標(biāo)簽: <del></del>或<s></s>(推薦使用del標(biāo)簽,因為del效果更好)
下劃線標(biāo)簽:<ins></ins>或<u></u>(推薦使用ins標(biāo)簽,因為ins效果更好)
div和span標(biāo)簽:是一個盒子,用來裝內(nèi)容,div是塊級標(biāo)簽,span是行內(nèi)標(biāo)簽
圖像標(biāo)簽:<img src="圖像 URL"/>
水平線標(biāo)記:<hr/>
圖像路徑
相對路徑:以引用文件所在位置為參考基礎(chǔ),而建立出的目錄路徑
絕對路徑:是指目錄下的絕對位置,直接到達目標(biāo)位置,通常是從盤符開始的路徑
超鏈接標(biāo)簽:<a href="跳轉(zhuǎn)地址" target="目標(biāo)窗口的彈出方式"> </a>作用從一個頁面跳轉(zhuǎn)到另外一個頁面
描點連接:配合id選擇器使用
注釋:<!-- --!>
/**/
//
特殊字符: (空格)等
表格標(biāo)簽:<table></table> 作用于展示數(shù)據(jù)
<th></th>----表頭單元格
<tr></tr> ----行
<td></td>----單元格,列
row="行數(shù)" cols="每行的字?jǐn)?shù)"
<thead></thead>標(biāo)簽用于表格的頭部區(qū)域;<tbody></tbody>標(biāo)簽用于表格的主題區(qū)域
無序列表:<ul><li></li></ul>
有序列表:<ol><li></li></ol>
自定義列表:<dl><dt><dd></dd></dt></dl>-----------dt是用于標(biāo)題,dd是內(nèi)容
表單的組成:
在HTML中,表單通常由表單域、表單控件和表單信息
from用于定義表單域,以實現(xiàn)用戶信息的收集和傳遞
表單域標(biāo)簽:<from action="url地址" method="提交方式" name="表單域名稱"></form>
<input type="屬性值"/>
其中name屬性是表單的名字,相同的名字可以實現(xiàn)多選一
<lable>標(biāo)簽:用于綁定一個表單元素,當(dāng)點擊《lable》標(biāo)簽內(nèi)的文本時,瀏覽器就會自動將焦點(光標(biāo))轉(zhuǎn)到或者選擇對應(yīng)的表單元素上,用來增加用戶體驗
<select>表單元素:下拉表單元素,
<select>
<option></option>
</select>
select中至少包含一對option
textarea表單元素:<textarea></textarea>-----文本域標(biāo)簽
做登錄界面可以用表格來做,能直接對齊
后續(xù)會更新后面的知識
TML是誰發(fā)明的?
1.HTML的全稱是什么?
超文本標(biāo)記語言(Hyper Text Markup Language),是一種用于創(chuàng)建網(wǎng)頁的標(biāo)準(zhǔn)標(biāo)記語言。
2.誰發(fā)明的?
是由Tim Berners-Lee發(fā)明的。
HTML 起手應(yīng)該寫什么?
<!DOCTYPE html>
<!--文檔類型為html 此行必須為第一行 前面空一行也會報錯-->
<html lang="en">
<!--html標(biāo)簽 en是英語 zh-CN是中文-->
<head>
<meta charset="UTF-8">
<!--文件的字符編碼-->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--content里的內(nèi)容代表禁止縮放,兼容手機-->
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<!--content里的內(nèi)容表示讓ie使用最新的內(nèi)容-->
<title>Document</title>
</head>
常用的表章節(jié)的標(biāo)簽有哪些,分別是什么意思?
全局屬性有哪些?
常用的內(nèi)容標(biāo)簽有哪些,分別是什么意思?
TML基本結(jié)構(gòu)
HTML基本結(jié)構(gòu)
網(wǎng)頁:由HTML(HyperText Markup Language)超文本標(biāo)記語言所組成。文件后綴一般為.htm或.html
靜態(tài)網(wǎng)頁:由html、js、css等組成,不具備交互性。后綴一般為.htm或.html
動態(tài)網(wǎng)頁:在html中加入asp/asp.net/jsp/php等技術(shù),使網(wǎng)頁有交互性,后綴一般為.asp/.aspx/.jsp/.php
網(wǎng)站:由一個或若干個網(wǎng)頁、圖片、音頻、視頻、動畫、文件夾等組成的一個集合(文件夾)。
網(wǎng)站中的所有文件和文件夾均不能使用漢字命名。
首頁:也叫主頁/homepage,即打開網(wǎng)站時默認(rèn)顯示的第一個網(wǎng)頁(http://www.XX.com,https://www.XX.cn),首頁名稱一般為index.html或default.html
標(biāo)題標(biāo)簽:h1……h(huán)6,h1最大,h6最小
<h1>文字</h1>
……
<h6>文字</h6>
HTML注意事項:
1、html中的標(biāo)點符號必須是英文輸入法中的標(biāo)點符號
2、HTML標(biāo)簽不區(qū)分大小寫,但一般習(xí)慣小寫;Html不區(qū)分空格、空行,html標(biāo)簽和屬性、屬性和屬性之間用一個空格隔開,如<p align=”center” style=”color:red;”>;屬性值一般放置在單引號或雙引號中。
3、html標(biāo)簽必須放置在尖括號<>中
4、html標(biāo)簽一般是成對出現(xiàn)(雙標(biāo)簽),結(jié)束標(biāo)簽在開始標(biāo)簽的基礎(chǔ)上添加/,如<h1>……</h1>、<p>……</p>
如果是單標(biāo)簽則在右尖括號前加/,如<br />、<hr />、<img />
5、Html標(biāo)簽是包含關(guān)系,不要交叉書寫。如<p><b><i>文字</i></b></p>,不要書寫為<p><b><i>文字</p></b></i>
段落:<p>……</p>
分行:<br />
網(wǎng)頁中支持的圖像格式:jpg、gif、png、bmp,其中支持背景透明的有g(shù)if和png,支持動畫的有:gif
圖像:img
<img src="./pic/guoqing.jpg" width="562" height="424" />
Src:圖像的地址。 ./當(dāng)前目錄下 ../向上退一級目錄 ../../向上退二級目錄 /根目錄
Width:寬度
Height:高度
*請認(rèn)真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。