網頁結構+盒模型

時間 2019-11-18

標籤網頁結構模型欄目 HTML 简体版

原文原文鏈接

HTML是個什麼鬼？css

前端開發人員要想和瀏覽器溝通，就要用到瀏覽器纔可以識別的語言（HTML超文本標記語言），因此他是一門瀏覽器可以識別的語言。是一種由標籤組成的超文本標記語言，而非編程語言。一個html文檔就是一個網頁。html

什麼是html標籤呢？前端

HTML標記標籤一般被稱爲HEML標籤，他是由尖括號組成的關鍵詞如<html>。通常狀況下標籤是成對出現的，第一個開始，第二個結束，好比<html></html>。標籤必須閉合，單標籤加「/」閉合；編程

Html文檔 = 網頁？瀏覽器

答案是確定的，html文檔用來描述網頁，文檔中包含html標籤。可是在瀏覽器中是不會顯示html標籤的，而是用標籤來解釋頁面的內容。編程語言

網頁主題的解讀spa

<!doctype html> <!--定義文檔的類型爲html-->

<html> <!--定義html文檔-->

　　<head>

　　　　<title></title> <!--定義文檔的標題-->

　　</head>

　　<body> <--!定義文檔的主題-->　

　　</body>

</html>

什麼是CSS樣式？code

Cascading style sheets:層疊樣式表，其語法由兩部分組成，選擇器 + 一條及多條聲明。htm

例如 blog

div { width:100px; height:200px; background-color:green;}

div就是選擇器 width:100px就是聲明 width是屬性 100px是值

行內樣式與內部樣式

<div style="width:100px;height:100px;background:red;">這是行內樣式</div>
#寫在單個標籤裏

!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
<style type="text/css">
div{width:100px;height:100px;background:red;}
#內部樣式，他是寫在style標籤裏面的，能夠寫多條。
</style>
<div></div> 
</body>
</html>