VScode的注释和标题,标签,img的src属性(如何网页上插入图片)(Mac如何开启js控制台)(如何免费复制网页中的文字)

2023-09-21 08:00:00

 一、注释

<!--这是注释-->,在这个<!--内容-->里面的是注释,内容就是你要填写的注释。

在windows上查看,你是使用F12,但是mac上(我也不清楚为什么f12不好使,这时候就要按照下面的步骤调出这个界面

看这个高级,下面的在菜单栏中显示开发选项,然后我们可以勾选上它。

这时候点击这里的JAVAScript控制台就行

这个的作用是什么呢?

这种页面很常见吧,你只需要按我这样操作之后

这样就可以把文字提取出来,进行免费的复制了。

如果是windows就更简单了,你只需要按住F12就可以看到这个js控制台

二、标签

<html>
    <head>
        <title>这是页面标题</title>
    </head>
    <body>
        <!--这是注释-->
        <h1>我喜欢你</h1>
        <h2>我更喜欢凉皮</h2>
        <h3>我还喜欢卷饼</h3>
        <h4>我是entj</h4>
        <h5>我还是喜欢吃甜品</h5>
        <h6>我最喜欢看美女</h6>
    </body>
</html>

由下图我们可以观察到,每个标签都是另起一行,并且由1-6字体逐渐减小 

段落标签

我们对比可以看到,vscode里面的回车是没有用的,那我们看到的段落回车是怎样完成的呢?

这个时候就要提起我们的段落标签了<p>,他是来做段落标签,把一整段分成不同的

<html>
    <head>
        <title>这是页面标题</title>
    </head>
    <body>
        <!--这是注释-->
        <!-- <h1>我喜欢你</h1>
        <h2>我更喜欢凉皮</h2>
        <h3>我还喜欢卷饼</h3>
        <h4>我是entj</h4>
        <h5>我还是喜欢吃甜品</h5>
        <h6>我最喜欢看美女</h6> -->
        <p>中国少年先锋队前身为中国少年儿童队,成立于1949年10月13日。</p>
        <p>但中国少年儿童的革命组织,从上世纪初的劳动童子团算起,已有接近100年的历史了。革命战争时期的少年儿童组织在中国革命的各个时期,都有革命的儿童组织活跃在父兄身边,为人民的解放事业做出贡献。
            从1921年中国共产党成立之日起,党就十分重视儿童组织的建设。</p>
            <p>
在中国少年儿童运动发展的历史上,不同的革命历史时期,有不同的革命儿童组织。
1922年9月11日,在中国共产党领导下,中国少年先锋队的第一个先期组织——安源儿童团在湖南、江西边界的安源矿区成立
            </p>   
</body>
</html>

换行标签:br(break的缩写)

br是一个单标签:无需结束标签

<html>
    <head>
        <title>这是页面标题</title>
    </head>
    <body>
        <!--这是注释-->
        <!-- <h1>我喜欢你</h1>
        <h2>我更喜欢凉皮</h2>
        <h3>我还喜欢卷饼</h3>
        <h4>我是entj</h4>
        <h5>我还是喜欢吃甜品</h5>
        <h6>我最喜欢看美女</h6> -->
        <p>中国少年先锋队前身为中国少年儿童队,成立于1949年10月13日。</p>
        <p>但中国少年儿童的革命组织,从上世纪初的劳动童子团算起,已有接近100年的历史了。革命战争时期的少年儿童组织在中国革命的各个时期,都有革命的儿童组织活跃在父兄身边,为人民的解放事业做出贡献。
            从1921年中国共产党成立之日起,党就十分重视儿童组织的建设。</p>
            <p>
在中国少年儿童运动发展的历史上,不同的革命历史时期,有不同的革命儿童组织。
<br>
1922年9月11日,在中国共产党领导下,中国少年先锋队的第一个先期组织——安源儿童团在湖南、江西边界的安源矿区成立
            </p>   
</body>
</html>

格式化标签

加粗:假如我们想让中国先锋队加粗,使用标签<strong>或者是<b>(B就不演示了)来进行效果上的加粗

倾斜:<em>或者<i>标签,我是标的2019年10月13日

删除线:<del>或者<s>标签,这里的革命组织。

下划线:ins标签或者u标签,这里的是1921年中国共产党

img标签—src属性

img标签必须搭配着src使用(制定文件路径)。

相对路径

把图片下载好,拖动到vscode里面,然后右键来找他的相对路径

绝对路径:可以把图片放到终端,显示的就是绝对路径,可以复制,然后去粘贴到src里面。

更多推荐

《动手学深度学习 Pytorch版》 6.1 从全连接层到卷积

6.1.1不变性平移不变性(translationinvariance):不管检测对象出现在图像中的哪个位置,神经网络的前面几层应该对相同的图像区域具有相似的反应,即为“平移不变性”。局部性(locality):神经网络的前面几层应该只探索输入图像中的局部区域,而不过度在意图像中相隔较远区域的关系,这就是“局部性”原则

《动手学深度学习 Pytorch版》 7.1 深度卷积神经网络(LeNet)

7.1.1学习表征深度卷积神经网络的突破出现在2012年。突破可归因于以下两个关键因素:缺少的成分:数据数据集紧缺的情况在2010年前后兴起的大数据浪潮中得到改善。ImageNet挑战赛中,ImageNet数据集由斯坦福大学教授李飞飞小组的研究人员开发,利用谷歌图像搜索对分类图片进行预筛选,并利用亚马逊众包标注每张图片

QT基础教程(文本绘制)

文章目录前言一、普通文本绘制二、绘制旋转文本三、旋转文本升级总结前言本篇文章我们来讲解一下QT中使用QPainter来绘制文本的案例。一、普通文本绘制在Qt中,你可以使用QPainter类来绘制文本,包括普通文本、格式化文本和自定义文本效果。下面是使用QPainter绘制文本的基本方法和示例:1.绘制普通文本:使用QP

Shiro【核心功能、核心组件、项目搭建 、配置文件认证、数据库认证 】(一)-全面详解(学习总结---从入门到深化)

目录Shiro介绍_Shiro核心功能Shiro介绍_Shiro核心组件Shiro入门_项目搭建Shiro入门_配置文件认证Shiro入门_数据库认证Shiro认证_将Shiro对象交给容器管理Shiro介绍_Shiro简介Shiro是apache旗下的一个开源安全框架,它可以帮助我们完成身份认证,授权、加密、会话管理

解锁前端Vue3宝藏级资料 第五章 Vue 组件应用 5 (Vue 插件)

想了解Vue插件所以你看了官方文档却看不懂,或者你想知道Vue.use()方法和插件的关系。在本文档中,我们将参照文档讲解插件制作的基础知识,了解基础知识后,我们将制作与更实用的下拉菜单和脚本加载相关的插件。读完之后,您应该知道如何创建自己的插件以及如何添加插件。第一章Vue3项目创建1VueCLI创建vue项目第一章

Centos安装postgresql

一.执行安装命令与查看是否成功:1.yuminstall-ypostgresql-serverpostgresql-contrib2.安装后执行$psql--version或$psql-V可显示psql(PostgreSQL)9.2.243.另外,安装的同时还会创建postgres用户,Home为/var/lib/pg

构建无限画布,协作数字绘图 | 开源日报 0915

tldraw/tldrawStars:16.4kLicense:Apache-2.0tldraw是一个协作数字白板项目,可在tldraw.com上使用。它的编辑器、用户界面和其他底层库都是开源的,并且可以通过npm进行分发。您可以使用tldraw为产品创建一个即插即用的白板,或者将其作为构建自己无限画布应用程序的基础。

小程序开发一个多少钱啊

在今天的数字化时代,小程序已经成为一种非常流行的应用程序形式。由于它们的便捷性、易用性和多功能性,小程序吸引了越来越多的用户和企业。但是,很多人在考虑开发一个小程序时,都会遇到同一个问题:开发一个小程序需要多少钱?小程序的开发费用因人而异,取决于多种因素。下面,我们将为您详细列出影响小程序开发费用的主要因素。1、功能需

Bean的生命周期

SpringBean的生命周期是从Bean实例化之后,即通过反射创建出对象之后,到Bean成为一个完整对象,最终存储到单例池中,这个过程被称为SpringBean的生命周期。小枫叶一,实例化1.1Bean工厂后处理器–BeanFactoryPostProcessorBeanFactoryPostProcessor是一个

怎样判断一个数是否为偶数

要求代码行数尽可能少;packagemainimport("fmt""strconv")funcmain(){fmt.Printf("传入的值是否为奇数:%t\n",Judge_is_even(7))}funcJudge_is_even(numint)bool{//fmt.Println(num%2)rs,_:=str

modbus的协议

在介绍Modbus协议之前,我们要先了解下RS485协议,因为Modbus协议是在RS485这个硬件层协议上搭建的软件层协议。RS485特性半双工。用缆线两端的电压差值来表示传递信号。RS485的特点包括1.S485的电气特性:逻辑“1”以两线间的电压差为+(2~6)V表示;逻辑“0”以两线间的电压差为-(2~6)V表

热文推荐