前端开发:快速生成框架

embedded/2025/1/13 10:00:33/
html 标签是整个 html 文件的根标签 ( 最顶层标签 ):告诉浏览器,从这就开始html内容分析了
head 标签中写页面的属性 .
title 标签中写的是页面的标题
body 标签中写的是页面上显示的内容
head和body是兄弟标签;
head和title是父子标签;
每一个标签相当于是一个对像,程序员拿到这些对象,就可以进行增删查改;
<html>
        <head>
                <title> 第一个页面 </title>
        </head>
        <body>
              hello world
        </body>
</html>

 

这段代码展示的如上; 

但是这都是代码框架,可以在VSCode中使用快捷键生成即可:

快速生成代码框架

shift + 1 +回车 :同时按下

 <!DOCTYPE html>        //指定当前的html版本是5;现在基本都是5版本

<html lang="en">//其中 lang(language 语言) 属性表示当前页面是一个 "英语页面". 是告诉浏览器的此时的html的表现形式是英文,需不需要翻译成其他语言. (有些浏览器会根据此处的声明提示是否进行自动翻译)

<head>

    <meta charset="UTF-8">//描述页面的字符编码方式. 没有这一行可能会导致中文乱码

    <meta content="IE=edge">//IE浏览器渲染效果,按照最高版本展示;

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

其中 viewport 指的是设备的屏幕上能用来显示我们的网页的那一块区域
在设置可视区和设备宽度等宽 , 并设置初始缩放为不缩放. ( 这个属性对于移动端开发更重要一些 ).

    <title>Document</title>

</head>

<body>

   

</body>

</html>


http://www.ppmy.cn/embedded/153524.html

相关文章

作业(一)

1、shell 脚本写出检测 /tmp/size.log 文件如果存在显示它的内容&#xff0c;不存在则创建一个文件将创建时间写入。 # vim a.sh#!/bin/bash​#先对文件/tmp/size.log 是否存在进行判断 if [ -f /tmp/size.log ]; #如果存在&#xff0c;则用cat命令显示文件内容thencat /tmp/…

torch.einsum计算张量的外积

torch.einsum 是一种强大的张量操作工具,可以通过爱因斯坦求和约定(Einstein summation convention)来简洁地表示复杂的张量运算。通过它,我们可以高效地计算矩阵乘法、转置、点积、外积等操作。 以下是关于如何使用 torch.einsum 计算两个四维张量在第三维度上的外积的解…

【C语言】_类型重命名typedef关键字

目录 1. 从复杂类型理解类型重命名的必要性 1.1 示例1 1.2 示例2 2. typedef 用法 2.1 简单类型重命名 2.2 复杂指针类型重命名 2.2.1 数组指针类型 2.2.2 函数指针类型 3. 使用typedef简化复杂类型的定义 4. #define与typedef 1. 从复杂类型理解类型重命名的必要性 …

Single Agent 阶段性总结

Agent 通常指的是一类具备高度自主性的智能实体&#xff0c;它们能够巧妙地在特定环境里自主感知信息&#xff0c;运用内置的智能算法做出理性决策&#xff0c;进而精准无误地执行相应动作。相较于 RAG&#xff08;检索增强生成&#xff09;技术&#xff0c;Agent 可解决诸多难…

【广西乡镇界】arcgis格式shp数据乡镇名称和编码2020年内容测评

【广西乡镇界】arcgis格式shp数据乡镇名称和编码2020年内容测评

[JavaEE] Spring IoCDI

目录 一、IoC 1.1 IoC 概念 1.2 IoC的作用 二、DI 2.1 DI 概念 2.2 属性注入(Field Injection) 2.3 构造方法注入(Constructor Injection) 2.4 Setter 注入(Setter Injection) 2.5 三种注入优缺点分析 2.5.1 属性注入 2.5.2 构造函数注入 2.5.3 Setter 注入 三、IoC…

【conda】迁移到其他ubuntu机器

想把部署在一台4070机器的conda 环境导出到3090机器查看已安装的环境 conda env list环境导出 conda env export > semantic-text2image-search.yml 4070的conda环境导出 nvidia-smi 命令可以查看 GPU 的基本信息,包括显存、CUDA 驱动版本等: Driver Version:当前 NVIDI…

ros2笔记-6.2 使用urdf创建机器人模型

本节主要跟着小鱼老师的视频操作&#xff0c;不同的仿真平台有不同的建模语言&#xff0c;但是几乎都支持URDF。 本节使用URDF创建一个机器人模型。 6.2.1 帮机器人创建一个身体 URDF使用XML来描述机器人的结构和传感器、执行器等信息。 在chapt6/chap6_ws/src创建功能包:r…