網頁基礎知識

網頁的構成

網頁由html、css和Javascript構成，html是框架，CSS是樣式和裝飾，JS則是各項功能實現。我們把網頁的組成類比成一棟房子，Html相當于房子的結構，CSS相當于房子的裝修裝飾，JavaScript相當于房子的水電通信等使用功能。

HTML基礎知識

HTML(Hyper Text Markup Language)：超文本標記語言，通過各種標簽來表示網頁的骨架。大概有100種以上的標簽。

標簽

常用的標簽大概有10種左右。

如：

div標簽用于組合其他HTML元素，本身無實在意義。

ul, li, ol, dl, dt, dd此類標簽用于設置帶有列表內容的。

form表單相關。

table表格相關。

img 用于圖像顯示。

a標簽用于打開鏈接。

標簽屬性

id與class的區別

只有在絕對確定這個元素只會出現一次的情況下，才應該使用Id。如果你認為以后可能需要相似的元素，就使用Class。

樣式：

.css5_class{ background:#FFF;} /* 背景白色 class用‘.’標記*/

#css5_id{ background:#FF0000;} /* 背景紅色 id用‘#’標記*/

HTML:

我在瀏覽器下瀏覽，內容背景將是白色我在瀏覽器下瀏覽，內容背景將是紅色

標簽的嵌套

網頁實際上就是由各類標簽嵌套構成，所謂嵌套，就是在成對的標簽里加入另一組成對或不成對的標簽。外層的標簽相對里層的是父級關系，里層相對外層是子級關系。

嵌套可以理解成一種邏輯的關系，同樣的邏輯關系可以有多種表現樣式,好比產品功能流程一致的情況(HTML)，UI設計可以有多個風格(CSS).

標簽

是一個自閉標簽，沒有結束。

src 指 "source",圖像的URL地址,在hmtl同一文件夾下的圖片1.jpg，alt是圖片的文字描述，在1.jpg無法顯示的時候，就會顯示pic的文字。在如鼠標放在圖片上，會有提示內容，也就是pic.

常見的頁面結構

header(頭部：標簽欄，導航欄，banner)；

content(內容：文章博客，內容列表)；

footer(腳部：網站信息，聯系方式等)這三部分組成的。

專題研究

css的樣式引用由3種方式：內聯定義、鏈入內部CSS和鏈入外部CSS。

三者優先級筆記：內聯定義最高、內部CSS次之、外部CSS優先級最低。

區別：

內容上看：一般情況下，行內元素只能包含數據和其他行內元素。而塊級元素可以包含行內元素和其他塊級元素。這種結構上的包含繼承區別可以使塊級元素創建比行內元素更”大型“的結構。

格式上看：默認情況下，行內元素不會以新行開始，而塊級元素會新起一行。

常見的自閉標簽有：
、

---

、、、、

會判斷相對引用的位置及寫法。

其他補充

Atom編輯器快捷鍵

ctrl + D 同時修改多個詞

ctrl + \ 開啟/關閉目錄樹

ctrl + alt + C 調用顏色插件

ctrl + / 注釋

作業知識點補充

Visit W3School!

href參數表示連接轉向的地址，可分為內部書簽鏈接和外部網址連接。

內部書簽鏈接：錨

首先，我們在 HTML 文檔中對錨進行命名(創建一個書簽)：

基本的注意事項 - 有用的提示

然后，我們在同一個文檔中創建指向該錨的鏈接：

有用的提示

您也可以在其他頁面中創建指向該錨的鏈接：

有用的提示

target參數表示鏈接打開的方式。

_parent ：在上一級窗口中打開。

_blank：在新窗口中打開。

_self：在同一窗口中打開。(默認)

_top ：在瀏覽器的整個窗口中打開，忽略任何框架。

備注

該筆記源自網易微專業《Python web開發》1.1節

總結

以上是生活随笔為你收集整理的python notebook右侧网页_《Python web开发》笔记 一：网页开发基础的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。