老菜鳥難免凌亂,一通忙乎,按照百度學院要求,在本地計算機和github之間,建立了互相聯系的兩個代碼倉庫,也試驗了git diff功能,粗略了解所謂代碼版本管理。
仔細審查任務一,詳見附件。核心是 文檔結構一詞,也就說雖然是學習標簽,卻不能忘記成品:文檔。而且是有結構的文檔,什么標簽是用來管理結構的呢?
根據設計稿(例圖),寫出結構,總不能為了結構而結構吧?結構不能不聯系文檔內容。結構和內容的辯證統一,就是前段的工作屬性吧?
看了幾段慕課網參考教程(附件),對語義化的解釋,是標簽的含義,那就沒必要在另立個新名詞:語義化 了?我猜想,語義化的奧妙,就在于上述的文檔內容與文檔結構的統一上。僅僅是我的猜想而已。換句話說,語義化是在文檔的層面上理解標簽。
基于文檔的概念,基于把握內容和結構的需要;我不要立馬寫代碼,細讀一些網站吧,看他們是怎樣做的,靈感源自欣賞~
附件:自百度學院小薇學院任務一
任務一:零基礎HTML編碼
課程概述
作業提交截止時間:04-24
重要說明
百度前端技術學院的課程任務是由百度前端工程師專為對前端不同掌握程度的同學設計。我們盡力保證課程內容的質量以及學習難度的合理性,但即使如此,真正決定課程效果的,還是你的每一次思考和實踐。
課程多數題目的解決方案都不是唯一的,這和我們在實際工作中的情況也是一致的。因此,我們的要求不僅僅是實現設計稿的效果,更是要多去思考不同的解決方案,評估不同方案的優劣,然后使用在該場景下最優雅的方式去實現。那些最終沒有被我們采納的方案,同樣也可以幫助我們學到很多知識。所以,我們列出的參考資料未必是實現需求所必須的。有的時候,實現題目的要求很簡單,甚至參考資料里就有,但是背后的思考和親手去實踐卻是任務最關鍵的一部分。在學習這些資料時,要多思考,多提問,多質疑。相信通過和小伙伴們的交流,能讓你的學習事半功倍。
任務目的
了解HTML的定義、概念、發展簡史
掌握常用HTML標簽的含義、用法
能夠基于設計稿來合理規劃HTML文檔結構
理解語義化,合理地使用HTML標簽來構建頁面
任務描述
參考示例圖(點擊查看),完成一個HTML頁面代碼編寫(不寫CSS,不需要關注樣式,只關注文檔結構)
任務注意事項
只需要完成HTML代碼編寫,不需要寫CSS
示例圖僅為參考,不需要完全實現一致,其中的圖片、文案均可自行設定
盡可能多地嘗試更多的HTML標簽
在線學習參考資料