2021-8-2 HTML

hyper text markup language超文本标记语言

  1. HTML 1.0:在1993年6月作为互联网工程工作小组(IETF)工作草案发布
  2. HTML 2.0:1995年11月作为RFC 1866发布
  3. HTML 3.2:1997年1月14日,W3C推荐标准
  4. HTML 4.0:1997年12月18日,W3C推荐标准
  5. HTML 4.01(微小改进):1999年12月24日,W3C推荐标准
  6. HTML 5:HTML5是公认的下一代Web语言,极大地提升了Web在富媒体、富内容和富应用等方面的能力,被喻为终将改变移动互联网的重要推手

标题标签

列表标签

<ul>无序列表
            <li>我命由我不由天</li>
            <li>我命由我不由天</li>
            <li>我命由我不由天</li>
        </ul>

<ol>有序列表
            <li>我命由我不由天</li>
            <li>我命由我不由天</li>
            <li>我命由我不由天</li>
        </ol>

超链接标签:指定跳转到网址,target决定以什么方式打开

target="_blank"新的窗口  

target="_self"默认当前窗口

表单标签

想单选name属性就必须设置相同,提交默认为on,需要设置values。

1.把提交的按钮必须改成submit类型

2.给标签加name属性

3.当提交数据时,会把用户输入的信息提交给服务器,&号连接

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>	
	</head>
	<body>	
	<form action="" method="" >
		<table border="3px" cellspacing="" cellpadding="" width="450px" height="50px"  >
			<tr><th colspan="2">YYDS</th></tr>
			<tr><td>用户名:</td>
				<td><input type="text" name="user" /></td>
			</tr>
			<tr><td>密 码:</td>
				<td><input type="password" id="" value="" name="password" /></td>
			</tr>
			<tr><td>确认密码:</td>
				<td><input type="password" id="" value="" /></td>
			</tr>
			<tr><td>昵称:</td>
				<td><input type="text" id="" value="" /></td>
			</tr>
			<tr><td>邮箱:</td>
				<td><input type="email" id="" value="" /></td>
			</tr>
			
			<tr><td>性别:</td>
				<td><input type="radio" src="" value="1" name="sex"/>男
				<input type="radio" src="" value="0" name="sex"/>女</td>
			</tr>
			<tr><td>爱好:</td>
				<td><input type="checkbox" src="" />篮球
				<input type="checkbox" src="" />足球
				<input type="checkbox" src="" />羽毛球</td>
			</tr>
			<tr><td>城市:</td>
				<td><select name="" >
				<option  hidden="hidden">城市</option>
					<option value="">北京</option>
					<option value="">上海</option>
					<option value="">广州</option>
					<option value="">深圳</option>
				</select></td>
			</tr>
			<tr><td>头像:</td>
				<td><input type="file" name="" /></td>
			</tr>
			<tr><td>自我介绍:</td>
				<td><textarea rows="" cols="">	
				</textarea>
			</tr>
			<tr>
				<td colspan="2">
				<input type="submit" value="提交" style="width: 40px;height: 20px;background-color: blueviolet;border: 0px;"/>
				<input type="reset" value="重置"style="width: 40px;height: 20px;background-color: pink;border: 0px;"/>
				</td>
			</tr>
		</table>
		</form>
	</body>
</html>

H5播放视频

<html>
	<head>
		<meta charset="utf-8">
		<title>H5网页技术</title>
	</head>
	<body>
		<!-- 加载mp3音频
		注意::浏览器默认规定视频音频不会自动播放,因为自动播放会占用流量
		-->
		<audio controls="controls">
			<source src="jay.mp3"></source>
		</audio>
		
		<!-- 加载mp4 视频
注意::不能按网站方式访问,无法打开视频,直接按本地文件打开方式可以正常播放
			http://127.0.0.1:8848/cgb/video.html
		-->
		<video controls="controls">
			<source src="yibo.mp4"></source>
		</video>
		
		<img src="1.jpg"/> 
		<img src="D:/1.jpg"/>
	</body>
</html>	

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值