Html(全文知识巩固)

一、输入框实练操作

<!--以下代码是输入框的每一种方式-->

<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
    <form action="">
    <fieldset>
        <legend>学生档案</legend>
    <label>姓名:<input type="text" placeholder="请输入学生名字"/><br /><br /></lebel>
    <label>手机号:<input type="tel" /><br /><br /></lebel>
    <label>邮箱:<input type="email" /><br /><br /></lebel>
    <label>所属学院:<input type="text" blaceholder="请选择学院" list="xueyuan"/>
    <datalist id=xueyuan>
        <option>java学院</option>
        <option>前端学院</option>
        <option>php学院</option>
        <option>设计学院</option>
    </datalist>
    
    <br /><br />
    
    <label>出生日期:<input type="date" /><br /><br /></lebel>
    <label>成绩:<input type="unmber" /><br /><br /></lebel>
    <label>毕业时间:<input type="date" /><br /><br /></lebel>
    <input type="submit" /><input typt="reste" />
    </fieldset>
    </form>

    </bodt>
</html>

展示结果图片如下:

 2.Html网页如何播放音乐

当前audio元素支持三种音频格式:

        Ogg      MP3          Wav  一共是这三种模式

格式为body里面写入:

<audio controls autoplay>                注:可以不用输入controls和autoplay是有默认值的                                                                          如果输入controls就代表你进来它就自动开始播放

                                                       如果输入controls 是会显示出被隐藏了按键 比如进度条这种      

        <source src="./music/See YOu Again.mp3">

        <source src="./music/See YOu Again.wav">

        <source src="./music/See YOu Again."ogg>

</sudio>

        黄色的字体是音频所在的地址

    由于版权等原因,不懂的游览器可支持的格式是不一样的,一般上面第一和第二条的代码一并输入基本上所有的游览器都能播放

以上

3引入网上视频(非常简单)

该如何引入网上视频        将视频放入自己做的网站:

标签为:<embed src=****************></embed>

红色的地方是网页上面HTML方式的地址,复制粘贴进来就能使用

4导入视频

先介绍使用方法标签不知道的看下面介绍:

在body下输入

<video ****** ******>                这里可以添加controls 和autoplay,如不添加就是默认值

<source src="mp4.mp4">                黄色字体为视频地址

<source src="movie04.ogg">

</video>

通过附加属性可以更友好的控制视频的播放

autoplay 自动播放

controls 是否显示默认播放控件

loop 循环播放

width 设置播放窗口的高度

由于版本等原因,不同的浏览器可支持播放的格式是不一样的,如下图共产靠

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值