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

#WEB前端

1.实验:vscode安装,及HTML常用文本标签


2.IDE:VSCODE 


3.记录: 

(1)网页直接搜索安装vscode

(2)打开vscode,在下图分别安装以下插件:

Html Css Support   ------------------------

Auto Rename Tag -----------------------自动补全

Live Sever----------------------------------快速查看网页编写情况

Chinese-------------------------------------中文(安装后提示重启生效)

 

 (3)基础知识:(主要为英文首字母)

h1一级标题,h2.....

p段落

ul无序列表(包裹li,一个li为一个元素)

ol有序列表(自动添加序号,一个li为一个元素)

b加粗

i斜体

u下划线

s删除线

table表格

  (4)输入!自动建立一个网页文档体系

  (5)输入!!!进行注释

  (6)所有语法几乎成对出现,结束的会有斜杠

  (7)右键点击图中安装的插件,查看当前网页情况


4.代码:

练习的DEMO

<!DOCTYPE 
这是注释部分
----------------------------------------------------------------------------------
h1一级标题,h2.....
p段落
ul无序列表(包裹li,一个li为一个元素)
ol有序列表(自动添加序号,一个li为一个元素)
b加粗
i斜体
u下划线
s删除线
table表格----------------------------------------------------------------------------------
>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>个人网页</title>
</head>
<body><h1>一级标签</h1>         <h2>二级标签</h2><h3>三级标签</h3><h4>四级标签</h4><h5>五级标签</h5><p>这是一个段落</p><p>字体加粗:<b>加粗</b></p><p>斜体: <i>斜体</i></p><P>下划线: <u>下划线</u></P><p>删除线: <s>删除线</s></p><head>
<b>列表</b>
</head><ul><li>无序列表1</li><li>无序列表2</li><li>无序列表3</li><li>无序列表4</li></ul><ol>                                                    <li>有序列表1</li><li>有序列表2</li><li>有序列表3</li><li>有序列表4</li></ol><h1><b>表格</b></h1>
<table border="1">                                            <!设置表格边界><tr>                                                     <!table row 列><th>第一列</th>                                      <!table head 列标题><th>第二列</th>                                     <th>第三列</th><th>第四列</th></tr><tr><td>元素1</td>                                       <!table data 表格元素><td>元素2</td><td>元素3</td><td>元素4</td></tr>
</table>
</body>
</html>

相关文章:

#WEB前端

1.实验&#xff1a;vscode安装&#xff0c;及HTML常用文本标签 2.IDE&#xff1a;VSCODE 3.记录&#xff1a; &#xff08;1&#xff09;网页直接搜索安装vscode &#xff08;2&#xff09;打开vscode&#xff0c;在下图分别安装以下插件&#xff1a; Html Css Support …...

c语言经典测试题9

1.题1 #include <stdio.h> int main() { int i 1; sizeof(i); printf("%d\n", i); return 0; } 上述代码运行结果是什么呢&#xff1f; 我们来分析一下&#xff1a;其实这题的难点就是sizeof操作后i的结果是否会改变&#xff0c;首先我们创建了一个整型i&a…...

3d 舞蹈同步

目录 看起来很强大 unity驱动bvh跳舞&#xff1a; 脚飘动问题&#xff1a; bvh和播放关节对应关系 zxy格式 bvh和播放关节对应关系 zyx的对应关系&#xff1a; bvh播放器&#xff1a; 看起来很强大 GitHub - FORTH-ModelBasedTracker/MocapNET: We present MocapNET, a …...

win环境nginx实战配置详解

项目中经常使用nginx做负载均衡&#xff0c;接口路由、文件、文档的上传及下载、视频的代理播放等等&#xff0c;都离不开nginx的支持&#xff0c;今天我们分享一下其个使用场景。 1、配置文件 nd-nginx.conf 全局配置 #全局配置端&#xff0c;对全局生效&#xff0c;主要设置…...

数字化转型导师坚鹏:如何制定证券公司数字化转型年度培训规划

如何制定与实施证券公司数字化转型年度培训规划 ——以推动证券公司数字化转型战略落地为核心&#xff0c;实现知行果合一 课程背景&#xff1a; 很多证券公司都在开展数字化转型培训工作&#xff0c;目前存在以下问题急需解决&#xff1a; 缺少针对性的证券公司数字化转型…...

新王炸:文生视频Sora模型发布,能否引爆AI芯片热潮

前言 前方高能预警&#xff0c;Sora来袭&#xff01; 浅析Sora的技术亮点 语言模型中构建关键词联系 视频素材分解为时空碎片 扩散模型DiT Not for play, But change world! OpenAI的宏大目标 未来已来&#xff0c;只是尚未流行 Sora的成本与OpenAI的7万亿美金豪赌 算…...

代码随想录算法训练营|day48

第九章 动态规划 121.买卖股票的最佳时机122.买卖股票的最佳时机II代码随想录文章详解 121.买卖股票的最佳时机 本题中股票只能买卖一次 dp[i][0] 表示第i天不买入股票持有的最大现金&#xff1b;dp[i][1] 表示第i天买入股票持有的最大现金。 不买股票持有的最大现金买入股票…...

架构面试题汇总:并发和锁(三)

在现代软件开发中&#xff0c;并发编程和多线程处理已成为不可或缺的技能。Java作为一种广泛使用的编程语言&#xff0c;提供了丰富的并发和多线程工具&#xff0c;如锁、同步器、并发容器等。因此&#xff0c;对于Java开发者来说&#xff0c;掌握并发编程和多线程处理的知识至…...

蓝桥杯(3.2)

1209. 带分数 import java.io.*;public class Main {static BufferedReader br new BufferedReader(new InputStreamReader(System.in));static PrintWriter pw new PrintWriter(new OutputStreamWriter(System.out));static final int N 10;static int n, cnt;static int[…...

[数据集][目标检测]鸟类检测数据集VOC+YOLO格式11758张200类别

数据集格式&#xff1a;Pascal VOC格式YOLO格式(不包含分割路径的txt文件&#xff0c;仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件) 图片数量(jpg文件个数)&#xff1a;11758 标注数量(xml文件个数)&#xff1a;11758 标注数量(txt文件个数)&#xff1a;11758 标…...

YOLOv9:使用可编程梯度信息学习您想学习的内容

摘要 arxiv.org/pdf/2402.13616.pdf 当今的深度学习方法侧重于如何设计最合适的目标函数,以便模型的预测结果能最接近于实际结果。同时,还必须设计一个适当的架构,以便于获取足够的预测信息。现有的方法忽略了一个事实,即当输入数据经历层层特征提取和空间变换时,会损失…...

uniapp:使用DCloud的uni-push推送消息通知(在线模式)java实现

uniapp:使用DCloud的uni-push推送消息通知&#xff08;在线模式&#xff09;java实现 1.背景 今天开发app的时候遇到一个需求&#xff1a; 业务在出发特定条件的时候向对应的客户端推送消息通知。 为什么选择在线模式&#xff0c;因为我们使用的是德邦类似的手持终端&#xf…...

【简说八股】面试官:你知道什么是AOP么?

回答 AOP(Aspect-Oriented Programming)&#xff0c;即面向切面编程&#xff0c;是一种编程范式&#xff0c;它的主要思想是将应用程序中的横切关注点&#xff08;如日志记录、性能统计、安全控制等&#xff09;从业务逻辑中剥离出来&#xff0c;然后通过特殊的方式将这些横切…...

ASUS华硕天选5笔记本电脑FX607JV原装出厂Win11系统下载

ASUS TUF Gaming F16 FX607JV天选五原厂Windows11系统 适用型号&#xff1a; FX607JU、FX607JI、FX607JV、 FX607JIR、FX607JVR、FX607JUR 下载链接&#xff1a;https://pan.baidu.com/s/1l963wqxT0q1Idr98ACzynQ?pwd0d46 提取码&#xff1a;0d46 原厂系统自带所有驱动、…...

Unity(第二十一部)动画的基础了解(感觉不了解其实也行)

1、动画组件老的是Animations 动画视频Play Automatically 是否自动播放Animate Physics 驱动方式&#xff0c;勾选后是物理驱动Culling Type 剔除方式 默认总是动画化就会一直执行下去&#xff0c;第二个是基于渲染播放&#xff08;离开镜头后不执行&#xff09;&#xff0c; …...

写时复制简介

写时复制技术(Copy on Write)是比较常用的一种技术&#xff0c;它的主要目的是延迟减少以及延迟内存的分配&#xff0c;增加执行效率&#xff0c;只有在真正进行写操作的过程中才会真正分配物理资源。同时&#xff0c;也可以保护数据在系统崩溃时出现的丢失。比如&#xff0c;我…...

运行Python文件时出现‘utf-8’code can‘t decode byte 如何解决?(如图)

如图 亦或者出现“SyntaxError: Non-UTF-8 code starting with \xbb ” 出现这种问题往往是编码格式导致的&#xff0c;我们可以在py文件中的第一行加入以下代码&#xff1a; # codingutf-8或者 # codinggdk优先使用gbk编码 解释一下常用的两种编码格式&#xff1a; utf-…...

行为树入门:BehaviorTree.CPP Groot2练习(叶子节点)(2)

以《行为树BehaviorTree学习记录1_基本概念》练习。 1 SequenceNode顺序控制节点 代码下载 git clone https://gitee.com/Luweizhiyuan2020/ros2_bt.git例程 1.1 sequence 顺序执行 下载版本SequenceNode1。 1.2 ReactiveSequence 异步执行 注意&#xff1a; ①only a…...

leetcode-字符串中的单词数

434. 字符串中的单词数 题解&#xff1a; 这个问题可以通过遍历字符串&#xff0c;当遇到非空格字符时&#xff0c;判断其前一个字符是否为空格&#xff0c;如果是&#xff0c;则说明这是一个新的单词的开始&#xff0c;计数器加一。最后返回计数器的值即可。 class Solutio…...

一些C语言题目

求10个整数中最大值 #include <stdio.h>//求10个整数中最大值 int main() {int arr[10]{2,5,8,6,19,1,7,3,11,3};int i 0;int max 0;/*for(i 0;i < 10;i){scanf("%d",&arr[i]);}*/for(i 0;i < 10;i){if(arr[i] > max)max arr[i];}printf(&q…...

WarcraftHelper:魔兽争霸III游戏优化与兼容性解决方案

WarcraftHelper&#xff1a;魔兽争霸III游戏优化与兼容性解决方案 【免费下载链接】WarcraftHelper Warcraft III Helper , support 1.20e, 1.24e, 1.26a, 1.27a, 1.27b 项目地址: https://gitcode.com/gh_mirrors/wa/WarcraftHelper WarcraftHelper是一款针对魔兽争霸I…...

【2026年最新600套毕设项目分享】基于Spring Boot的音乐播放网站(14348)

有需要的同学&#xff0c;源代码和配套文档领取&#xff0c;加文章最下方的名片哦二、资料介绍完整源代码&#xff08;前后端源代码SQL脚本&#xff09;配套文档&#xff08;LWPPT开题报告/任务书&#xff09;远程调试控屏包运行一键启动项目&#xff08;无需搭建环境&#xff…...

如何永久保存番茄小说?3个强力方案告别网络依赖

如何永久保存番茄小说&#xff1f;3个强力方案告别网络依赖 【免费下载链接】fanqienovel-downloader 下载番茄小说 项目地址: https://gitcode.com/gh_mirrors/fa/fanqienovel-downloader 你是否曾在深夜追更时突然断网&#xff1f;是否担心喜欢的小说某天会从平台消失…...

中小企业福音:Qwen3-14B私有化部署全流程,轻松搞定智能客服与文档处理

中小企业福音&#xff1a;Qwen3-14B私有化部署全流程&#xff0c;轻松搞定智能客服与文档处理 1. 为什么选择Qwen3-14B 对于中小企业来说&#xff0c;部署AI模型往往面临两难选择&#xff1a;公有云API担心数据安全&#xff0c;自研模型又缺乏技术实力。Qwen3-14B正好填补了这…...

3个关键技巧:让AirPods在Windows和Linux上也能享受完整苹果体验

3个关键技巧&#xff1a;让AirPods在Windows和Linux上也能享受完整苹果体验 【免费下载链接】AirPodsDesktop ☄️ AirPods desktop user experience enhancement program, for Windows and Linux (WIP) 项目地址: https://gitcode.com/gh_mirrors/ai/AirPodsDesktop 你…...

颠覆式效率革命:Krita智能选区插件重新定义图像分割工作流

颠覆式效率革命&#xff1a;Krita智能选区插件重新定义图像分割工作流 【免费下载链接】krita-vision-tools Krita plugin which adds selection tools to mask objects with a single click, or by drawing a bounding box. 项目地址: https://gitcode.com/gh_mirrors/kr/kr…...

图像矢量化新纪元:Vectorizer从技术原理到实战应用

图像矢量化新纪元&#xff1a;Vectorizer从技术原理到实战应用 【免费下载链接】vectorizer Potrace based multi-colored raster to vector tracer. Inputs PNG/JPG returns SVG 项目地址: https://gitcode.com/gh_mirrors/ve/vectorizer 一、重新定义图像的数字形态&a…...

Human3.6M数据集获取与预处理实战指南:从百度网盘到可用的.pkl文件

1. Human3.6M数据集简介与下载准备 Human3.6M是目前人体姿态估计领域最权威的基准数据集之一&#xff0c;包含11名专业演员在17种日常活动场景下的360万帧动作捕捉数据。我第一次接触这个数据集时&#xff0c;面对近50GB的原始文件和复杂的目录结构也一头雾水。这里分享从下载到…...

Yi-Coder-1.5B快速体验:在Ollama上测试代码生成,结果出乎意料

Yi-Coder-1.5B快速体验&#xff1a;在Ollama上测试代码生成&#xff0c;结果出乎意料 最近在尝试各种本地部署的代码生成模型&#xff0c;想找一个既轻量又好用的工具。听说了零一万物开源的Yi-Coder-1.5B&#xff0c;只有15亿参数&#xff0c;但据说编程能力很强。我抱着试试…...

AI智能二维码工坊视频流识别:摄像头实时扫码部署教程

AI智能二维码工坊视频流识别&#xff1a;摄像头实时扫码部署教程 1. 项目简介 AI智能二维码工坊是一个全能型二维码处理工具&#xff0c;基于Python QRCode生成库与OpenCV视觉识别库构建。与依赖庞大深度学习模型的项目不同&#xff0c;本项目采用纯算法逻辑实现&#xff0c;…...