冀君此来,欲知HTML与CSS之构造!🤞
网页之貌何如?
此博客亦为网页,君可见其题于上,纲于中,文于下。吾示君以开发者之视!
其简耶?然,吾等将构同此,惟以浏览器可解之语!于此始矣。
此乃HTML之码,用以通乎浏览器
要旨谨记:
- 无需安装额外之软件,即可用HTML/CSS
- 但凭文本之编辑器,足可运行HTML
- HTML之文件,直可在浏览器中运行,盖其具运行HTML文书之所需之能也。
今既观乎HTML之结构,愿察其所以如此编列之由:
上图明示,凡所使用者,各标签之旨趣昭然若揭。
噫……所谓关键词者,何也?吾诱尔矣……
然,关键词为保留字,犹酒店之预留桌位,非他人得用,亦不可他用。关键词亦为保留字,不可他用。
详述如下:
何故用之?
较之吾之例笑颜开兮,喜气盈兮。
HTML → 骨架
首 → 脑/设定
軀體 → 可見之人軀
標題 → 名牌
元數 → 身份/細節
今,吾輩已以基本結構編碼,然如何觀其輸出?
如吾前所言,簡易文字編輯器足矣運行HTML檔案,然吾輩使用之有幾短處,當詳論之,並述克服之法.
第一步: 启文牍之器,书其本乎HTML(可采前所授之码)或此间点之
第二步:以ctrl+S命之,存为index.html
第三步:往index.html所存之域,右击之,启于瀛寰
第四步:无论程序中给出何物,皆将显示于浏览器为输出。如下方所示:
所短:每改易HTML之文,必须时时更新瀏覽器。何以解此困?
吾等于此推介吾之IDE,以克此弊……岂非酷哉?
第一步:下载 Visual Studio Code -点击此处下载
步骤二:择相应之操作系统以下载VS Code
步骤三:下载既,于设备中安装之,并毕设置之配置
步骤四:依所需,或创或开文件夹
步骤五:至扩展——> 搜索"Live Server " -> 选择并安装
第六步: 自今以往,一旦书文既成而存之,变易自现于瀛寰.
呜呼……初设之工与构已毕,喜甚!尚有远矣!
今试以CSS为歇,戏之耳.
CSS之引言
CSS者,饰网页之文也。
- CSS者,Cascading Style Sheets(层叠样式表)之谓也。
- CSS述HTML诸元当呈于目、于纸、于他媒之状。
- CSS省工甚矣,可一时制多页之式。
- 外置样式表,存于CSS之文。
何用CSS?
CSS者,用以定网页之式,括其制、其布、其异于器与尺之显。
前例既陈HTML与CSS,若吾不谬,汝当觉其出屏有异。孰色愈绚、愈引目乎?(虽非善效,然仍😅)
此乃具CSS之篇,施以全貌,于此可明用CSS于网页之旨。
CSS有三类:(依优先序列之)
- 行内CSS
- 于行/标中施以式样
- 内联CSS
- 于文件内以style标施以式样
- 外联CSS
- 别一文书立,与HTML之文相联
引据:
https://www.w3schools.com/html/default.asp
https://developer.mozilla.org/en-US/docs/Web/HTML
https://www.w3schools.com/css/css_intro.asp
https://developer.mozilla.org/en-US/docs/Web/CSS




















