前端学习的笔记第二篇

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>

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

示例代码:

运行效果:

相关推荐
向下的大树3 分钟前
VUE父子组件传参中的触发时机问题:异步场景下的解决方案
前端·javascript·vue.js
DBBH4 分钟前
DBBH的AI学习笔记
人工智能·笔记·学习
英俊潇洒美少年4 分钟前
vue2中使用节流防抖函数时,使用的vue状态始终是初始化的数据
前端·javascript·vue.js
青衫码上行6 分钟前
如何构建maven项目
java·学习·maven
June bug9 分钟前
【实习笔记】正交实验法设计测试用例
笔记·学习·测试用例
棒棒的唐18 分钟前
适合小程序使用的将对象数组转换为参数字符串方法
前端·javascript·小程序
丝斯201134 分钟前
AI学习笔记整理(54)——大模型之Agent 智能体开发前沿技术
人工智能·笔记·学习
博客zhu虎康37 分钟前
音频视频处理:前端直播流播放 flv
前端
一位搞嵌入式的 genius38 分钟前
深入理解 JavaScript 原型与继承:从基础到进阶
开发语言·前端·javascript
hetao173383744 分钟前
2026-01-16~19 hetao1733837 的刷题笔记
c++·笔记·算法