基础标签和表单标签

最新推荐文章于 2024-11-07 10:38:40 发布

坚持曾今曾坚持的

最新推荐文章于 2024-11-07 10:38:40 发布

阅读量109

点赞数

文章标签： html

本文链接：https://blog.csdn.net/qq_44791674/article/details/108188809

版权

基础标签

标题标签h1~h6

h1~h6语义越来越轻（从大到小）
页面只有一个h1的标签
段落标题p
一段一段文字使用
链接标签a
页面间的跳转
页面内的跳转
href:目的地，跳转后的URL地址
title:鼠标悬停显示的内容
target:设置跳转的方式
—self：在当前页面中打开：（默认值）
—black：在新的页面打开

图片标签

上级目录：…/
当前目录：./
src：设置显示的目标图片
alt：当图片加载失败的时候，显示的内容
列表标签
顺序：order
没有顺序：unorder
列表：list
项目（一项一项）：item
有序 ol
试卷：A.B.C.D4个选项
<oltype="A"start=“4”>
type：计数方式：A_Z,az,1-2-3-4,i-ii-iii-iv
start:开始的叙述
无序 ul
（1）每一个项目前面有一些·符号。
（2）可以通过type属性去设置符号类型（方块，圆）

表单标签

表单
什么是表单：手机用户编写的信息并将其信息提交给后台服务器
后台位置：URL地址->action
提交方式：get/post ->method
get和post的区别
（1）get的不安全，数据在URL中
（2）get传输的数量小，浏览器对URL地址的长度有限制的
（3）get的效率高
文本输入框text
密码输入框password
label 一般和input标签联合使用，点击labet的时候，对应input的可以获取焦点
提交submit
普通按钮button

表单标签

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<form action="#" method="get">
			文本: <input type="text" name="anme"><br>
			<label for="pwd">密码:</label>
			<input id="pwd" type="password" name="pwd"><br>
			<input type="button" value="我是按钮"><br>
			<input type="reset" value="重置按钮"><br>
			
			性别:
			<input type="radio" name="sex"> 男
			<input type="radio" name="sex"> 女<br>
			
			爱好:
			<input type="checkbox" name="love"> 黄
			<input type="checkbox" name="love"> 毒
			<input type="checkbox" name="love"> 赌<br>
			
			地址:
			    <select name="addr">
					<option>南昌</option>
					<option>九江</option>
					<option>赣州</option>
					<option>宜春</option>
				</select>
				
			头像:<input type="file"><br>
			<input type="button" value="input按钮"><br>
			<button >button按钮<img scr="./img/a.jpg" alt=""></button><br>
			
			<input type="hidden" name="id" value="1234567">
			
			<input type="submit" value="提交按钮">
		</form>
	</body>
</html>


## 基础标签

```html
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<h1 id="head">我是h1</h1>
		<h2>我是h2</h2>
		<h3>我是h3</h3>
		<h4>我是h4</h4>
		
		<h3>登鹤雀楼</h3>
		<p>白日依山尽</p>
		<p>黄河入海流</p>
		<p>欲穷千里目</p>
		<p>更上一层楼</p>
		<br><br><br>
		
		<a href="http://www.baidu.com" title="我想去百度" target="_blank">百度</a>
		<a href="#head">回头顶部</a>
		
		<img scr="./img/b.jpg" alt="图片加载失败">
		不能有的坏习惯:
		<u1 type="square">
			<li>黄</li>
			<li>毒</li>
			<li>赌</li>
			<li>色</li>
		</u1>
		
		你的身高
		<ol type="A" start="4">
			<li>160CM以下</li>
			<li>160~170</li>
			<li>170~180</li>
			<li>180+</li>
		</ol>
		
	</body>
</html>