周一笔记、作业

最新推荐文章于 2024-07-21 17:23:08 发布

panshiyangmaye

最新推荐文章于 2024-07-21 17:23:08 发布

阅读量16

点赞数

文章标签： html html5

本文链接：https://blog.csdn.net/panshiyangmaye/article/details/134394173

版权

笔记：

1、超链接：

2、test:

6、<a href="./02-test.html">个人中心</a>

3、锚链接：

4、图片补充：

<img src="" boder="20px" align="top" hspace="20px

">你们是祖国的花骨朵

5、视频标签：

(1)<video src="../素材/mv" controls autoply muted loop></video>

(2)<video>

<source="../素材/mv">

</video>

6、音频标签：

7、div标签、span标签：

（div没有具体的含义，用来划分页面的区域）

8、特殊字符：

< <

> >

  空格

" "

9、表单标签：

<input type="text" name="username" placeholder="请输入您的用户名"><br> （表框）

<input type="radio" name="xingbie">男

<input type="radio" name="xingbie">女（单选）

<input type="checkbox" name="hobby">吃饭

<inpit type="checkbox" name="hobby">睡觉

<input type="checkbox" name="hobby">打豆豆（多选）

<input type="sumbit" name=""> （提交按钮）

<button>点击确认</button> （按钮）

<iput type="reset" name=""> (重置按钮)

<input type="button" name="" value="点击"> （空白按钮）

<textarea name="" clos="30" rows="10" maxlength="10"></textarea> （文本框）

</select> （下拉框）

<input type="url" name="url"> (请输入网址)

</form>

作业：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form>
    <h1>用户注册</h1>
    用户名<input type="text" name="yonghuming"><br>
    密码<input type="text" name="mima"><br>
    性别<input type="radio" name="xingbie">男
    <input type="radio" name="xingbie">女<br>
    爱好<input type="checkbox" name="hobby">写作
    <input type="checkbox" name="hobby">听音乐
    <input type="checkbox" name="hobby">体育<br>
    省份<select name="shengfen">
        <option value="陕西">陕西</option>
        <option value="山西">山西</option>
        <option value="江苏">江苏</option>
    </select><br>
    自我介绍<textarea name="jieshao"></textarea><br>
    <button>提交</button><button>重置</button>
    </form>
</body>
</html>