前端学习的笔记第二篇

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>

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

示例代码:

运行效果:

相关推荐
POLITE314 分钟前
Leetcode 238.除了自身以外数组的乘积 JavaScript (Day 7)
前端·javascript·leetcode
光影少年19 分钟前
AI前端开发需要会哪些及未来发展?
前端·人工智能·前端框架
Vincent_Vang30 分钟前
多态 、抽象类、抽象类和具体类的区别、抽象方法和具体方法的区别 以及 重载和重写的相同和不同之处
java·开发语言·前端·ide
菩提小狗32 分钟前
小迪安全_第4天:基础入门-30余种加密编码进制&Web&数据库&系统&代码&参数值|小迪安全笔记|网络安全|
前端·网络·数据库·笔记·安全·web安全
闲蛋小超人笑嘻嘻34 分钟前
非父子通信: provide和inject
前端·javascript·vue.js
知识分享小能手35 分钟前
Ubuntu入门学习教程,从入门到精通,Ubuntu 22.04中的过滤器知识点详解(13)
linux·学习·ubuntu
be or not to be40 分钟前
HTML+CSS 浮动与表格全总结笔记
css·笔记·html
止观止1 小时前
不止解构:深入掌握 ES6+ 对象与函数的高级语法糖
前端·javascript·es6
C_心欲无痕1 小时前
react - useTransition标记低优先级更新
前端·react.js·前端框架
_Kayo_1 小时前
React antd table 基础用法笔记1
笔记