<h1>
到 <h6>
分别表示不同大小的标题;
<p>
标签即表示段落,是paragraph的缩写,自带换行效果;
<b>
,<strong>
都能实现粗体的效果;
<i>
和<em>
都可以表示斜体效果;
在网页上显示代码,比如C语言代码,就需要用到<pre>
;
<del>
即删除标签,delete的缩写;
<ins>
即下划线标签
<u>
也可实现下划线功能,但不建议使用;
<img>
即图像标签,需要设置其属性 src指定图像的路径
图片中可加上alt属性;
<a>
标签即用来显示超链
完整元素是<a href="跳转到的页面地址">超链显示文本</a>
;
<table>
标签用于显示一个表格
<tr>
表示行
<td>
表示列又叫单元格;
列表分无序列表和有序列表
分别用<ul>
标签和<ol>
标签表示;
<div>
,<span>
这两种标签都是布局用的
这种标签本身没有任何显示效果,通常是用来结合css进行页面布局
<div>
是块元素,能自动换行,<span>
是内联元素,不能自动换行
<font>
标签表示字体
<font>
常用的属性有 color和size, 分别表示颜色和大小
<iframe>
即内联框架
通过内联框架 可以实现在网页中“插入”网页
<input type="text">
即表示文本框,并且只能够输入一行
如果要输入多行,使用文本域<textarea>
;
<input type="password">
即表示密码框;
<form>
用于向服务器提交数据,比如账号密码;
其中get和post的区别:
get
是form默认的提交方式
如果通过一个超链访问某个地址,是get方式
如果在地址栏直接输入某个地址,是get方式
提交数据会在浏览器显示出来
不可以用于提交二进制数据,比如上传文件
post
必须在form上通过 method=“post” 显示指定
提交数据不会在浏览器显示出来
可以用于提交二进制数据,比如上传文件;
<br/>
换行;
<input type="radio" >
表示单选框;
<input type="checkbox">
即表示复选框;
<select>
即下拉列表,需要配合<option>
使用;
<textarea>
即文本域
与文本框不同的是,文本域可以有多行,并且可以有滚动条;
<input type="button">
即普通按钮
普通按钮不具备提交form的效果;
<input type="submit">
即为提交按钮
用于提交form,把数据提交到服务端;
<input type="reset">
重置按钮 可以把输入框的改动复原;
<input type="image" >
即使用图像作为按钮进行form的提交;
<button></button>
即按钮标签
与<input type="button">
不同的是,<button>
标签功能更为丰富
按钮标签里的内容可以是文字也可以是图像
如果button的type=“submit” ,那么它就具备提交form的功能;
进度条标签<progress>