HTML基础跟着李南江学编程

最新推荐文章于 2021-06-23 23:07:20 发布

子.星语

最新推荐文章于 2021-06-23 23:07:20 发布

阅读量326

点赞数 1

文章标签： html5 html

本文链接：https://blog.csdn.net/ljh1972/article/details/103546953

版权

基础标签

<a href="https://www.qq.com/">百度</a>				超链接标签

<a href="https://www.qq.com/" title="百度">百度</a>	超链接标签

<hr />												分割线标签

<img src="XXX.jpg" width="100px" height="150px">	图片链接标签

<a href="#">可以回到头部</a>						假链接标签不会跳转

<a href="javascript">不可以回到头部</a>				假链接标签不会跳转

<ul>												有序列表标签
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
</ul>

<form>													dalist标签
    数字<input type="text" list="aa">
    <datalist id="aa">
        <option>11</option>
        <option>22</option>
        <option>3</option>
        <option>4</option>
    </datalist>
</form>

<select>												下拉菜单
    <optgroup label="数字">
        <option>1111</option>
        <option>1111</option>
        <option>1111</option>
        <option>1111</option>
    </optgroup>
    <optgroup label="文字">
        <option>是</option>
        <option>是</option>
        <option>是</option>
        <option>是</option>
        <option>是</option>
    </optgroup>
</select>

input标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        textarea{

            resize: none;
        }


    </style>
</head>
<body>
<form action="http://www.qq.com">
    <fieldset>
    <legend>注册页面</legend>
    <p>
        <label for="ac">账号:</label><input type="text" name="account" id="ac">
    </p>
    <p>
        <label for="ll">密码:</label><input type="password" name="pwd" id="ll">
    </p>
    <p>
        性别：
        <input type="radio" name="xx" value="male">男
        <input type="radio" name="xx" value="fe">女
        <input type="radio" name="xx" checked="checked" value="yan">保密
    </p>
    <p>
        爱好:
        <input type="checkbox" name="sport">篮球
        <input type="checkbox" name="sport">足球
        <input type="checkbox" checked="checked">乒乓球
    </p>
    <p>
        个人简历:
        <textarea cols="20" rows="2"  name="desc"></textarea>

    </p>
    <p>
        生日:
        <input type="date" name="bi">
    </p>
    <p>
        邮箱:
        <input type="email" name="em">
    </p>
    <p>
        电话:
        <input type="number" name="phone">
    </p>
    <p>
        <input type="submit" value="注册">
        <input type="reset" value="清空">
    </p>
    </fieldset>
</form>
</body>
</html>

<audio src="h.mp4"></audio>							audio标签
<audio>
    <source src="h.mp4">
</audio>

												 marquee标签跑马灯
<marquee>你好</marquee>
<marquee direction="right">你好</marquee>
<marquee direction="up">你好</marquee>
<marquee direction="down">你好</marquee>

<!--速度-->
<marquee scrollamount="2">你好</marquee>

<!--次数-->
<marquee loop="2">你好</marquee>

<!---->
<marquee behavior="slide">你好</marquee>
<marquee behavior="alternate">你好</marquee>

														video标签
autoplay 自动播放

controls 显示进度条

poster  占图片位置

loop 循环播放

preload  提前加载（下载） 但是不能和  自动播放 一起用

<!--<video src="h.mp4" autoplay="autoplay" controls="controls"></video>-->

<!--<video src="h.mp4" controls="controls" poster="11.jpg"></video>-->

<video src="h.mp4" controls="controls" poster="11.jpg"></video>

我正在跟着江哥学编程, 更多前端+区块链课程: www.it666.com

子.星语

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
HTML基础跟着李南江学编程

基础标签<a href="https://www.qq.com/">百度</a> 超链接标签<a href="https://www.qq.com/" title="百度">百度</a> 超链接标签<hr /> 分割线标签<img src="XXX.jpg" width="100px" he...
复制链接

扫一扫