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 />:添加水平横线,用于分隔文本。是个空标签(默认为灰色粗线条)。
:在网页中加入空格(不要忘记它后面的小尾巴:英文的分号;)。
<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
- HTML+CSS基础笔记——标签篇
- HTML+CSS基础篇(一)——认识标签
- HTML+CSS基础笔记---标签之旅
- HTML+CSS基础课程学习笔记-第二章 HTML标签
- HTML+CSS基础笔记——属性篇
- HTML+CSS基础笔记——链接与图像篇
- 黑马程序员—HTML基础(css+标签)
- HTML基础—标签
- HTML&CSS基础学习笔记1.19-DIV标签1
- HTML&CSS基础学习笔记1.20-DIV标签2
- HTML&CSS基础学习笔记1.21-语义化标签
- HTML&CSS基础学习笔记1.26-input标签重置表单
- HTML基础标签笔记
- html基础标签笔记
- HTML+CSS基础篇(二)——表单标签,与浏览器交互
- Html+css基础标签属性
- html+css基础笔记
- html+css基础笔记
- 二叉树最低公共祖先
- 剑指Offer 18 树的子结构
- vim使用总结
- 我是怎么走出迷茫,找到自己热爱的事业的。
- Python变量和数据类型
- HTML+CSS基础笔记——标签篇
- Runnable和Thread的使用简介与区别
- 【TV Picture Quality
- [mysql]MySQL修改root密码的多种方法
- JavaScript正则表达式学习总结
- 【7】.net WebAPI Owin OAuth 2.0 密码模式验证实例
- 【CodeForces】311E Biologist
- Object类概述及其构造方法
- shell脚本学习(一)