例
带有项目和描述的描述列表:
<dl>
<dt>Coffee</dt>
<dd>Black hot drink</dd>
<dt>Milk</dt>
<dd>White cold drink</dd>
</dl>
浏览器支持
所有主流浏览器都支持 <dd> 标签。
标签定义及使用说明
<dd> 标签被用来对一个描述列表中的项目/名字进行描述。
<dd> 标签与 <dl> (定义一个描述列表)和 <dt> (定义项目/名字)一起使用。
在 <dd> 标签内,您能放置段落、换行、图片、链接、列表等等。
HTML 4.01 与 HTML5之间的差异
在 HTML 4.01 中,<dd> 标签被用来描述一个定义列表中的条目。
在 HTML5 中,<dd> 标签被用来描述一个描述列表的项目/名字。
全局属性
<dd> 标签支持 HTML 的全局属性。
事件属性
<dd> 标签支持 HTML 的事件属性。
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!
一下html中文件标签和文本标签的使用
目的是学会使用,所以借助工具可以省好多时间
1.文件标签:构成html最基本的标签
html:html文档的根标签
head:头标签。用于引入html文档的一些属性。引入外部的一些资源
title:标题标签
body:体标签
<!DOCTYPE html>:html5中定义该文档是html
2.文本标签:和文本有关的标签
注释:<!-- 注释内容 –->
<h1> 到<h6>:标题标签自带换行的效果
<p>:表示段落的标签
<br>:换行标签<br/>和<br>的写法都不会报错
<hr>:显示一条水平线(也是一个自闭和标签)水平线有一些属性我们可以控制它的样式。hr里面表示高度是size而不是height.对齐方式默认是居中的。
<b>:字体加粗
<i>:斜体
<font>:字体标签(通过属性来修改字体的字号,大小,颜色,以及字体的样式)
<center>:文本居然标签
这里讲下网页下面的版权标签是如何写出来的。
3.图片标签:用来展示图片的(图片也是一个自闭合标签)
属性:src:用来指定图片的位置
什么都不写默认就是./的形式
../表示上一级目录
4.列表标签:
有序列表:ol,li(li表示的是列表的每一项)
无序列表:ul,li
5.链接标签:
a:定义一个超链接
属性:
href:指定访问资源的URL(统一资源定位符,就是路径的表示形式)
target:(是目标的意思)指定打开资源的方式
_self:在当前页面打开
_blank:在空白页面打开
6.表格标签:在HTML中的表格只有行的概念,没有列的概念,将表格以行的形式进行分割,然后再对行进行操作。
table:定义表格
width:表格的宽度
border:边框
cellpadding:单元格内容左对齐(定义内容和单元格的距离)
cellspacing:边框合并(定义单元格之间的距离,如果指定为0,单元格的线会合为一条)
bgcolor:背景色
align:表格的对齐样式
tr:定义行
bgcolor:背景色
align:表格的对齐样式(是用来修改文本的对齐方式的)
td:定义单元格
colspan:合并列
rowspan:合并行
th:定义表头单元格
<caption>:表格标题
<thread>:表示表格的头部分
<tbody>:表示表格的体部分
<tfoot>:表示表格的脚部分
7.块标签:div和span是结合css使用的
span:文本信息在一行显示,行内标签,内联标签(意思就是它不会换行)
div:是会换行的。每一个div占满一整行。块级别的标签
8.语义化标签:html5中为了提高程序的可读性,提高了一些标签
<header>
<footer>
览器支持
所有主流浏览器都支持 <a> 标签。
标签定义及使用说明
<a> 标签定义超链接,用于从一个页面链接到另一个页面。
<a> 元素最重要的属性是 href 属性,它指定链接的目标。
在所有浏览器中,链接的默认外观如下:
未被访问的链接带有下划线而且是蓝色的
已被访问的链接带有下划线而且是紫色的
活动链接带有下划线而且是红色的
提示和注释
提示:如果没有使用 href 属性,则不能使用 hreflang、media、rel、target 以及 type 属性。
提示:通常在当前浏览器窗口中显示被链接页面,除非规定了其他 target。
提示:请使用 CSS 来改变链接的样式。
HTML 4.01 与 HTML5之间的差异
在 HTML 4.01 中,<a> 标签既可以是超链接,也可以是锚。在 HTML5 中,<a> 标签是超链接,但是假如没有 href 属性,它仅仅是超链接的一个占位符。
HTML5 有一些新的属性,同时不再支持一些 HTML 4.01 的属性。
属性
New :HTML5 中的新属性。
| 属性 | 值 | 描述 |
|---|---|---|
| charset | char_encoding | HTML5 不支持。规定目标 URL 的字符编码。 |
| coords | coordinates | HTML5 不支持。规定链接的坐标。 |
| downloadNew | filename | 指定下载链接 |
| href | URL | 规定链接的目标 URL。 |
| hreflang | language_code | 规定目标 URL 的基准语言。仅在 href 属性存在时使用。 |
| mediaNew | media_query | 规定目标 URL 的媒介类型。默认值:all。仅在 href 属性存在时使用。 |
| name | section_name | HTML5 不支持。规定锚的名称。 |
| rel | alternateauthorbookmarkhelplicensenextnofollownoreferrerprefetchprevsearchtag | 规定当前文档与目标 URL 之间的关系。仅在 href 属性存在时使用。 |
| rev | text | HTML5 不支持。规定目标 URL 与当前文档之间的关系。 |
| shape | defaultrectcirclepoly | HTML5 不支持。规定链接的形状。 |
| target | _blank_parent_self_topframename | 规定在何处打开目标 URL。仅在 href 属性存在时使用。 |
| typeNew | MIME_type | 规定目标 URL 的 MIME 类型。仅在 href 属性存在时使用。注:MIME = Multipurpose Internet Mail Extensions。 |
全局属性
<a> 标签支持 HTML 的全局属性。
事件属性
<a> 标签支持 HTML 的事件属性。
创建超级链接
本例演示如何在 HTML 文档中创建链接。
将图像作为链接
本例演示如何使用图像作为链接。
在新的浏览器窗口打开链接
本例演示如何在新窗口打开一个页面,这样的话访问者就无需离开您的站点了。
创建电子邮件链接
本例演示如何链接到一个邮件。(本例在安装邮件客户端程序后才能工作。)
创建电子邮件链接 2
本例演示更加复杂的邮件链接。
使用锚跳转到同一个页面的不同位置
本例演示如何使用锚的 id 属性跳转到页面的不同位置( HTML5 不支持 name 属性)
如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!
*请认真填写需求信息,我们会在24小时内与您取得联系。