HTML1

<body>
<!-- 主体 -->
<h1>小狗Turisa的太空空间站</h1>
<!-- 标题 -->
<hr/>
<!-- 水平线horizontal -->
<p>你好，我是一只名叫<i>Turisa</i>的小狗，我来自<i>狗狗星球</i>。欢迎来到我的<b>太空空间站</b>。</p>
<!-- 段落 -->
<p>这是我使用了一个换行符<br/>的文字</p>
<!-- 换行符break -->
<i>今天天气很好</i>
<!-- 斜体字italic -->
<b>我今天心情很好</b>
<!-- 加粗bord -->
<pre>Black and whiteThick and furryFast as the windAlways ina hurry
</pre>
<!-- preformatted预先定好格式 -->
<img src="https://static1.bcjiaoyu.com/31bca6323db73864ffa97c7f4ded281f_d.jpg-500x310" /></body>

效果：

小狗Turisa的太空空间站

你好，我是一只名叫Turisa的小狗，我来自狗狗星球。欢迎来到我的太空空间站。

这是我使用了一个换行符
的文字

今天天气很好 我今天心情很好

 Black and whiteThick and furryFast as the windAlways ina hurry

HTML2


<ol><li>糯米洗净泡好之后放入电饭锅中，加入糖，眼，倒入椰浆，再加适量水，开始煮饭功能</li><li>芒果去皮去核切两大片</li><li>把煮好的糯米饭以及芒果放在盘子里</li><li>在盘子里倒入一些椰浆</li>
</ol><!-- ordered list 有序列表 --><p>芝士蛋糕配方</p>
<ul><li>奶油奶酪</li><li>鸡蛋</li><li>黄油</li><li>牛奶</li><li>低筋面粉</li><li>细砂糖</li>
</ul>
<!-- unordered list无序列表 --><dl><dt>Ponny</dt><dd>据最新的吉尼斯世界纪录统计，现在世界上最长寿的猫是一只叫做Poppy的猫，它已有24岁,相当于人类的114岁左右了。Poppy在它24岁时成为了世界上最古老的猫冠。Poppy出生于1990年2月。现在它已十分的老了</dd><dt>Boo Boo</dt><dd>世界上最小的狗 现今世界上最小的狗是一只名叫Boo Boo的小狗，它是一只吉娃娃，这只来自美国肯塔基的小狗，身在2007年12月测得的身长只有10.16厘米（4英寸）。</dd><dt>Chilli</dt><dd>世界上最大的奶牛英国这头名叫Chilli的奶牛是世界上最大的奶牛。奶牛高6英尺重一吨多，这还不是他的最终体重，“红辣椒”还在成长中</dd>
</dl>
<!-- definition list 定义列表<dt>代表被定义的词</dt><dd>代表词的意义</dd> --><a href="https://www.cxy61.com/index-image/index.html">橙旭园 儿童编程</a><p>电影评论：</p><ul><li><a href="https://movie.douban.com/subject/1291546/">霸王别姬</a></li><li><a href="https://movie.douban.com/subject/1291875/">阳光灿烂的日子</a></li><li><a href="https://movie.douban.com/subject/1291561/">千与千寻</a></li><li><a href="https://movie.douban.com/subject/3541415/">盗梦空间</a></li></ul><!-- 小狗网站 -->
<body><!-- 主体 --><h1>小狗Turisa的太空空间站</h1><!-- 标题 --><hr/><!-- 水平线horizontal --><p>你好，我是一只名叫<i>Turisa</i>的小狗，我来自<i>狗狗星球</i>。欢迎来到我的<b>太空空间站</b>。</p><!-- 段落 --><p>这是我使用了一个换行符<br/>的文字</p><!-- 换行符break --><i>今天天气很好</i><!-- 斜体字italic --><b>我今天心情很好</b><!-- 加粗bord --><pre>Black and whiteThick and furryFast as the windAlways ina hurry</pre><!-- preformatted预先定好格式 --><img src="https://static1.bcjiaoyu.com/31bca6323db73864ffa97c7f4ded281f_d.jpg-500x310" /><img src="https://static1.bcjiaoyu.com/276a238bdd65e117db0d92bfcf2fbd48_c.jpg-597x547"/><p>如何开始与一只小狗玩耍</p><ol><li>得到小狗主人同意，确定小狗打过疫苗</li><li>深情望着小狗双眼并且微笑</li><li>看到小狗尾巴在摇摆</li><li>缓缓的伸出手，摸摸小狗脑袋</li><li>根据小狗反应，决定下一步动作</li></ol><p>狗狗的品种</p><ul><li>哈士奇</li><li>吉娃娃</li><li>柴犬</li><li>金毛</li><li>斗牛犬</li><li>中华田园犬</li></ul><a href="https://www.worldanimalprotection.org.cn/">推进世界动物保护</a><p>动物保护：</p><ul><li><a href="http://www.china.com.cn/aboutchina/zhuanti/ysdw/2008-12/08/content_16915955.htm" target="_blank">中国野生动物保护协会</a></li><li><a href="https://capn-online.info/" target="_blank">中国动物保护网</a></li><li><a href="https://www.worldanimalprotection.org.cn/" target="_blank">世界动物保护协会</a></li></ul><!-- target="_blank"使网站在新窗口打开 -->
</body>

效果：

糯米洗净泡好之后放入电饭锅中，加入糖，眼，倒入椰浆，再加适量水，开始煮饭功能
芒果去皮去核切两大片
把煮好的糯米饭以及芒果放在盘子里
在盘子里倒入一些椰浆

芝士蛋糕配方

奶油奶酪
鸡蛋
黄油
牛奶
低筋面粉
细砂糖

Ponny

据最新的吉尼斯世界纪录统计，现在世界上最长寿的猫是一只叫做Poppy的猫，它已有24岁,相当于人类的114岁左右了。Poppy在它24岁时成为了世界上最古老的猫冠。Poppy出生于1990年2月。现在它已十分的老了

Boo Boo

世界上最小的狗现今世界上最小的狗是一只名叫Boo Boo的小狗，它是一只吉娃娃，这只来自美国肯塔基的小狗，身在2007年12月测得的身长只有10.16厘米（4英寸）。

<dt>Chilli</dt><dd>世界上最大的奶牛英国这头名叫Chilli的奶牛是世界上最大的奶牛。奶牛高6英尺重一吨多，这还不是他的最终体重，“红辣椒”还在成长中</dd>

橙旭园儿童编程

电影评论：

霸王别姬
阳光灿烂的日子
千与千寻
盗梦空间

小狗Turisa的太空空间站

你好，我是一只名叫Turisa的小狗，我来自狗狗星球。欢迎来到我的太空空间站。

这是我使用了一个换行符
的文字

今天天气很好 我今天心情很好

     Black and whiteThick and furryFast as the windAlways ina hurry

如何开始与一只小狗玩耍

得到小狗主人同意，确定小狗打过疫苗
深情望着小狗双眼并且微笑
看到小狗尾巴在摇摆
缓缓的伸出手，摸摸小狗脑袋
根据小狗反应，决定下一步动作

狗狗的品种

哈士奇
吉娃娃
柴犬
金毛
斗牛犬
中华田园犬

推进世界动物保护

动物保护：

中国野生动物保护协会
中国动物保护网
世界动物保护协会

HTML3


<video src="https://static1.bcjiaoyu.com/%E4%B8%AD%E5%8D%8E%E9%A3%8E%E5%85%89.mp4" preload="none" controls loop></video>
<!-- 插入视频 -->
<dl><dt>preload="..."</dt><dd>后面可以跟三种内容</dd>
<ul><dt>none</dt><dd> 表示在用户按下播放按钮之前，浏览器不会加载视频</dd><dt>auto</dt><dd>表示浏览器应该在页面加载时载入视频</dd><dt>metadata</dt><dd>表示当页面加载后仅加载音频/视频的元数据</dd>
</ul><dt>controls</dt><dd>使浏览器提供默认播放控件</dd><dt>loop</dt><dd>表示在视频结束之后重新反复播放</dd><dt>autoplay</dt><dd>视频文件自动播放</dd>
</dl>
<audio src="https://static1.bcjiaoyu.com/SolarRollerCoaster%205.8.15.MP3" controls loop></audio>
<!-- 插入音频 -->
<!-- div将一组元素变成块级元素 -->

效果：

HTML基础插入视频等标签的使用相关推荐

零基础HTML入门教程(13)——插入视频video标签
本章目录 1.任务目标 2.video标签 3.代码演示 4.小结 1.任务目标我们前几小结学习了,插入图片插入音频等,我们这一小结学习一下,插入视频标签video并熟练使用. 2.video标签 ...
关于使用video标签插入视频时，视频无法播放的问题
写代码遇到一个问题:使用video标签插入视频时,在chrome中无法播放,只显示了一个封面图片,在ie却可以播放. video的使用是看别人的: 由于照搬别人的代码,我写的代码如下: <vid ...
html中使用video标签插入视频
PC端 Web 上的视频直到现在,仍然不存在一项旨在网页上显示视频的标准.今天,大多数视频是通过插件(比如 Flash)来显示的.然而,并非所有浏览器都拥有同样的插件. HTML5 规定了一种通过 v ...
零基础HTML入门教程(12)——插入音频audio标签
本章目录 1.任务目标 2.audio标签 3.任务实操 4.小结 1.任务目标我们前几个小结学习了,插入图片,或者插入超链接,那我们这一小结学习一下插入音频audio标签 2.audio标签直到 ...
将视频插入视频：CVPR2019论文解析
将视频插入视频:CVPR2019论文解析 Inserting Videos into Videos 论文链接: http://openaccess.thecvf.com/content_CVPR_20 ...
html中插人视频教程,HTML中插入视频并兼容所有浏览器
向HTML中插入视频有两种方法,一种是古老的object标签,一种是html5中的video标签,前者兼容性相对好些,后者兼容性让人头疼最常用的向HTML中插入视频的方法有两种,一种是古老的标签,一 ...
java html中引入视频的格式_怎么在HTML网页中插入视频
展开全部向HTML中插入视频有两种方法e68a8462616964757a686964616f31333366306433,一种是古老的object标签,一种是html5中的video标签. 前者兼 ...
前端基础-HTML的的标签详解
阅读目录一.head内常用标签二. HTML语义化三. 字符实体四. h系列标签五. p标签六. img标签七. a标签八. 列表标签九. table标签十. form标签一. ...
编辑器单引号如何不被转码_微信公众号文章内如何插入视频？
在公众号文章中插入视频,不仅可以减少文字过多带来的视觉疲劳,而且有助于读者更容易读懂文章中所写的内容. 那对于刚入行的小编们,应该如何在文章中插入视频呢?步骤详情如下: 一.在微信公众号后台首页左侧导 ...

HTML基础插入视频等标签的使用

小狗Turisa的太空空间站

小狗Turisa的太空空间站

HTML基础插入视频等标签的使用相关推荐

最新文章

热门文章