从零开始学前端：程序猿小白也可以完全掌握！— 今天你学习了吗？（CSS）
复习：从零开始学前端： HTML框架和VS Code安装 — 今天你学习了吗？（CSS：Day01）
文章目录
从零开始学前端：程序猿小白也可以完全掌握！— 今天你学习了吗？（CSS）前言第二节课：主要讲解了HTML的一些文本格式化标签、快捷键、和特殊符号一、VS Code新建文件二、使用正确的HTML编码格式三、问答四、文本格式化标签五、div标签和span标签六、特殊字符前言
CSS的一切都是为了网站更加的好看~
第二节课：主要讲解了HTML的一些文本格式化标签、快捷键、和特殊符号
一、VS Code新建文件
在一个编辑器里点击新建文件然后命名文件为html文件即可，在文本编辑框输入!即可触发快捷填充HTML框架。
二、使用正确的HTML编码格式
使用小写元素名 HTML5元素名可以使用大写和小写字母（推荐使用小写字母）。混合了大小写的风格会使界面不美观，观感很差。小写风格看起来会更加的清爽。小写字母更容易编写。 关闭所有HTML元素在HTML5中，不一定要关闭所有元素，如p标签，但是建议每个元素都要添加关闭标签。
<!– 不推荐 --> <p>这是一个段落。<!- 推荐--><p>这是一个段落。<p/>
关闭空的HTML元素（单标签、自结束标签）
<!– 我们可以这么些 --><meta charset="utf-8"><!– 也可以这么些 --><meta charset="utf-8" />
嵌套元素应当缩进一次（即两个空格）— 一个Tab键
避免一行代码过长（每行代码尽量少于80个字符。快捷键：Alt+Z可以快速使延长代码在可看见的界面显示）
/video/BV11b4y1Y7TZ/
不建议在注释标签中嵌套注释标签
结果：
原因：标注的是一整个注释，后半个注释并未起作用
三、问答
标签根据书写方式可分为？单标签和双标签标签根据关系可以分为？
包含关系（父子关系）和并列关系（兄弟关系）举例双标签
<head></head><body></body><p></p><h></h>...
标题标签和段落标签有什么区别，又有什么相同点？
区别：标题标签会给字体有加粗和字体放大效果，段落标签不会。
相同点：标题标签和段落标签都会独占一行。
四、文本格式化标签
常用文本格式化标签在网页中有时需要为文字设置粗体、斜体、删除线、，这时就需要用到HTML中的文本格式化标签，使文字以特殊的方式显示。标签语义：用来调整文本的格式和排版。突出重要性，比普通文字更重要。
五、div标签和span标签
大多数HTML元素被定义为块级元素或内联元素（行内元素）。
块级元素：在浏览器显示时，通常会以新行来开始。
内联元素：在显示时通常不会以新行开始。
<div>元素是块级元素，它是可用于组合其他HTML元素的容器。
<div>元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折行。
<div>元素的另一个常见的用途是文档布局。它取代了使用表格定义布局的老式方法。
HTML<span>元素是内联元素，可用作文本的容器。
<span>元素也没有特定的含义。<span>定义span，用来组合文档中的行内元素。
<hr>水平线元素
六、特殊字符
<p>空格符：" "<!-- --></p><p>小于号："<"<!-- < --></p><p>大于号：">"<!-- > --></p><p>和号："&"<!-- & --></p><p>人民币："¥"<!-- ¥ --></p><p>版权："©"<!-- © --></p><p>注册商标："®"<!-- ® --></p><p>摄氏度："°"<!-- ° --></p><p>正负号："±"<!-- ± --></p><p>乘号："×"<!-- × --></p><p>除号："÷"<!-- ÷ --></p><p>平方2："²"<!-- ² --></p><p>平方3："³"<!-- ³ --></p>
结果显示：
预习：从零开始学前端：链接跳转 — 今天你学习了吗？（CSS：Day03）
------故不积跬步，无以至千里；不积小流，无以成江海。
从零开始学前端：HTML的一些文本格式化标签 快捷键 和特殊符号 --- 今天你学习了吗？（CSS：Day02）
![[童话作文200字]我的弟弟作文200字 3篇](https://200zi.50zi.cn/uploadfile/img/2024/08/08/69a4995006007eedbeafd839b1287172.jpg)
