pythonweb HTML入門
概述
-
HTML/CSS/JS
C/S和B/S架構
-
C/S架構
-
client：客戶端
-
server：服務器
-
-
B/S架構
-
browser：瀏覽器
-
server：服務器
-
工具
-
編輯工具：notepad++
-
測試工具：chrome
原理
-
瀏覽器 => 服務器，發送請求，索要相關數據
-
服務器 => 瀏覽器，返回數據(響應)，然後瀏覽器解析收到的數據，就會出現相應的效果
-
組成：HTML、CSS、JS
HTML
-
說明：超文本標記語言，所見即所得
-
後綴：.html或.htm，統一使用.html
標簽
-
格式：
-
雙邊：
<標簽名 屬性1="值1" 屬性2=‘值2‘ 屬性3=值3>內容</標簽名> -
單邊：
<標簽名 屬性1="值1" 屬性2=‘值2‘ 屬性3=值3 />
-
-
特點：
-
成對出現
-
容錯性強
-
已經預定義
-
全部小寫，註意格式
-
-
說明：標簽就是HTML的組成部分
全局架構標簽
-
示例：
<html>
<!-- 註釋 -->
<head></head>
<body></body>
</html> -
說明：
-
html：所有的內容都要放在該標簽中
-
head：存放頭部，如：編碼等
-
body：有效的內容，會出現在網頁中
-
-
body屬性:
-
text：字體顏色
-
bgcolor：背景色
-
-
幾乎每個標簽都有的屬性：
-
class、name、id、style
-
可以在後面結合css及js使用
-
字符實體
-
說明：在html中顯示有特殊意義的內容，如：標簽相關內容
-
字符實體：用特定的一串字符代表某一個有特殊意義的字符
-
示例：
<： <
>: >
空格:
&： &； -
參考：http://www.w3school.com.cn
常用標簽(文本修飾)
-
h1 ~ h6：字體從大到小，表示標題，h1一個頁面中最多一個，不要為了調整字體大小而使用。
-
加粗：b、strong
-
斜體：i、cite、em
-
下劃線：u
-
中劃線：s
-
下標：sub
-
上標：sup
-
字體：font
-
size：大小
-
color：顏色
-
face：類型
-
-
換行及空格：
-
br：換行標簽，一段文本無論多長都不會換行，除非有用於隔斷的空白
-
空格：無論多少個空格，解析後都會變成一個
-
回車：無論多少個，都會解析成一個空格
-
常用標簽(格式控制)
-
br：換行(單邊標簽)
-
p：段落
-
hr：分割線(單標標簽)
-
marquee：滾動顯示
-
pre：原樣輸出
-
ul：無序列表，每個元素都是li
-
type：disc(實心圓，默認)，circle(空心圓)，square(實心方塊)
-
-
ol：有序列表，每個元素都是li
-
type：1、a、A、I
-
start：起始位置
-
練習：
-
每個標簽至少3遍
-
建議：可以參考網頁書寫
-
有精力可以預習(適當的學習幾個常用標簽)，a、img、video、table、form、input
pythonweb HTML入門