噫嘻！前端需乎HTML与CSS耶？
答曰：固也，然！ 😄
然则何故需之？
习HTML与CSS之旨何在？
吾为君举一例以明之.
试想一界，人仅存骸骨而遨游其间 💀
其状可怖耶？
今试想为是骨之表裹以皮.
彼虽不能动，然较之素骨，实为胜观矣😄.
今将此意通于网页.
无结构无设计，网页亦无所为也。🤷♀️
于此：
- HTML若网页之骨也。
- CSS若为肌肤衣冠，饰以容光焕发。
- JavaScript则赋予网页以生气与灵动！⚡
故HTML构其形，CSS饰其色，JavaScript添其趣。
今为君述网页之要柱——实有三柱！
此乃吾辈之HTML——超文本标记语言.
超文先生通于浏览器，以标文之语，构网页之容，若骨为人体之构！
欲明其理，析其略：
超文本
超文本者，乃连结网页之链也，简而直！欲知其详，此处点击
标记语言
标记语言者，乃一系特殊“符码”，用以组织文意，示浏览器以呈示之法也。
吾需一语以通于汝——此际，乃英语也。
类是，欲通于浏览器，吾辈亦用HTML，佐以CSS之式。
欲习语言，必明其用与规。亦然，于前端开发，循定规结构，以达与浏览器之通意。
“无HTML与CSS之前端，犹以匙启锁🍴🔒😄”
噫嘻……诸事顺遂！
今且论彼“匙”——歉然——实为开启前端开发之钥🔑
HTML速览
名：HTML—超文本标记语言
版本：HTML5
创制者：提姆·伯纳斯-李爵士
未入结构规矩之先，当谙熟若干要义，如元数据、扩展、元素、集成开发环境等。余事容后再叙！
METADATA
元数据者，数据之数据也
吾知其言似惑，然可释之
使吾简言之
试想一雇员信息表，其含：
- 雇员编号
- 雇员姓名
- 雇员部门
此收集信息之结构或格式，名曰元数据
员工之实情者，数据也；而述此数据之格式者，元数据也.
今意可明乎？😄 尚有惑耶？点击吾
扩展名
存文件时，文件名后所加三至四字，乃文件之属也。此谓扩展名.
大抵若以姓氏自荐也。😄
例：
.html.css.js.jpeg.pdf.doc
集成开发环境
欲解IDE，先诚答此问😄
饥甚之时，汝将何为？
- 食已成之馔乎？
- 抑或采料自烹，而后食之乎？
吾辈多择成馔，此理明矣😹
类此，一IDE乃即用之境，使开发者得：
- 撰代码
- 測試應用軟體，
- 排错之误
- 且易理项目——
毕其功于一役！
流行之集成开发环境有：
- 文渊阁编修版
- IntelliJ IDEA(英特利杰·艾德亚)
- PyCharm(PyCharm)
- Eclipse(日食)
HTML元素
HTML元素者，自始标签至终标签之间所有也：
语法：内容在此处……
若干HTML元素之例：
点击此处以知更多 - HTML元素
HTML结构及CSS之奇术，续于次篇😄
今且暂退，俟JavaScript得觉⚡🤖
引据：