前端学习的笔记第二篇

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>

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

示例代码:

运行效果:

相关推荐
hmbbcsm6 小时前
关于transformors库的学习笔记
笔记·学习
码海扬帆:前端探索之旅6 小时前
深度定制 uni-combox:新增功能详解与实战指南
前端·vue.js·uni-app
xqqxqxxq6 小时前
Java AI智能P图工具技术笔记
java·人工智能·笔记
谷雨不太卷6 小时前
进程的状态码
java·前端·算法
打小就很皮...6 小时前
基于 Python + LangChain + RAG 的知识检索系统实战
前端·langchain·embedding·rag
BJ-Giser6 小时前
Cesium 烟雾粒子特效
前端·可视化·cesium
空中海6 小时前
02 ArkTS 语言与工程规范
java·前端·spring
FakeOccupational6 小时前
【电路笔记 PCB】Altium Designer : AD20信号完整性(Signal Integrity)分析+单线路传输分析+串扰分析(暂记)
笔记
YJlio6 小时前
7.4.5 Windows 11 企业网络连接与网络重置实战:远程访问、本地策略与故障恢复
前端·chrome·windows·python·edge·机器人·django
Slow菜鸟6 小时前
Codex CLI 教程(五)| Skills 安装指南:面向 Java 全栈工程师打造个人 ECC(V1版)
大数据·前端·人工智能