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入門