前端ER圖設計
首頁有什麼元素(搜索框,文章標題內容),可以跳轉到哪些個頁面上(編輯頁,搜索頁,個人頁)
內容頁,搜索頁,編輯頁
示例: 主頁內容討論
前端ER圖
HTML總結: 數據類型與內容
1.html文件結構:
• 與 之間的是
標籤DIV是層疊樣式表中的定位技術,全稱DIVision,可以把文檔分割爲獨立的、不同的部分。經常與ID選擇器組合使用進行排版佈局
![在這裏插入圖片描述](https://img-blog.csdnimg.cn/2020031611291766.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4MjUwNw==,size_16,color_FFFFFF,t_70)
相似的元素(圖標,導航欄)都可以用無序列表來寫
![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200316112929586.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4MjUwNw==,size_16,color_FFFFFF,t_70)
有序列表: 各大排行榜,熱榜 --序號的樣式可用css設置
![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200316112943632.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4MjUwNw==,size_16,color_FFFFFF,t_70)
h標題
![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200316112955496.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4MjUwNw==,size_16,color_FFFFFF,t_70)
![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200316113003553.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4MjUwNw==,size_16,color_FFFFFF,t_70)
![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200316113013396.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4MjUwNw==,size_16,color_FFFFFF,t_70)
表單與 表單元素
![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200316113120791.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDY4MjUwNw==,size_16,color_FFFFFF,t_70)
form標籤有兩屬性 action:指定url(表單信息提交到哪個url對應的處理函數), method(見django表單總結)
表單是用戶傳遞信息的方式
![在這裏插入圖片描述](https://img-blog.csdnimg.cn/20200316113134869.png)
知乎總結[html:https://zhuanlan.zhihu.com/p/62967499 ](html:https://zhuanlan.zhihu.com/p/62967499)
html-css 英文簡寫大全:https://www.cnblogs.com/innovidory/p/7134381.html
其他:
技術方向
基本: html:定義基本數據結構類型(內容是什麼),css(html的靜態皮膚), js(html的動態交互式皮膚)
框架:Vue,Angular,React
其他:jquery, Bootstrap,Ajax
理解:
css:標題字體、顏色變化,或爲標題加入背景圖片、邊框等