HTML5基本标签的应用

基本标签

<html>标签它是html文档的根元素。但是html5允许完全省略这个元素。
<head>标签它是用于定义html文档的头部。但是html5允许完全省略这个元素。
<title>标签它是用于定义html页面的标题。
<body>标签它是用于定义html的页面主体部分。该标签可以指定id、class、style、等核心属性。还可以指定onload、onunload、onclick等事件属性。
<style>标签该元素用于引用样式的定义。
<h1>~<h6>标签定义标题一到标题六。
<p>标签定义段落，该标签可以指定id、class、style等核心属性。
<span>标签与<div>标签基本相似该标签内容默认不会换行。
<p>标签是块标签，<div>标签也是块标签，<span>的内联标签。这三个都是容器标签。不同是<p>会自带的有段落间距，<div>不会，只有<span>标签内容不换行。
<br>标签插入一个换行。
<hr>标签定义水平线。

超链接，列表相关

<a>网页的链接标签。href：关联着另一个资源。target：指定框架中使用哪个框架来装载另一个资源，_self使用自身、_blank新窗口、_top顶层框架、_parent父框架。media：指定目标URL所引用的媒体类型。默认为all，只有指定了href才会有效。
<ul>定义无序列表。该元素的内部只能包含<li>元素。
<ol>定义有序列表。该元素的内部只能包含<li>元素。start:指定列表起始项数据。eg：A、1等。type：使用哪种类型编号。
<li>定义列表项。
<dl>定义列表。可以定义标题。
<dt>定义标题列表项。
<dd>定义普通列表项。
<img>定义图像。src:图像资源URL。alt：指定一段文本作为该图片的提示信息。
<table>用于定义表格。cellpadding:指定单元格内容与单元格边框之间的间距。cellspace：指定单元格之间的间距。width：指定表格的宽度。
<caption>用于定义表格标题。
<tr>定义表格行。只能包含<td>、<th>两种元素。
<td>定义单元格。colspan:该单元格跨多少列。rowspan:该单元格跨多少行。
<th>定义表格页眉单元格。
<tbody>定义表格主体。
<thead>定义表格头。
<tfoot>定义表格脚。
<iframe>定义内联框架。
<button>定义按钮。可以在标签内放置文本、图像。这是该元素与通过 input 元素创建的按钮的不同之处。
<datalist>定义标签选项列表。与input标签配合使用。请使用 input 元素的 list 属性来绑定 datalist。
<input> 标签规定用户可输入数据的输入字段。
根据不同的 type 属性，输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等。
<textarea>定义一个文本区域 (text-area) （一个多行的文本输入区域）。用户可在此文本区域中写文本。在一个文本区中，您可输入无限数量的文本。文本区中的默认字体是等宽字体 (fixed pitch)。
<optgroup> 标签定义选项组。此元素允许您组合选项。当您使用一个长的选项列表时，对相关的选项进行组合会使处理更加容易。
<option> 标签定义下拉列表中的一个选项。
<output> 标签定义不同类型的输出，比如脚本的输出。
<menu> 标签定义菜单列表。当希望列出表单控件时使用该标签。
<mark> 标签定义带有记号的文本。通常是高亮显示。
<figure> 标签规定独立的流内容（图像、图表、照片、代码等等）。figure 元素的内容应该与主内容相关，但如果被删除，则不应对文档流产生影响。

文本格式化元素

扫描二维码关注公众号，回复： 4292298 查看本文章

<b>标签定义粗体文本。
<i>标签定义斜体文本。
<em>标签定义斜体文本。
<strong>标签定义粗体文本。
<strong>增加了语义。使用<strong>包起来的文本代表重要文本
<small>定义小号字体文本。
<sup>定义上标文本。
<sub>定义下标文本。
<bdo>定义文本的显示方向。该标签可以指定dir属性，该属性的值只能是ltr或者rtl。

HTML5基本标签的应用

猜你喜欢