前端学习的笔记第二篇

vscode如何快速生成代码

! + Tab

效果:

解析:

<!DOCTYPE html>: 指定当前html版本5。
<html lang="en">: lang => language,en => english。指定当前页面内容是英文的。
<meta charset="UTF-8">:浏览器解码规则,按照UTF-8的格式进行解码。
<meta name="viewport" content="width=device-width, initial-scale=1.0">:设计的页面,既要在浏览器打开,又想要在手机端打开,就涉及到移动端适配。

html里的常见标签

标题标签&&段落标签&&换行标签

注释标签

目的:提高代码的可读性,使程序猿能够更轻松地理解和掌握代码。

示例:
<!-- 这是注释 -->
<!-- fly in the sky -->

在浏览器中查看注释:按F12

标题标签

有六个,从h1-h6,数字越大,则字体越小。

示例:

效果:

段落标签

p 标签代表一个段落标签。

示例代码:

运行结果:

示例代码:

运行结果:

换行标签

注意:直接回车显示的结果为空格。

换行标签: br标签。br是break的缩写,表示换行。

  • br是一个单标签(不需要结束标签)
  • br标签不像p标签那样带有一个很大的空隙
  • <br/>是规范写法.不建议写成<br>

换行标签换行之后间隙比段落标签间隙小,浏览器默认的样式

示例代码:

运行效果:

相关推荐
问道飞鱼4 分钟前
【大模型学习】大模型应用开发工程师面试核心8问
大数据·学习·面试
Sheldon一蓑烟雨任平生6 分钟前
Sass 星空(Sass + keyframes 实现星空动画)
前端·css·vue3·sass·keyframes
⑩-13 分钟前
VUE3学习
前端·javascript·vue.js
jtymyxmz13 分钟前
《Maya 2024 超级学习手册》3.4.9 实例:制作锤子模型
学习·maya
QiZhang | UESTC15 分钟前
学习日记day66
学习
Mr Xu_18 分钟前
Vue 3 中使用 mitt 实现组件间通信的实践与解析
前端·javascript·vue.js
mjhcsp18 分钟前
[笔记] 线性规划 学习笔记
笔记·学习
Linging_2420 分钟前
PGSQL与Mysql对比学习
数据库·学习·mysql·postgresql
2501_9377983922 分钟前
2026企业AI数字资产管理平台评测:谁在定义下一代无形资产?
笔记
dulu~dulu23 分钟前
英语改错知识点总结
笔记·英语·自用·英语改错