HTML+CSS基础笔记——标签篇

来源:互联网 发布:淘宝付邮试用中心入口 编辑:程序博客网 时间:2024/06/07 06:28

前言:

html标签:被尖括号 <> 包起来的对象。
html元素:构成html文件的基本对象;从开始标签到结束标签的所有代码。

以下是标签的汇总(待更新):

①一般标签:

<html>...</html>:根标签;用来描述网页;所有的代码都要写在它的里面。
<head>...</head>:文档的头部;是所有头部元素的容器
<title>...</title>:网页的标题;出现在浏览器标题栏中;是头部元素。
<body>...</body>:页面内容。
<h1>...</h1>-<h6>...</h6>:页面内容中的标题;共六个,分别为一级标题,二级标题......六级标题。
<p>...</p>:页面内容中的段落。(样式为大换行,相当于两个回车)。
<span>...</span>:为了在段落中设置的单独样式
<br />:换行符(小换行,相当于一个回车),是个空标签
<hr />:添加水平横线,用于分隔文本是个空标签(默认为灰色粗线条)。
&nbsp;:在网页中加入空格(不要忘记它后面的小尾巴:英文的分号;)。
<q>...</q>:文本引用,一般用于不是作者自己的文字,而是引用别人的话。(样式:浏览器自动加双引号)。
<blockquote>...</blockquote>:文本引用,一般用于引用别人的长文本。(样式:浏览器自动对其缩进)。
<code>...</code>:在网页中插入一行代码
<pre>...</pre>:在网页中插入大段代码。在<pre>元素中的文本会保留空格和换行,也叫预格式文本标签。
<address>...</address>:为网页加入地址信息。有的网页中会有一些网站的联系地址(例如:公司地址);也可以定义一个地址(例如:电子邮件地址)、文档的作者身份等。(默认样式为斜体)。
<a>...</a>:在网页中插入超链接
<img>...</img>:在网页中插入图片
<div>...</div>:为网页划分独立的板块把网页中独立的逻辑部分划分出来,是组合其他html元素的容器。

②文本格式化标签:

<b>...</b>:字体加粗(bold)。
<big>...</big>:大字体。
<em>...</em>:强调字(emphasized)。强调关键字。(默认样式为斜体)。
<i>...</i>:斜体(italic)。
<small>...</small>:小字体。
<strong>...</strong>:加重语气。更强烈的强调。(默认样式为粗体)。

③图像映射标签:

<map>...</map>:用来指定图片。
<area>...</area>:用来指定图片中超链接的区域。

④表格排版标签:

<table>...</table>:定义表格。所有表格元素的容器。
<tbody>...</tbody>:使表格全部下载完毕后显示表格。(因为当表格内容非常多时,表格会下载一点显示一点)。
<th>...</th>:定义表格的表头单元格。(默认样式为粗体)。
<tr>...</tr>:定义表格的(有几对<tr>...</tr>,表格就有几行)。
<td>...</td>:定义每行被分割的单元格(一行中有几对<td>...</td>,表格就有几列)。
<caption>...</caption>:设置表的标题(来描述表格内容),在表格上方显示。

⑤列表标签:

<ol>...</ol>:定义有序列表。(例如:图书销售排行榜)
<ul>...</ul>:定义无序列表。(例如:新闻信息列表)
<li>...</li>:定义每个列表项,有序和无序一样
<dl>...</dl>:定义定义列表
<dt>...</dt>:定义列表的列表项。
<dd>...</dd>:定义列表的列表项的解释说明

⑥表单标签:

<form>...</form>:为用户输入创建表单。
<input />:用于搜集用户信息。
<textarea>...</textarea>:(文本输入域)支持多行文本输入;用户可在表单输入大段文字
<select>...</select>:创建下拉列表的单选多选菜单
<option>...</option>:定义下拉列表中菜单的一个选项。(在<select>...</select>元素内部)。
<label>...</label>:无任何特殊效果,为鼠标用户改进可用性。用户单击选中该标签中的文本时,浏览器会自动将焦点转到和<label>标签相关的表单控件上


0 0
原创粉丝点击