前端学习的笔记第二篇

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 分钟前
点击数据行选中复选框-抽离公共方法
java·前端·html
_李小白2 分钟前
【OSG学习笔记】Day 24: Texture2D 与 Image
android·笔记·学习
猹叉叉(学习版)3 分钟前
【系统分析师_知识点整理】 12.系统设计
笔记·软考·系统设计·系统分析师
weixin1997010801615 分钟前
《电子元器件商品详情页前端性能优化实战》
前端·性能优化
Southern Wind17 分钟前
Vue 3 + Naive UI 企业级后台管理系统完整解析
前端·vue.js·ui·typescript
清汤饺子18 分钟前
AI 编程新范式:Spec First 的四件套,让 AI 不再是"热情但跑偏的实习生"
前端·javascript·后端
weixin1997010801618 分钟前
《建材网商品详情页前端性能优化实战》
前端·性能优化
程序员 沐阳22 分钟前
从缓慢等待到瞬间响应:Vite 如何重塑前端开发体验
前端·前端框架
wangjinsheng59324 分钟前
Vue3 + Element Plus 前端 AI 编码模板
前端·vue.js·ai·elementui·ai编程
roman_日积跬步-终至千里27 分钟前
【后端】Spring Boot Web请求核心问题解析
前端·spring boot·后端·系统架构