带数字编号的代码放到一个html文档

带数字编号的代码放到一个html文档,第1张

代码放入html文档需要做以下步骤:

1.首先,打开一个新的空白HTML文档。

2.在文档中,输入\\\u003chtml\u003e标签

3.在\u003chtml\u003e标签之后,输入\\\u003chead\u003e标签。

4.在\u003chead\u003e标签之后,输入\\\u003ctitle\u003e标签,并且在\u003ctitle\u003e标签内输入文档标题。

5.在\u003ctitle\u003e标签之后,输入\\\u003cbody\u003e标签,这是文档主体的开始。

6.在\u003cbody\u003e标签之后,输入所要放入的代码,其中可以使用带有数字编号的标签。

7.最后,在文档的末尾输入\\\u003c\\/body\u003e和\\\u003c\\/html\u003e作为文档的结束标记。

以上就是将代码放入html文档的步骤,只要按照以上步骤来做,就能将带有数字编号的代码放入html文档。

工具/原料:

联想小新潮7000-13

Win 10

Visual Studio Code1.47.2

1、进入Visual Studio Code,新建html文件

打开Visual Studio Code软件,打开工作区空间,选择需要进行 *** 作的文件夹,点击上方的新建文件选项。

2、给html文件命名为video.html

在d出的文本框中给html文件命名,文件命名为video.html。

3、输入添加视频文件的代码

在新建的.html文件中输入添加视频文件的html代码:

<video src="../media/mi.mp4" autoplay="autoplay" muted="muted" controls="controls" loop="loop"></video>。

4、使用工具查看代码效果

在代码的空白区域右击—>在d出的选项卡中选择Open In Default Browser选项。

5、显示视频文件

点击运行之后,在浏览器网页中显示添加的视频文件,点击播放按钮,正常播放视频。

1、在代码中经常用到的插入图片代码是img属性,格式就是src后面是添加图片的地址,后面的alt是对图片的描述。

2、在插入图片前,要将html文件和图片文件放在一个文件夹内,这里的img文件夹就是专门存放图片的地方。

3、然后回到代码栏,在src中输入链接地址img/pic_01.jpg,要将图片的具体地址和名称全部写全才可以在网页中看到,否则就会显示连接失败错误而无法观看到图片。

4、将文件保存后,在浏览器中我么就可以看到此刻的图片被添加进来了,位于网页的左上角位置。

5、如果想要移动图片的所在位置,就需要先对其包装一下,用一个盒子将其包裹,然后调整盒子的位置就相当于移动的是图片的位置了。

6、如图,之前设置的盒子距离顶部100px.然后距离左侧100px,这样就将盒子挤到了现在所在的位置,如图所示。

"


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11543661.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存