当前位置: 首页 > article >正文

前端学习的笔记第二篇

image-20240212142533461

vscode如何快速生成代码

! + Tab
image-20240211211106944
效果:
image-20240211211700800

解析:

<!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

image-20240211223015234

标题标签

有六个,从h1-h6,数字越大,则字体越小。

示例:image-20240211224026022

效果:
image-20240211224259272

段落标签

p 标签代表一个段落标签。

示例代码:

image-20240211232004115

运行结果:
image-20240211232236478

示例代码:

image-20240211232037706

运行结果:
image-20240211232423084

换行标签

注意:直接回车显示的结果为空格。

换行标签: br标签。br是break的缩写,表示换行。

  • br是一个单标签(不需要结束标签)
  • br标签不像p标签那样带有一个很大的空隙
  • <br/>是规范写法.不建议写成<br>

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

示例代码:

image-20240212142054107

运行效果:
image-20240212142146068


http://www.kler.cn/a/234939.html

相关文章:

  • 彻底认识和理解探索分布式网络编程中的SSL安全通信机制
  • webGL硬核知识:图形渲染管渲染流程,各个阶段对应的API调用方式
  • MVVM、MVC、MVP 的区别
  • nginx自定义错误日志
  • 轻松上手:使用 Vercel 部署 HTML 页面教程
  • golang断言
  • 开发板和单片机的比较
  • python-游戏篇-初级-超级画板
  • 线程-线程的创建方式与线程池基础知识
  • golang常用库之-操作数据库ORM:GORM 包介绍 | 一些 GORM 提示和注意事项
  • 3分钟部署完成Docker Registry及可视化管理工具Docker-UI
  • AI大模型学习笔记之四:生成式人工智能(AIGC)是如何工作的?
  • Java String源码剖析+面试题整理
  • 第三百一十回
  • 《21天精通IPv4 to IPv6》第10天:IPv6在物联网中的应用——如何在物联网中应用IPv4到IPv6?
  • redmi note 4x(mido) kali nethunter
  • 【2024年数据】67个“绿色金融”主题DID政策汇总(已去重)
  • HCIA-HarmonyOS设备开发认证V2.0-3.2.轻量系统内核基础-中断管理
  • cad基础学习
  • 工业制造:分布式控制系统(DCS),一文掌握。
  • mac电脑安装cocoapods出错,以及安装最新版本ruby方法
  • 13 年后,我如何用 Go 编写 HTTP 服务(译)
  • 解决 postman测试接口报404 Not Found
  • 第十五届蓝桥杯全国软件和信息技术专业人才大赛个人赛(软件赛)软件测试组竞赛规则及说明
  • Excel——重复项处理
  • C语言实现一个简易的环形FIFO