img标签 a标签 form标签基础用法

 qq技术交流群: 581478349

<!DOCTYPE html>
<html>

	<head>
		<!--中文-->
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	
	</head>
  <body>
	<div>图片</div>
	<img src="https://ss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2735633715,2749454924&fm=27&gp=0.jpg"  style="width: 200px;" alt="图片加载失败显示的文字" title='图片提示符'/>
	<div>a标签</div>
	<a href="http://www.baidu.com">www.baidu.con</a>
	<div>a标签 target='_blank' 在新页面中打开链接</div>
	<a href="http://www.baidu.com" target='_blank'>www.baidu.con</a>
	<!--锚点定位-->
		<a href="置顶id" >置顶</a>
		<div>a标签 打电话</div>
		<a href="tel:15778235852" >打电话</a>
		<div>a标签 发邮件 </div>
		<a href="mailto:[email protected]" >发邮件</a>
			<div>a标签 协议限定符 </div>
		<a href="javascript:while(1){alert('让你手欠')}" >协议限定符</a>
		<div>form 表单 </div>
		<form method="get/post‘请求方式’" action="后端地址">
			<p>名字<input type="text"  name='text' value="" placeholder="聚焦" style="color: #999;" onfocus="this.value=value;this.style.color='#424242'" /></p>
			<p>密码<input type="password"   name='password'/></p>
			<!--提交-->
			<p><input type="submit"  /></p>
		</form>
		<div>form 单选</div>
		<form method="get’" action="">
			1<input type="radio" name="1"  value="1" />
			2<input type="radio" name="1" value="2" />
			<input type="submit"  />
		</form>
	</body> 


</html>

承接web前端开发:

v:

猜你喜欢

转载自blog.csdn.net/qq_41241504/article/details/88800938
今日推荐