前端小白报道

做了几年运维，体验了7*24小时的应急，明白了整个项目的步骤逻辑，理解了整个系统框架，结合之前的了解与思维，决定学习前端，开始新的篇章。

WEB网页的组成部分

• HTML--结构
• CSS--表现
• JS--行为

趁手兵器-写前端代码的工具

• Sublime Text
• webstorm
• HBuilderX
• VSCode

vscode 工具初使用--写代码快捷插件

• chinese 软件汉化
• Auto Rename Tag 标签修改快捷化，修改一个前后段同时变更
• view-in-browser 右键快捷打开可视化网页
• Live Server 代码保存网页自动更新，无需手动刷新

文本常用标签

• 标题 h1-h6 一个网页尽量一个大标签
• 段落文本 p
• 换行 br
• 水平线 hr
• 加粗 b 只是显示的加粗 // strong 突出文本 强调内容，推荐
• 倾斜 em 强调文本，推荐 // i 倾斜文本
• 删除 del 删除线 // s
• 扩展 u 下划线 // sup 上标 // sub 下标

特殊符号：当段落中想表达标签内容，但网页遇到即识别转换

• 尖角号    左 <   右 >
• 空格   等于一个汉字的宽度
• 版权 &copy
• 商标 ®   ™

用法是这样的：<hr noshade>  <br>
        各个国家由各个国家的国旗。  <br>
        各个国家由各个  国家的国旗。<br>
        版权保护证书©   <br>
        驰名商标®   商标R™

网页显示结果

无语义标签

• div 块 划分页面区域
• span 文本独立