問(wèn)答作業(yè)
1.分別說(shuō)出什么是HTML,XHTML,HTML5
HTML:超文本標(biāo)記語(yǔ)言
XHTML:可擴(kuò)展超文本標(biāo)記語(yǔ)言
HTML5:HTML的第五次重大修改版本
2.HTML語(yǔ)法:
<html></html> <head></head> <body></body> <div></div>等
3.HTML中的注釋和CSS中的注釋?zhuān)?br>
HTML:
CSS:
4.CSS中的引入方式有哪些牢撼?說(shuō)出他們的區(qū)別和語(yǔ)法
CSS引入方式:1.引入外部樣式表 2.編寫(xiě)內(nèi)部樣式表3.行間樣式
語(yǔ)法:1.<link rel="stylesheet" href="123.css" />
2.<div id="div1"> </div> <style></style>
3.<div style="width=100px;height=100px"></div>
區(qū)別:第一種是從外部引用匙隔,在工作時(shí)有益于分工合作。
第二種是寫(xiě)在內(nèi)部熏版,更利于修改和觀察纷责。
第三種寫(xiě)在行間,有時(shí)候修改比較麻煩撼短。
5.背景圖片有哪些子屬性:1.color 顏色 2.image 鏈接圖片 3.repeat 是否平鋪 4.position 定位 5.width,height 寬和高
6.Border有哪些子屬性 其中border-style的屬性值有哪些
Border子屬性:寬度再膳,樣式,顏色
border-style屬性值:邊框各種樣式
7.什么是CSS
CSS:層疊樣式表
8.你知道的CSS屬性有哪些
<div></div> <style></style> <link rel="stylesheet" href="123.css"/>
9.什么是W3C標(biāo)準(zhǔn)
結(jié)構(gòu)化標(biāo)準(zhǔn)語(yǔ)言主要包括XHTML和XML曲横,表現(xiàn)標(biāo)準(zhǔn)語(yǔ)言主要包括CSS喂柒,行為標(biāo)準(zhǔn)主要包括對(duì)象模型(如W3C DOM)、ECMAScript等禾嫉。這些標(biāo)準(zhǔn)大部分由W3C起草和發(fā)布灾杰,也有一些是其他標(biāo)準(zhǔn)組織制訂的標(biāo)準(zhǔn),比如ECMA(European Computer Manufacturers Association)的ECMAScript標(biāo)準(zhǔn)熙参。
10.常見(jiàn)的瀏覽器都有哪幾種艳吠?五大瀏覽器內(nèi)核分別是什么
IE,谷歌孽椰,火狐昭娩,蘋(píng)果
一、Trident內(nèi)核代表產(chǎn)品Internet Explorer黍匾,又稱(chēng)其為IE內(nèi)核栏渺。Trident(又稱(chēng)為MSHTML),是微軟開(kāi)發(fā)的一種排版引擎锐涯。使用Trident渲染引擎的瀏覽器包括:IE磕诊、傲游、世界之窗瀏覽器、Avant霎终、騰訊TT融痛、Netscape 8、NetCaptor神僵、Sleipnir雁刷、GOSURF、GreenBrowser和KKman等保礼。
二沛励、Gecko內(nèi)核代表作品Mozilla FirefoxGecko是一套開(kāi)放源代碼的、以C++編寫(xiě)的網(wǎng)頁(yè)排版引擎炮障。Gecko是最流行的排版引擎之一目派,僅次于Trident。使用它的最著名瀏覽器有Firefox胁赢、Netscape6至9企蹭。
三、WebKit內(nèi)核代表作品Safari智末、Chromewebkit 是一個(gè)開(kāi)源項(xiàng)目谅摄,包含了來(lái)自KDE項(xiàng)目和蘋(píng)果公司的一些組件,主要用于Mac OS系統(tǒng)系馆,它的特點(diǎn)在于源碼結(jié)構(gòu)清晰送漠、渲染速度極快。缺點(diǎn)是對(duì)網(wǎng)頁(yè)代碼的兼容性不高由蘑,導(dǎo)致一些編寫(xiě)不標(biāo)準(zhǔn)的網(wǎng)頁(yè)無(wú)法正常顯示闽寡。主要代表作品有Safari和Google的瀏覽器Chrome。
四尼酿、Presto內(nèi)核代表作品OperaPresto是由Opera Software開(kāi)發(fā)的瀏覽器排版引擎爷狈,供Opera 7.0及以上使用。它取代了舊版Opera 4至6版本使用的Elektra排版引擎裳擎,包括加入動(dòng)態(tài)功能涎永,例如網(wǎng)頁(yè)或其部分可隨著DOM及Script語(yǔ)法的事件而重新排版。
編程作業(yè)
代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>baidu</title>
<style>
#kuangjia{
width:134px; /* 框架 */
height:1015px;
}
#mingzi{
width:134px; /* 圖片的寬 */
height:79px; /* 圖片的高 */
background:url(file:///C|/Users/aaa/Desktop/web/chanqing.gif) no-repeat /* 圖片背景 */
15px 19px;
}
#ear{
width:134px;
height:152px;
border-top:2px solid #f0f0f0;
background:url(file:///C|/Users/aaa/Desktop/web/ear.gif) no-repeat 27px 41px;
}
#picture{
width:134px;
height:152px;
border-top:2px solid #f0f0f0;
background:url(file:///C|/Users/aaa/Desktop/web/tu.gif) no-repeat 36px 27px;
}
#question{
width:134px;
height:152px;
border-top:2px solid #f0f0f0;
background:url(file:///C|/Users/aaa/Desktop/web/wen.gif) no-repeat
31px 9px;
}
#txt{
width:134px;
height:152px;
border-top:2px solid #f0f0f0;
background:url(file:///C|/Users/aaa/Desktop/web/txt.gif) no-repeat
36px 20px;}
#data{
width:134px;
height:152px;
border-top:2px solid #f0f0f0;
background:url(file:///C|/Users/aaa/Desktop/web/biao.gif) no-repeat
31px 25px;}
#earth{
width:134px;
height:152px;
border-top:2px solid #f0f0f0;
background:url(file:///C|/Users/aaa/Desktop/web/qiu.gif) no-repeat
34px 23px;
}
#kong{
width:134px;
height:10px;
border-top:2px solid #f0f0f0;}
</style>
</head>
<body>
<div id="kuangjia">
<div id="mingzi"> </div>
<div id="ear"> </div>
<div id="picture"> </div>
<div id="question"> </div>
<div id="txt"> </div>
<div id="data"> </div>
<div id="earth"> </div>
<div id="kong"> </div>
</div>
</body> ```
</html>
實(shí)現(xiàn)結(jié)果
![2E{(4U$G6X`T0DX%0XZMX$X.png](http://upload-images.jianshu.io/upload_images/4363689-7d1317753c3a3d07.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)