HTML代码大全.docx
- 文档编号:309298
- 上传时间:2022-10-08
- 格式:DOCX
- 页数:23
- 大小:29.78KB
HTML代码大全.docx
《HTML代码大全.docx》由会员分享,可在线阅读,更多相关《HTML代码大全.docx(23页珍藏版)》请在冰豆网上搜索。
HTML代码大全
HTML代码教程
教
一、基本标志
1.
2.
3.
4.
Html是英文HyperTextMarkupLanguage的缩写,中文意思是“超文本标志语言”,用它编写的文件(文档)的扩展名是.html或.htm,它们是可供浏览器解释浏览的文件格式。
您可以使用记事本、写字板或FrontPageEditor等编辑工具来编写Html文件。
Html语言使用标志对的方法编写文件,既简单又方便,它通常使用<标志名>标志名>来表示标志的开始和结束(例如标志对),因此在Html文档中这样的标志对都必须是成对使用的。
在此教程中,我先讲一下Html的基本标志:
1.
标志用于Html文档的最前边,用来标识Html文档的开始。
而标志恰恰相反,它放在Html文档的最后边,用来标识Html文档的结束,两个标志必须一块使用。
2.
和构成Html文档的开头部分,在此标志对之间可以使用两个标志必须一块使用。
3.
1/29
是Html文档的主体部分,在此标志对之间可包含、
、、
、、
等等众多的标志,它们所定义的文本、图像等将会在浏览器的框内显示出来。
两个标志必须一块使用。
标志中还可以有以下属性:属性用途示例
ed>红色背景 vlink=#ff0000> alink=yellow> 说明: 以上各个属性可以结合使用,如 edtext=#0000ff>。 引号内的rrggbb是用六个十六进制数表示的RGB(即红、绿、蓝三色的组合)颜色,如#ff0000对应的是红色。 此外,还可以使用Html语言所给定的常量名来表示颜色: Black、White、Green、Maroon、Olive、Navy、Purple、Gray、Yellow、Lime、Agua、Fuchsia、Silver、Red、Blue和Teal,如 4. 使用过浏览器的人可能都会注意到浏览器窗口最上边蓝色部分显示的文本信息,那些信息一般是网页的“主题”,要将您的网页的主题显示到浏览器的顶部其实很简单,只要在
注意:
下面是一个综合的例子,仔细阅读,您便可以了解以上各个标志对在一个Html文档中的布局或所使用的位置。
例1Html文档中基本标志的使用
2/29
edtext=lue> 红色背景、蓝色文本
教
二、格式标志
1.
2.
3.
4.
5.
6.
上一个教程中我们讲了Html文档的基本标志,但我们还不知道怎样在浏览器中显示文本之类的东西,这正是我们在教程二中将要谈到的。
在学习之前,必须强调一下,我们这个教程中所讲的格式标志统统都是用于
标志对之间的。1.
标志对是用来创建一个段落,在此标志对之间加入的文本将按照段落的格式显示在浏览器上。
另外,
标志还可以使用align属性,它用来说明对3/29
齐方式,语法是:
align可以是Left(左对齐)、Center(居中)和Right(右对齐)三个值中的任何一个。
如
2.
是一个很简单的标志,它没有结束标志,因为它用来创建一个回车换行,这么一说我想您该会使用了吧。
在
的使用上还有一定的技巧,如果您把
加在标志对的外边,将创建一个大的回车换行,即
前边和后边的文本的行与行之间的距离比较大,若放在的里边则
前边和后边的文本的行与行之间的距离将比较小,您不妨试试看。
3.
在
标志对之间加入的文本将会在浏览器中按两边缩进的方式显示出来。4.
看一下下边的例子您就会明白了:
例2创建一个普通列表
- 中国城市
- 广州美国城市
- 华盛顿
- 芝加哥 纽约
4/29
北京
上海:
此例在浏览器中的显示如下中国城市北京上海广州美国城市华盛顿芝加哥纽约5.
5/29
请看下边的例子:
例3标有数字或圆点的列表
- 北京
- 上海
- 广州
中国城市
- 华盛顿
- 芝加哥
- 纽约
美国城市
29/6
此例在浏览器中的显示如下:
中国城市
1.北京
2.上海
3.广州
美国城市
?
华盛顿
?
芝加哥
?
纽约
6.
标志对用来排版大块Html段落,也用于格式化表,此标志对的用法与标志对非常相似,同样有align对齐方式属性,读者可以自己试试看。教
三、文本标志
1.
2.
……3.
4.
5.
7/29
上一个教程中我们已经讲了如何在浏览器中输出文本,以及文本输出的格式,这个教程中我们将谈一谈文本输出的字体,如斜体、黑体字、下加一划线等等。
在本教程的最后给出了一个文本标志的综合示例,希望读者能认真阅读。
1.
标志对用来对文本进行预处理操作。2.
……Html语言提供了一系列对文本中的标题进行操作的标志对:
……,即一共有六对标题的标志对。是最大的标题,而则是最小的标题,也即是标志中h后面的数字越大标题文本就越小。如果您的Html文档中需要输出标题文本的话,便可以使用这六对标题标志对中的任何一对。
3.
经常使用WORD的人对这三对标志对一定很快就能掌握。
用来使文本以黑体字的形式输出;用来使文本以斜体字的形式输出;用来使文本以下加一划线的形式输出。
后边将会有一个综合的例子,所以此处就不再作详细讲解了。
4.
这些标志对的用法和上边的一样,差别只是在于输出的文本字体不太一样而已。
用来输出打字机风格字体的文本;用来输出引用方式的字体,通常是斜体;用来输出需要强调的文本(通常是斜体加黑体);则用来输出加重文本(通常也是斜体加黑体)。
这些标志对的示例也将在后边综合的例子中出现。
5.
8/29
是一对很有用的标志对,它可以对输出文本的字体大小、颜色进行随意地改变,这些改变主要是通过对它的两个属性size和color的控制来实现的。
size属性用来改变字体的大小,它可以取值:
1、1和+1;而color属性则用来改变文本的颜色,颜色的取值是我们在教程一中讲过的十六进制RGB颜色码或Html语言给定的颜色常量名。
具体用法请看下边综合的例子。
例4文本标志的综合示例
最大的标题
使用h3的标题
最大的标题
黑体字文本
斜体字文本
下加一划
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- HTML 代码 大全