python notebook右侧网页_《Python web开发》笔记 一:网页开发基础
網頁基礎知識
網頁的構成
網頁由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开发》笔记 一:网页开发基础的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: mysql同时查两张表数据库表_如何同时
- 下一篇: python编程自然数表达式_[宜配屋]