HTML知识文章关闭所有内容预览 | 展开所有内容预览
-
[图文] HTML 全局属性
[内容预览]
61 | 2023-05-19
HTML中的全局属性是指可以应用到所有HTML元素的属性。如id属性可以运用到所有HTML元素中，提供唯一的标识。 在HTML中，全局属性包括以下几种： 属性 描述 accesskey 为元素设置激活或访问的快捷键 class 为元素指定一个或多个类名（指样式表中定义的类） contenteditabl...
[阅读全文]
-
[组图] HTML 样式-CSS
[内容预览]
178 | 2023-05-18
在HTML文档中，可以使用CSS（Cascading Style Sheets，层叠样式表）来渲染HTML元素的风格。 HTML可以有力的组织网页的内容，构建网页结构，但在网页布局、内容呈现样式方面的表现较弱或不够方便。而借助CSS，用户可以具有更强大的布局控制能力，并能够使网页更加具有美感。CSS还可以同时控制多个网页的布局和风格，使得修改和维护更加方便。 什么是CSS CSS是Cas...
[阅读全文]
-
[图文] HTML <img> 标签
[内容预览]
155 | 2023-05-16
在网页设计中，图像可以提高网页的美感，也可以提升内容的可读性。 在HTML中，使用<img>标签来定义一个图像。 HTML <img>基本语法 在HTML中，<img>标签的基本语法形式如下： <img src="图像的URL" alt="可替换的文本" > src属性用于给出图像的存储路径； alt属性用于指定当图像加载失败或图片不存在时的说明性文字。 如果src属性指...
[阅读全文]
-
[图文] HTML 链接
[内容预览]
132 | 2023-05-15
使用HTML链接可以把不同的网页组织在一起，用户可以通过点击链接进入其他网页。几乎所有的网页中都存在着链接。 HTML超链接（Hyperlink） 在HTML中，链接是超链接，用户通过点击链接可以跳转到其他HTML文档中。 默认情况下，当鼠标移动到超链接上时，鼠标指针会变成小手的形状。 HTML链接的语法 在HTML中，使用<a>标签来定义一个链接，其基本语法格式如下： <a hr...
[阅读全文]
-
[组图] HTML 注释
[内容预览]
97 | 2023-05-14
HTML注释内容不会显示在浏览器中，其主要帮助设计人员理解HTML文档的内容，或准备把HTML文档中的部分内容不可见。 本站在以前的文章中也探讨过HTML注释的使用方法，详见：HTML的注释标签<!-- --> HTML 注释语法 在HTML中，使用如下格式实现注释。 <!-- 这里书写你的注释内容 --> 注意：开始标签和结束标签分别使用<!--与-->，而非像其他那样，开始标...
[阅读全文]
-
[图文] HTML <cite>标签
[内容预览]
167 | 2023-05-13
HTML <cite>标签简介 在HTML中，<cite>标签用于定义一部作品的名称，如一本书、一首诗、一首歌曲、一部电影、一幅画、一件雕塑等作品名称。 在HTML4中，cite元素可以用来表示作者，但在HTML5中明确规定了<cite>标签不能表示作者在内的任何人名，因为人名不能算作作品的名称，除非作品名称本身就是一个人的名字。 在浏览器中，使用<cite>标签标记的内容通常以斜体的形式进...
[阅读全文]
-
[图文] HTML <q>标签
[内容预览]
91 | 2023-05-12
HTML <q>标签的作用 HTML <q>标签用于定义一个短的引用，如一个短语或一句话。 浏览器经常会将位于<q>标签中的内容使用引号包裹起来。 浏览器对<q>标签的支持 所有浏览器都支持<q>标签。 <q>标签对全局属性的支持 <q>标签支持HTML 全局属性。 HTML <q>标签的例子 <p>所有浏览器都支持q标签</p> <p>史记中有言：<q>一死一生，乃知交情<...
[阅读全文]
-
[组图] HTML <abbr> 标签
[内容预览]
85 | 2023-05-11
HTML <abbr>标签的含义 HTML <abbr>标签用于在HTML文档中定义一个缩写词，或英文词组的首字母缩略词，如“HTML”、"CSS"、"Mr."、"DOS"等。 当鼠标在使用<abbr>标签定义的内容上时，<abbr>的title属性可以被用于展示缩写词或首字母缩略词的完整描述。 在使用<abbr>对内容进行标记后，可以为浏览器、拼写检查程序、翻译软件或搜索引擎提供有用的信息...
[阅读全文]
-
[图文] HTML <blockquote>元素
[内容预览]
57 | 2023-05-10
在HTML文档中，有时我们需要引用某段话，这时<blockquote>元素标签可以派上用场了。 <blockquote>元素的简介 HTML中的<blockquote>元素用于定义一个来源于其他地方的内容。一般引用的内容属于大段落的引用。 在形式上，浏览器会以文本块的形式显示位于<blockquote>中的内容，同时内容两端有一定量的缩进。 如果引用的内容是来源一个网页，可以使用<bloc...
[阅读全文]
-
[组图] HTML 文本格式化
[内容预览]
108 | 2023-05-09
在HTML中定义了一系列的元素标签用于修饰文本内容或指定文本有特殊的含义，如<b>、<i>、<em>、<small>等。 这篇教程主要探讨用于格式化文本的一些元素标签。 HTML中用于格式化文本的元素标签 标签 含义 <b> 将位于<b>和</b>之间的文本加粗：效果 <del> 将位于<del>和</del>之间的文...
[阅读全文]
-
[组图] HTML style属性
[内容预览]
421 | 2023-05-08
在HTML中，使用style属性为某个元素设置样式，以改变浏览器默认的单调的样式。 HTML中的style属性 在HTML中，可以使用style属性为元素指定字体、字体颜色、字体大小、行间距、背景颜色等。 style属性的语法格式如下： <tagname style="property:value;"> 上面的tagname是元素标签的名称，style即本文要探讨的一个元素属性，...
[阅读全文]
-
[图文] HTML 段落
[内容预览]
118 | 2023-05-07
与书籍一样，HTML文档中也有段落，而且HTML文档中的段落在形式上与书籍中的段落相似，它们都占据着一个矩形区域。在默认情况下，这个矩形区域不会与其它元素并排在一行上。 HTML中的段落元素 在HTML中使用<p>元素来定义一个段落。 在使用时，每个段落以<p>开始，以</p>结尾。 每个段落都会在新行上开始。 下面是一个例子： <p> 立夏日南风大作二首 </p> <p> 宋&...
[阅读全文]
-
[图文] HTML 标题
[内容预览]
93 | 2023-05-06
HTML标题是在一个HTML网页中表明内容主题思想的题目或子标题。 HTML为什么需要标题？ 在一个HTML网页中，标题告知人们整个文档的主题、结构或本部分内容要阐明的核心问题。能够帮助人们快速了解当前网页是否值得看；另外一个重要原因是，搜索引擎使用标题来索引你网页结构和内容。想必大家应该清楚，合理的标题能够帮助搜索引擎理解你的网页，并将其推送给更多潜在的读者。 HTML中用于表示标题的元素...
[阅读全文]
-
[组图] HTML元素的属性
[内容预览]
143 | 2023-05-05
什么是HTML元素的属性 HTML元素的属性是定义在元素中为HTML元素提供附加信息。 绝大多数HTML元素可以定义属性。 HTML元素属性的定义方式 HTML元素的每个属性都有一个名称，并有对应的值。 HTML元素的属性定义方式为：属性名="属性值"。 HTML元素属性定义的例子 <a href="http://www.biye5u.com" title="点击我进入网站">翔...
[阅读全文]
-
[图文] HTML元素基本语法
[内容预览]
138 | 2023-05-04
一个HTML文档有很多元素构成。这些元素包括段落、链接、图像、换行、样式等等。 HTML元素的基本语法 （1）一般一个HTML元素由开始标签和结束标签构成。 （2）元素的内容位于开始标签和结束标签之间，当然，有些元素是没有内容的（如<br>和<hr>），元素的内容也可以根据实际情况设置为空的内容。 （3）开始标签以<开始，并以>结束，位于<和>之间的是标签的名称；结束标签以<开始，并以/>...
[阅读全文]
-
[图文] HTML网页的基本结构
[内容预览]
103 | 2023-05-03
一个HTML文档的基本结构 一般一个HTML文档开头使用<!DOCTYPE html>开始，这用于声明该文档的类型。 文档的主体部分放在<html>和</html>标签之间。 在<html>和</html>之间的内容可以分为两部分： 一部分是以<head>开始，并以</head>结尾的头部，该部分用于声明该网页的一些元数据、定义或引入样式、定义或引入Javascript脚本，或其他需要定义...
[阅读全文]
-
[组图] HTML简介
[内容预览]
107 | 2023-05-02
什么是HTML？ HTML是超文本标记语言（Hyper Text Markup Language）的缩写； HTML是创建Web页面的标准标记语言； HTML用于描述Web页面的结构； HTML是由一系列元素组成； HTML元素用于告诉浏览器如何显示内容； HTML元素可以标记内容片段，如“标题”、“段落”、“链接”等。 HTML文档简单示例 <!DOCTYPE html> ...
[阅读全文]
-
HTML <!DOCTYPE>的声明与选择
[内容预览]
434 | 2017-03-12
在HTML中，<!DOCTYPE> 声明不是一个 HTML 标签；它是用来告知 Web 浏览器页面使用了哪种 HTML 版本。<!DOCTYPE> 声明位于文档中的最前面的位置，处于 <html> 标签之前。 在当前流行的HTML5中，可以直接写成如下形式： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>...
[阅读全文]
-
HTML中<link>标签的使用
[内容预览]
476 | 2014-03-09
在HTML中<link>标签用于放在头部链接外部的资源，如CSS样式表，收藏夹图标等。 下面是一个link标签的使用例子： <!DOCTYPE html> <html> <head> <title>翔宇亭IT乐园首页 - 翔宇亭IT乐园</title> <meta name="keywords" content="翔宇亭,C#编程,数据库,电脑技术,SQL Server,数据库设计...
[阅读全文]
-
HTML5中header标签的使用
[内容预览]
742 | 2014-02-18
在HTML5中<header>标签元素定义网页文档的页眉或介绍性信息等。 在该标签中可以包含一些头部元素的定义和其它类似网站LOGO的的元素，或搜索表单等。 下面给出一个具体的使用例子： <header> <h1>HTML5中header标签的使用</h1> <p>让我们共同来学习HTML5吧。</p> </header>
[阅读全文]
-
[组图] HTML中saved from url注释的作用
[内容预览]
7420 | 2014-01-08
我们在查看一些网站的源代码时，我们有时会看到类似下面的代码： <!-- saved from url=(0022)http://www.biye5u.com/ --> 这段代码是什么意思呢？其有什么作用呢？ 经过上网查询和实验，我总结了两条： 1、允许IE运行本地网页中的脚本 假设在网页中有如下的javascript脚本： <script>document.write('Hello!'...
[阅读全文]
-
网页设计中如何输入上角标和下角标
[内容预览]
3560 | 2012-10-25
我们在做网页时，有时我们需要输入上角标或者下脚标，如想写一个一元二次方程或者数学中的一些下脚标，那么在网页中如何表示呢？ 实际上，网页中提供了两个标签用于实现这两个功能：<SUP>和<SUB>标签。 1、<SUP>和</SUP>用来实现上角标 如想实现下面的效果 y = ax2 + bx + c 则在网页的源代码中可以输入以下内容： y = ax<sup>2</sup> + bx + ...
[阅读全文]
-
HTML中的img标签的使用
[内容预览]
611 | 2012-08-07
在HTML中，img标签用来在网页中引入一张图片，其主要有无个属性：src，alt，title，widtht和height。其中，src用来指定图片的路径，alt用来指明用来替代的文字，title用来指定鼠标在图片上悬停时显示的文字内容，widtht和height分别指定图片的宽和高，其基本格式如下： <img src="图片的存储路径" alt="用来替代的图片介绍说明文字" width="图...
[阅读全文]
-
HTML中如何选择DOCTYPE的类型
[内容预览]
253 | 2012-04-23
XHTML 1.0 提供了三种DTD声明可供选择： 过渡的(Transitional):要求非常宽松的DTD，它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下： <!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xh...
[阅读全文]
-
IE6不支持hover属性的解决方法
[内容预览]
854 | 2011-11-20
使用CSS提供的鼠标hover属性可以实现比较更加炫的效果，但是在IE6中不支持hover，使很多设计美丽的效果失去作用，本文就给出一个具体的解决方法。 要想让IE6也比较完美的支持hover属性，可以使用下面的方法来实现： <style type="text/css"> p:hover,p.hover { background:#eee; } /*在这里使用.hover来轻松解决这个问题...
[阅读全文]
-
HTML的注释标签<!－－ －－>
[内容预览]
627 | 2011-04-25
在HTML代码中，我们也需要对相关内容进行注释，我就有这个习惯，因为时间长了，很多标签从哪里开始到哪里结束，就搞不清了，还有时对不同的模块进行标注，这些都是通过HTML的注释标签来完成的。 HTML的注释标签用来在源文档中插入注释容。 有时我们将一段代码也注释起来，暂时不用。一个好的习惯是把注释或样式元素放入注释文本中，这样就可避免不支持脚本或样式的老浏览器把它们显示为纯文本。 除了在源文档...
[阅读全文]
-
让网页变为灰色的方法
[内容预览]
294 | 2010-08-15
今天是全国哀悼日，哀悼那些在舟曲泥石流中死去的人们，翔宇亭网站(http://www.biye5u.com)站长将整站换成素装。为方便站点哀悼，特提供素装代码，以表哀悼。以下为全站CSS代码。 html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } 或者使用下面的代码： * { filter:pro...
[阅读全文]
-
静态页面中如何包含其他文件
[内容预览]
748 | 2010-05-28
静态页面中想包含其他页面，使用<!--#include file="文件名"-->的方式已经不行了，那么如果的确想实现包含就得想点其他方法了，本文就给出了6种方法。 使用IFrame 这个可能是大家最熟悉的 <IFRAME NAME="neepage" width=100% height=30 marginwidth=0 marginheight=0 SRC="http://www.biye...
[阅读全文]
-
相对路径与绝对路径
[内容预览]
405 | 2010-04-28
URL单位和链接的地址有关。所谓URL就是“Uniform Resource Locator”的简写，链接是网页的灵魂。通过链接的方式可以使各个网页之间联接起来，使网站中众多的页面构成一个有机整体，使访问者能够在各个页面之间跳转。链接可以是一段文本，一幅图像或其他网页元素，当在浏览器中用鼠标单击这些对象时，浏览器可以根据其指示载入一个新的页面或者跳转到页面的其他位置。 在创建链接的过程中，路径是...
[阅读全文]
-
网页制作要学习哪些东西
[内容预览]
660 | 2010-04-19
很多学生询问我，制作网页需要学习哪些东西，我总是这样回答： （1）首先你应该学习HTML语言 （2）其次，你应该懂得CSS和javascript （3）第三，你还要懂得一个动态环境语言，如ASP，JSP，PHP，ASP.NET等 （4）第四，你还要懂得数据库技术，如ACCESS数据库，SQL Server数据库，Oracle数据库等； （5）你还要懂一些图片或动画处理技术，如使用Phot...
[阅读全文]