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,这样就将盒子挤到了现在所在的位置,如图所示。
"欢迎分享,转载请注明来源:内存溢出
评论列表(0条)