标签的语法
1.标签使用<>括起来的,如最基本的<html>。
2.标签一般都是成对存在。
3.标签是可以嵌套的。
4.标签是不区分大小写的。
1.head标签
稳当头部描述了文档的各种属性和信息,和标题
<head>
<title>.....</title>
<meta>
<link>
<style>...</style>
<script>...</script>
</head>
<title>标签内的内容是出现在网页的标题信息,出现在浏览器的标题栏中
<meta>标签提供页面的元信息,比如针对搜索引擎和更新频度的描述和关键词
<link>用于把外部文件连接到文件内部
<style>标签用来对网页样式进行修饰(css)
<script>内部是js代码
2.body标签
用来储存网页中要展现的内容,大部分东西都在这里面
3.p标签,hx标签,strong标签,em标签,span标签,q标签,blockquote标签
<p>..</p>
<hx>,,,</hx>
<strong>....</strong>
<em>...</em>
<span>...</span>
<q>..</q>
<blockquote>...</blockquote>
<p>..</p>用来在网页上显示文章,p标签的默认样式中在段前段后都会有空白
<hx>...</hx>用来为网页添加标题,分为六级,一次按重要程度的不同进行排序
<strong>..</strong>用来对文字进行加粗处理
<em>...</em>用来对文本进行加斜体处理
<span>..</span>用来对文字设置单独样式,也可以用来把块状元素转化为内联元素,strong和em相对于span主要是起到强调的作用,而span标签是没有语意的用来对文字进行单独样式设计
<q>..</q>标签用来进行短文本引用,使得浏览器自动对引用部分添加引号
<blockquote>...</blockquote>用来进行对长文本进行引用,在浏览器中解析为缩进样式
4.br标签,空格标签,hr标签,address标签,code标签,pre标
签
<br/>标签用于换行
标签用于添加空格
<hr/>标签用于添加分割横线
<address>..</address>用于给网页加入地址信息
<code>...</code>用于为网页中添加一行代码
<pre>...</pre>用来给网页插入大段的代码,注意其与code标签的区别
5.ul标签与ol标签,和与他们进行配合的li标签
<ul>...</ul>用来为网页添加信息列表,ul属于一种无序的标签注意ul和li标签的配合,ul标签默认有圆点
<ol>....</ol>用来添加有序的信息列表
6.table标签,tbody,tr,th,td标签,caption标签
<table>
<tbody>
<tr>
<th>产品名称</th>
<th>品牌</th>
</tr>
<tr>
<td>耳机</td>
<td>联想</td>
</tr>
</tbody>
</table>
<table>...</table>标签是用来为网页添加表格的
<tbody>..</tbody>当表格内容很多时会下载一点显示一点,如果加上tbody之后表格会在完全下载完后在进行显示
<tr>..</tr>表示表格含有几行<td>..</td>用来表示表格一行有多少列
<th>..</th>用来制作表头
<caption>...</caption>为表格添加标题和摘要
7.a标签
<a>...</a>使用a标签可以实现超链接a标签里面的title是表示鼠标滑过时显示的文本,a标签里面的target是用来在一个新的浏览器窗口里面打开链接,a标签里面的mailto是用来链接email地址的。
<a href="mailto:邮箱地址?cc=&bcc=&subject=&body=&>发送</a>
8.img标签
<img src="" alt="" title="">
src用来表示图像的地址,alt时当图像不可见时显示的制定文本,title是鼠标滑过时现实的文本
9.form标签,input,textarea,select,option,label标签
form标签可以实现与用户的交互。form是成对出现的,action时用户输入的数据被传送到的地方,method为数据传送的方式(get/post)
<input type="" name=" " value=""/>
1.type=“text”输入框为文本输入框
type="password" 输入框为密码输入框
type=“radio”控件为单选框
type="checkbox“控件为复选框
type=“submit”是表示提交按钮
type="reset"为重置按钮
2.name:为文本输入框命名,已被后台使用
3.value为文本输入框设置默认值
<textarea></textarea>为文本域标签,col位列书row为行数
<select></select>为下拉列表框可用来节省空间
select下属的option时下拉菜单的选择其中的value是用来表示向服务器提交的值
select后面加multiple是用来表示多选操作
<label for=></label>不会向用户呈现任何特殊效果,它的作用是为鼠标用户改进了可用性选中label标签后,浏览器会自动将焦点转到与标签相关的表单控件中