HTML简介
什么是HTML
超文本标记语言,标准通用标记语言下的一个应用。是 网页制作必备的编程语言
“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。
超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。
简单来说:
HTML 是用来描述网页的一种语言。
- HTML 指的是超文本标记语言 (Hyper Text Markup Language)
- HTML 不是一种编程语言,而是一种标记语言 (markup language)
- 标记语言是一套标记标签 (markup tag)
- HTML 使用标记标签来描述网页
HTML标签
HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
- HTML 标签是由尖括号包围的关键词,比如 <html>
- HTML 标签通常是成对出现的,比如 <b> 和 </b>
- 标签对中的第一个标签是开始标签,第二个标签是结束标签
- 开始和结束标签也被称为开放标签和闭合标签
整体结构
一个网页对应多个HTML文件,超文本标记语言文件以.htm(磁盘操作系统DOS限制的外语缩写)为扩展名或.html(外语缩写)为扩展名。可以使用任何能够生成TXT类型源文件的文本编辑器来产生超文本标记语言文件,只用修改文件后缀即可。标准的超文本标记语言文件都具有一个基本的整体结构,标记一般都是成对出现(部分标记除外例如:<br/>),即超文本标记语言文件的开头与结尾标志和超文本标记语言的头部与实体两大部分。有三个双标记符用于页面整体结构的确认。
标记符<html>,说明该文件是用超文本标记语言(本标签的中文全称)来描述的,它是文件的开头;而</html>,则表示该文件的结尾,它们是超文本标记语言文件的开始标记和结尾标记。
元素
<html></html> 创建一个超文本标记语言文档。
<head></head> (头)设置文档标题和其它在网页中不显示的信息,比如direction方向、语言代码Language Code(见实体定义!ENTITY % i18n)、指定字典中的元信息、等等。
<BASE> 文档中不能被该站点辨识的其它所有链接源的URL(统一资源定位器)
<LINK> 定义一个链接和源之间的相互关系,比如引用一个层叠样式表(英文缩写:css)、做一个链接到一个脚本、为某文件做一个链接(可打印的版本)、文档特定的工具栏/菜单。
<script></script>脚本语句标签,比如引用一个javascript脚本。
<body></body>文档体,文档的可见部分。
<title></title> 设置文档的标题。
当然,如果不使用以上基本框架结构,而直接使用在实体部分中出现的标记符,在浏览器下也可以解释执行。
内容描述
<h1></h1> 最大的标题(一号标题)
<pre></pre> 预先格式化文本 (英文全称:PREformatted)
<u></u> 下划线(英文全称:Underline)
<b></b> 黑体字 (英文全称:Bold)
<i></i> 斜体字 (英文全称:Italics)
<tt></tt>打字机风格的字体
<cite></cite>引用,通常是斜体
<em></em> 强调文本(通常是斜体加黑体、英文全称:EMphasize)
<strong></strong> 加重文本(通常是斜体加黑体)
<font size="" color=""></font> 设置字体大小从1到7,颜色使用名字或RGB(中文全称:红绿蓝)的十六进制值
<BASEFONT></BASEFONT>基准字体标记
<big></big> 字体加大
<SMALL></SMALL> 字体缩小
<DELECT></DELECT> 加删除线
<CODE></CODE>程式码
<KBD></KBD>键盘字(英文全称:KeyBoarD)
<SAMP></SAMP> 范例(英文全称:SAMPle)
<VAR></VAR> 变量(英文全称:VARiable)
<BLOCKQUOTE></BLOCKQUOTE> 向右缩排(向右缩进、块引用)
<DFN></DFN> 述语定义(英文全称:DeFiNe)
<ADDRESS></ADDRESS>地址标记
<sup></SUP> 上标字 (英文全称:SUPerscript)
<SUB></SUB> 下标字(英文全称:SUBscript)
<xmp>...</xmp>;固定宽度字体(在文件中空白、换行、定位功能有效)
<plaintext>...</plaintext>;固定宽度字体(不执行标记符号)
<listing>...</listing> 固定宽度小字体
<font color=00ff00>...</font>;字体 颜色
<font size=1>...</font>;字体 大小等于1(最小)。
<font style ='font-size:100 px'>...</font>;字体 样式等于无限增大(100像素)
格式标志标签
<p></p> 创建一个段落 (英文全称:Paragraphs)
<p align=""> 将段落按左、中、右对齐
<br/>定义新行
<blockquote></blockquote> 从两边缩进文本
<dl></dl> 定义列表(英文全称:DefinitionList)
<dt> 放在每个定义术语词前(定义术语、英文全称:DefinitionTerm)
<dd> 放在每个定义之前(定义说明、英文全称:DefinitionDescription)
<ol></ol> 创建一个标有序的列表,默认前面有数字,从数字“1”开始计数,依次叠加,也可以设置为字母或从任何自然数开始计数的列表项 (有序列表、外语全称:OrderedList)
<ul></ul> 创建一个无序的列表,默认前面标有圆点,也可以自己设置为none或者其他形状,如空心圆、方块等。(无序列表、外语全称:UnorderedLists)
<li> 放在每个列表项之前,若在<ol></ol>;之间则每个列表项加上一个数字,
若在<ul></ul>;之间则每个列表项加上一个圆点
<div align=""></div> 用来排版大块HTML段落,也用于格式化表
<MENU> 选项清单
<DIR> 目录清单
<nobr></nobr> 强行不换行(英文全称:nobreaking)
<hr size='9' width='80%' color='ff0000'>;水平线(设定宽度、外语全称:horizontalrule)
<center></center> 水平居中