HTML常见标签学习

2018-03-27 本文已影响0人大笑_876c

关于表格的HTML标签的介绍

<table>表示一个表格，<tr>表示表格的一行，<td>表示表格一行中的一个单元格，<th>和<td>一样，只不过<th>标签让内容居中并加粗，常用语表示表头的信息。

<thead>表示表格第一行表头。

<tfoot>表示表格最底部一行。

关于超链接的HTML标签介绍

<a>表示超链接。

<a herf='http://www.baidu.com'>链接</a> href属性表示点击超链接跳转到哪个地方。

herf属性的其它写法

1. herf='//qq.com' 无协议绝对地址,自动继承协议

2.herf='xxx.html' 相对地址

3.herf='?name=dog' 会自动在当前页面地址尾部加上查询参数，并发起请求

4.herf='#xxx' 当前页面内锚点跳转，不会发起请求

5.herf='javascript: alert(1);' 伪协议，会运行一段代码

6.herf='javascript:;' 不会发起请求，点击后什么也不做

7.herf='#' 跳转到当前页面顶部

8.herf='' 会刷新当前页面

有些奇葩需求会让做一个点击后无任何反应的超链接，这时候应该用herf='javascript:;'这种方式。

a标签用于GET请求

关于表单的HTML标签的介绍

<form>即表示表单。表单里面可以存放以下类型的元素：用于POST请求

如果form标签内没有提交按钮就无法提交。

例：<input type='submit' value='submit'>

如果一个form标签里只有一个button标签且没有指定type的值,那么会自动升级为提交按钮。

其它常用标签

<button> 用于显示一个按钮

<code> 用于包裹一段代码内容

<div> 用于包裹住一些其他的标签，制造一个容器

<em> 用于强调一些文本内容

<del> 用于删除一些不需要的文字

<footer> 用于包裹页面的地步内容

<form> 用于制作一个表单

<h1>~<h6> 用于标记标题，从h1到h6重要性依次递减

<head> 用于包裹页面的元数据，如<meta>,<link> ,<title> 等

<header> 用于包裹页面的头部内容

<hr> 用于制造出一条分隔线

<html> 整个 HTML 文档的根元素，包裹住其他所有的元素

<input>用于显示一个表单输入控件

<label>用于给一个表格输入控件打上一个标签，说明输入控件的作用

<mark>用于高亮显示某些文本

<nav>用于包裹住一个导航条的内容

<ol>用于制作一个有序列表

<p>用于显示一个段落

<q>用于一小段引用文字

<section>用于包裹一部分有逻辑关第的页面内容

<select>用于制作一个下拉列表选框

<span>用于包裹住一小段文字，作为一个容器

<table>用于制作一个表格

<tbody>用于表格里的主体部分

<td>用于表格里的某一个单元格

<textarea>用于制作一大块文本输入框

<th>用于表格里的表头的单元格

<thead>用于表格里的表头

<tr>用于标记表格里的一行

<ul>用于制作一个无序列表