2018年11月26日所學內容
1.前端的三大模組:html:結構 超文字標記語言
css:樣式 樣式疊層表
js(javascipt):行為 指令碼語言
2.<DOCTOPE HTML>: 宣告文件型別 doc=document 文件 tope 型別 是單標籤
作用:瀏覽器開啟時告訴瀏覽器這是一個什麼檔案
3. <html> 是雙標籤 根標籤
<head> 頭標籤 是雙標籤
<meat charset=“utf-8”> meat 設定標籤 charset 設定編碼 utf-8 中文 單標籤
<title> 雙標籤 標題
<body> 身體標籤 (內容) 雙標籤
4.標籤的三大分類
塊級標籤:預設佔整行,可設定寬和高,div
行內塊標籤:不預設佔整行,寬和高由內容決定,可設定寬和高,img botton
行內標籤:不預設佔整行,不可設定寬和高 b spen
5.css樣式引入
1>.行內樣式:就是把樣式屬性寫到標籤裡面
2>.內部樣式: head標籤裡面引入style標籤
3>.外部引入:link rel=“stylesheet” href 引入css路徑
6. class:不具有唯一性 (命名屬性)
id:具有唯一性 (命名屬性)
7.src:img引入圖片
url:引入背景圖
8. 屬性:分為直接屬性、間接屬性
width:寬度
height:高度
backgroung-color:背景顏色 back 返回;背部 也可寫background
color 字型顏色
display 轉換元素形態 block 塊
inline-block 行內塊元素
inline 行內元素
none 隱藏
都可轉換元素
html的基本結構
<!DOCTYPE HTML> 瀏覽器開啟時告訴瀏覽器這是一個什麼檔案
<html> 根標籤 雙標籤
<head> 頭部標籤 雙標籤
<meat charset="utf-8"/> 設定讀取中文
<title></title> 標題標籤 雙標籤
</head>
<body> 身體標籤 雙標籤
</body>
</html>