前端学习的笔记第二篇

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>

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

示例代码:

运行效果:

相关推荐
泯泷1 小时前
手搓JSVMM第 8 篇:函数调用:参数、返回值与调用帧
前端·javascript·前端框架
Sherotree1 小时前
Google Antigravity——Agent 被提到主界面
前端·ide·后端·edge浏览器
Bruce_Liuxiaowei2 小时前
从基础理论开始学习人工智能(三):盲目搜索——从状态空间图到生成-测试范式
人工智能·学习
里欧跑得慢2 小时前
Flutter 像素级还原:设计稿到代码的视觉无损转换技巧
前端·css·flutter·web
有梦想的骇客2 小时前
PyTorch学习笔记
pytorch·笔记·学习
里欧跑得慢2 小时前
Flutter 三方库 function_tree — 鸿蒙应用开发中的动态数学公式解析与计算神器,实现鸿蒙深度适配下的复杂函数逻辑运行时求值实战(适配鸿蒙 HarmonyOS Next ohos)
android·前端·安全·flutter·华为·harmonyos
Capricorn19883 小时前
个人知识库接入大模型频现“幻觉引用”?排查 RAG 溯源失效问题,解析知芽构建可信第三大脑的底层架构
大数据·论文阅读·人工智能·笔记·架构·论文笔记
苏灿烤鱼3 小时前
没有机密文件,也没有付费数据,在浏览器里造一颗"间谍卫星"
前端·javascript·github
陈年老古董3 小时前
深度学习入门笔记:从神经元到深度神经网络
人工智能·笔记·深度学习·神经网络·学习
泯泷3 小时前
手搓JSVM第 5 篇:写第一个编译器:从 AST 生成 IR
前端·javascript·算法