15-16日作業(yè)

問答作業(yè)

1.分別說出什么是HTML,XHTML,HTML5
HTML:超文本標(biāo)記語言
XHTML:可擴(kuò)展超文本標(biāo)記語言
HTML5:HTML的第五次重大修改版本

2.HTML語法:
<html></html> <head></head> <body></body> <div></div>等

3.HTML中的注釋和CSS中的注釋:
HTML:
CSS:

4.CSS中的引入方式有哪些?說出他們的區(qū)別和語法
CSS引入方式:1.引入外部樣式表 2.編寫內(nèi)部樣式表3.行間樣式

語法:1.<link rel="stylesheet" href="123.css" />
2.<div id="div1"> </div> <style></style>
3.<div style="width=100px;height=100px"></div>

區(qū)別:第一種是從外部引用,在工作時(shí)有益于分工合作。
第二種是寫在內(nèi)部,更利于修改和觀察。
第三種寫在行間,有時(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)語言主要包括XHTML和XML,表現(xiàn)標(biāo)準(zhǔn)語言主要包括CSS,行為標(biāo)準(zhǔn)主要包括對象模型(如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.常見的瀏覽器都有哪幾種?五大瀏覽器內(nèi)核分別是什么
IE,谷歌,火狐,蘋果
一、Trident內(nèi)核代表產(chǎn)品Internet Explorer,又稱其為IE內(nèi)核。Trident(又稱為MSHTML),是微軟開發(fā)的一種排版引擎。使用Trident渲染引擎的瀏覽器包括:IE、傲游、世界之窗瀏覽器、Avant、騰訊TT、Netscape 8、NetCaptor、Sleipnir、GOSURF、GreenBrowser和KKman等。
二、Gecko內(nèi)核代表作品Mozilla FirefoxGecko是一套開放源代碼的、以C++編寫的網(wǎng)頁排版引擎。Gecko是最流行的排版引擎之一,僅次于Trident。使用它的最著名瀏覽器有Firefox、Netscape6至9。
三、WebKit內(nèi)核代表作品Safari、Chromewebkit 是一個(gè)開源項(xiàng)目,包含了來自KDE項(xiàng)目和蘋果公司的一些組件,主要用于Mac OS系統(tǒng),它的特點(diǎn)在于源碼結(jié)構(gòu)清晰、渲染速度極快。缺點(diǎn)是對網(wǎng)頁代碼的兼容性不高,導(dǎo)致一些編寫不標(biāo)準(zhǔn)的網(wǎng)頁無法正常顯示。主要代表作品有Safari和Google的瀏覽器Chrome。
四、Presto內(nèi)核代表作品OperaPresto是由Opera Software開發(fā)的瀏覽器排版引擎,供Opera 7.0及以上使用。它取代了舊版Opera 4至6版本使用的Elektra排版引擎,包括加入動態(tài)功能,例如網(wǎng)頁或其部分可隨著DOM及Script語法的事件而重新排版。

編程作業(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)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容