HTML基础标签
1.标题标签
网页中的标题可以分为六个不同的级别(h1~h6),页面中只有一个h1标签,h1–h6的语义越来越轻。
<h1></h1>
<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>
<h4>四级标题</h4>
2.段落标签
跟文章段落一样,一段一段文字的时候使用。
<p></p>
<p>清明</p>
<p>清明时节雨纷纷</p>
<p>路上行人欲断魂</p>
<p>借问酒家何处有</p>
<p>牧童遥指杏花村</p>
3.链接标签
页面间的跳转
页面内的跳转
<a></a>
<a href="http://www.baidu.com"title="浏览百度"target="_blank">去百度</a>
<a href="#head">回到顶部</a>
href:目的地,跳转后的URL地址。
title:鼠标悬停显示的内容。
target:设置跳转的方式。
_self:在 当前页面中打开; (默认值)。
_black: 在新的页面打开。
4.图片标签
上一级目录: …/
当前目录::./
<img src="./imng/bjpg" alt="图片加载失败">
src:设置显示的目标图片
alt:当图片加载失败的时候,显示的内容
5.列表标签
顺序: order
没有顺序: unorder
列表:list
项目:item
1.有序ol
班级人数的身高
<ol type="A" start="4">
<li>160CM以下</li>
<li>160~170</i>
<li>170~180</i>
<li>180+</i>
</ol>
type:计数方式: A’ "Z,a^ z,1-2 -3-4,i、ii. iii、 iv
start:开始的序数
2.无序ul
饭店的菜谱
<ul type="square">
<li>黄焖鸡</i>
<li>酸菜鱿鱼</i>
<li>手撕包菜</li>
<li>鱼香肉丝</i>
</ul>
(1)每一个项目前面有一些符号。
(2)可以通过type属性去设置符号的类型(方块、圆)
6.表单标签
什么是表单:收集用户编写的信息并将其信息提交给后台服务器。就是是将速度丢给后台。
你的后台在哪里: URL 地址==>action
提交的方式: get/post==>method
<form action="#" method="get">
</form>
文本输入框:text
密码框:password
label:一般和input标签联合使用,点击label的时候,对应input的可以获取焦点。
提交:submit
普通按钮:button
<form action="#" method="get">
文本:<input type="text" name="name">
<label for="pwd">密码</label>
<input id="pwd" type="password" name="pwd"><br>
<input type="button" value="我是按钮"><br>
<input type="reset" value="重置按钮"><br>
<input type="submit" value="提交按钮"><br>
重置按钮:reset
单选按钮:radio
多选按钮(复选框) :checkbox
下拉列表:select
文件选择:file
<input type="button" value="input按钮">
<button >button按钮</button>
button标签的按钮,按钮上内容可以是任意内容(图片、文字)
input标签的按钮,按钮的内容只能是文字
7.隐藏标签
隐藏标签:hidden