学习html超文本标记语言第二天

最新推荐文章于 2024-05-19 11:27:40 发布

刘学.

最新推荐文章于 2024-05-19 11:27:40 发布

阅读量85

点赞数 4

分类专栏： HTML学习笔记文章标签： html

本文链接：https://blog.csdn.net/weixin_51275821/article/details/117406676

版权

HTML学习笔记专栏收录该内容

4 篇文章 1 订阅

订阅专栏

今天学到了什么
1，<form>...</form>:表单标签，里面可以放<input type="类型"/>,和<select>...</select>
文本框 type="text"
密码框 type="password"
提交按钮 type="submit"，传送表单数据给服务器端或其他程序处理
重置按钮 type="reset"，清空表单内的内容，并把所有表单的空间值设置为最初的默认值
单选 type="radio"
多选 type="checkbox"
例如：

<input type="text" name="" placeholder="用户名"/></br>
	<input type="password" placeholder="密码" />

隐藏域 type="hidden"，在form表单中包含不希望用户看见的信息，偷偷的向服务器或者后台传递数据，例如：

<input type="hidden" value="123" />

name：设置名称，用于分组，文本选择框，一组单选框或者复选框的名称必须相同，例如：

<input type="radio"   name="gender"/>男
<input type="radio" checked  name="gender"/>女 <!--单选选项默认值被选中--!>
<input type="radio"  name="gender"/>不详

<input type="checkbox" checked name="fav" />篮球 <!--多选选项默认值被选中--!>
<input type="checkbox" checked name="fav" />足球 <!--多选选项默认值被选中--!>
<input type="checkbox"  name="fav" />排球
<input type="checkbox"  name="fav" />球

value：设置默认值，访问者也可以输入；文本值，例如：

<input type="submit" value="登录" />
	<input type="reset" value="重置" />

checked：设置默认值被选中，如上面多选选项中的篮球和足球
placeholder：用于配置文本框的提示信息，当输入内容时该提示信息自动消息
日期时间选择框 type="datetime-local"
日期选择框 type="date"
时间选择框 type="time"
颜色选择框 type="color"
滚动列表 <select>...</select>，里面放<option>...</option>作为选项，例如:

<select>
	<option>陕西</option>
	<option>甘肃</option>
	<option selected>日本</option>
</select>

2，CCS选择器，放在<style>...</style>标签里面
标签选择器 标签名称{样式名称:样式值}
例如：

<style>
	p{
		color: #FF0000;
	}
</style>

ID选择器 #ID{样式名称:样式值}
例如：

<style>
	#box{
		font-size: 60px;
	}
</style>

以上两者都作用于<body>...</body>标签里，比如<p>标签就是在<body>标签里，而ID可以设置在<body>标签里的<div>标签里，比如：

<body>
	<p>在这个人为了爱情去沙漠里受苦时，我的心已经决定要跟他天涯海角，一辈子流浪去了。那个人，就是我现在的丈夫荷西</p>
	<div id="box">撒哈拉沙漠的故事</div>
</body>

这样上面的<style>标签虽然在<head>标签里，但可以有效

3，添加多媒体文件
例如：

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<audio src="music/1.mp3" controls="controls" loop="loop"></audio>
		<video src="video/1.mp4" controls="controls" poster="image/12.jpg"></video>
	</body>
</html>

刘学.

关注

4
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
学习html超文本标记语言第二天

今天学到了什么1，<form>...</form>:表单标签，里面可以放<input type="类型"/>,和<select>...</select>文本框 type="text"密码框 type="password"提交按钮 type="submit"，传送表单数据给服务器端或其他程序处理重置按钮 type="reset"，清空表单内的内容，并把所有表单的空间值设置为最初的默认值单选
复制链接

扫一扫