今天我们讲了一些基础标签,接下来就给大家分享一下今天学了什么东西。
标题标签 h1-h6
H1-h6语义越来越轻
页面上只有一个h1标签
段落标签 p
一段一段文字出现的时候使用```
比如下面代码:
<h3>登黄鹤楼</h3>
<p>白日依山尽,</p>
<p>黄河入海流</p>
<p>欲穷千里目</p>
<p>更上一层楼</p>
链接标签 a
链接标签有两种跳转,如:
页面之间的跳转
页面内的跳转
<a href="https://www.baidu.com/"
title="我想去百度"
target="_blank">百度</a>
<a
href="#herd">回到顶部</a>
href:目的地,跳转后的URL地址
title:鼠标悬停显示的内容
target:设置跳转的方式
_self:在当前页面中打开(默认值)
_black:在新的页面打开
图片标签
上一级目录:…/
当前目录:./
<img src="a.jpeg" alt="图片加载失败" />
Src:设置显示的目标图片
Alt:当图片加载失败时,显示的内容
列表标签
有序 ol
<ol type="A" start="4">
<li>160以下</li>
<li>160-170</li>
<li>170-180</li>
<li>180+</li>
</ol>
Start:开始的序数
无序 ul
不能有的坏习惯
<ul
type="square">
<li>黄</li>
<li>毒</li>
<li>赌</li>
<li>色</li>
</ul>
Type:可以设置前面的标签形状(方块,圆)
表单标签
表单
什么是表单:收集用户编辑的信息并将其他信息交给后台服务器
就是将数据丢给后台:
你的后台在哪里:URL地址 action实现
提交的方式:get/post method实现
<form action="#"
method="get">
</form>
get和post的区别
(1) get的不安全,数据在URL中
(2)get传输的数据量较小,浏览器对URL地址的长度有限制
(3) get的效率高
文本输入框
文本:<input type="text" name="anme" /><br
/>
密码框
<label
for="pwd">密码:</label>
<input id="pwd" type="password"
name="pwd" /><br>
一般和input标签联合使用,点击label的时候,对应input的可以获取焦点。
提交按钮 submit
<input type="submit" value="提交按钮" />
重置按钮 reset
<input type="reset" value="重置按钮"/>
普通按钮 button
<input type="button" value="我是按钮"/>
单选按钮 radio
性别:<inputtype="radio" name="sex"/> 男
<input type="radio"name="sex"/> 女<br />
多选按钮 checkbox(复选框)
<input type="checkbox"
name="love" />黄
<input type="checkbox"
name="love" />赌
<input type="checkbox"
name="love" />毒<br />
下拉按钮 select
<select
name="addr">
<option>南昌</option>
<option>上饶</option>
<option>新余</option>
<option>九江</option>
</select><br />
文件选择 fi
文件选择 file
<input type="file" />
Button按钮
<input type="button" value="我是按钮"/>
<button>button按钮<button>
Button标签的按钮,按钮上内容可以是任何内容(图片,文字)
Input标签的按钮,按钮的内容只能是文字
隐藏域
这个标签是隐藏的,看不到
不喜欢被人看到,但是程序的运行需要它