《html代码简介(html入门必看)》由会员分享，可在线阅读，更多相关《html代码简介(html入门必看)（58页珍藏版）》请在金锄头文库上搜索。
1、HTML代码简介本文由露之珠网络收藏夹提供主要内容nHTML的基本结构nHTML语言的语法nHTML语言的常用标识网站设计基础知识本文由露之珠网络收藏夹提供 HTML 部分 文档头部分 正文部分欢迎进入 HTML 世界这会是一种很有趣的体验基本结构：运行结果HTML 文档的结构本文由露之珠网络收藏夹提供nHTML 标记的格式组成：. . . HTML 标记用于标记 HTML 文档的开始和结束元素 - 标识标记属性 - 描述标记值 - 分配给属性的内容HTML 开发本文由露之珠网络收藏夹提供HTML头部信息(Head)nHTML头部信息(head)里包含关于所在网页 的信息。头部信息(head)
2、里的内容，主要是 被浏览器所用，不会显示在网页的正文内 容里。n标题(title)标题(title)是最常用的head信息。它不显示在 HTML网页正文里，显示在浏览器窗口的标题 栏里。 本文由露之珠网络收藏夹提供HTML头部信息(Head)n示例代码如下：HTML中文教程头部信息本文由露之珠网络收藏夹提供1.提供关于网页的信息 对网页的描述根据关键词生成响应 获得文档的作者名称2.应用：关键词生成响应Expires: Mon, 15 Sep 2003 14:25:27 GMT设置网页的到期值:响应 页面显示中文设置网页使用gb2312: 使用META标记 2-1本文由露之珠网络收藏夹提供3.
3、自动刷新页面4.使用网页所使用的编码应用：如网上实时新闻报道。应用：如在不同浏览器上正确显示中文。使用META标记 2-2本文由露之珠网络收藏夹提供nHTML用到这几个Tag来定义正 文标题，从大到小。每个正文标题自成一 段。正文标题本文由露之珠网络收藏夹提供示例这是1号标题这是2号标题这是3号标题这是4号标题这是5号标题这是6号标题本文由露之珠网络收藏夹提供HTML字体(Fonts)n在HTML里，可以用font这个元素及其属性 来设定字体的大小，颜色和字体风格。 n字体大小用字体大小属性(size)来设定字体的大小。示例代码如下： 这一段的字体大小的值是2。本文由露之珠网络收藏夹提供HTM
4、L字体(Fonts)n在HTML里，可以用font这个元素及其属性 来设定字体的大小，颜色和字体风格。 n字体风格用face属性来设定字体风格。示例代码如下： 这一段的字体风格是arial。n字体颜色用颜色属性(color)来设定字体颜色。本文由露之珠网络收藏夹提供基本原理色光三原色RBG#FF0000#000000#00FF00#FFFFFF#0000FF本文由露之珠网络收藏夹提供示例字体大小 font size这段文字的字体大小值为1。这段文字的字体大小值为2。这段文字的字体大小值为3。这段文字的字体大小值为4。本文由露之珠网络收藏夹提供示例字体风格 font face以下第一段用的是ar
5、ial字体，第二段用的是courier字 体，第三段用的是verdana字体。arial courier verdanaarial courier verdana arial courier verdana 本文由露之珠网络收藏夹提供示例字体颜色 font color这段文字用的是缺省的字体颜色。这段文字的字体颜色 为红色。本文由露之珠网络收藏夹提供HTML常用文本格式nHTML定义了一些文本格式的Tag，比如利 用Tag，可以将字体变成粗体或者斜体。从 下面的示例，你可以了解各种文本格式Tag 如何改变HTML文本的显示。n常用文本格式Tag粗体bold斜体下划线本文由露之珠网络收藏夹提供文
6、本格式标记n黑体字n斜体字n下划线n加粗：本文由露之珠网络收藏夹提供段落标记n在HTML里用和划分段落，可 以不成对出现。本文由露之珠网络收藏夹提供欢迎使用 HTML这会是一种很有趣的体验另一个段落元素段落标记本文由露之珠网络收藏夹提供学习习HTML这这会是一种很有趣的体验验右对齐Left：左对齐 Center：居中 Right：右对齐使用对齐属性修饰段落本文由露之珠网络收藏夹提供使用对齐属性修饰标题这是标题上面的标题是居中显示的。本文由露之珠网络收藏夹提供换行n通过使用这个Tag，可以在不新建段落 的情况下换行。没有Closing Tag。n用换行是个坏习惯，正确的是使用 ，即在行末加入。本
7、文由露之珠网络收藏夹提供欢迎使用 HTML这会是一种很有趣的体验另一个段落元素换行标记本文由露之珠网络收藏夹提供HTML注释n在HTML文件里，你可以写代码注释，解释 说明你的代码，这样有助于你和他人日后 能够更好地理解你的代码。n注释可以写在之间。浏览器是忽略 注释的，你不会在HTML正文中看到你的注 释。n 本文由露之珠网络收藏夹提供示例代码注释是不会显示在网页里。本文由露之珠网络收藏夹提供n用这个Tag可以在HTML文件里加一条 横线n没有结束标签加入水平线本文由露之珠网络收藏夹提供示例有“中国避暑之都”美誉的林城贵州 省省会贵阳市。有“中国避暑之都”美誉的林城贵州 省省会贵阳市。 本文
8、由露之珠网络收藏夹提供HTML利用超链接打开链接文件nHTML用来表示超链接可以指向任何一个文件源：一个HTML 网页，一个图片，一个影视文件等。用法如下：n链接的显示文字n点击当中的内容，即可打开一个链接文件 ，href属性则表示这个链接文件的路径。本文由露之珠网络收藏夹提供示例这是 一个链接露之 珠站点链接这是 一个链接露之珠站点链接本文由露之珠网络收藏夹提供HTML利用超链接打开链接文件n链接的title属性使用链接的title属性，可以让鼠标悬停在超链 接上的时候，显示该超链接的文字注释。本文由露之珠网络收藏夹提供示例这是 一个链接露 之珠站点链接本文由露之珠网络收藏夹提供HTML利用
9、超链接打开链接文件n链接到email地址在网站中，经常会看到“联系我们”的链接，一 点击这个链接，就会触发你的邮件客户端，比 如Outlook Express，然后显示一个新建mail的 窗口。用可以实现这样的功能。本文由露之珠网络收藏夹提供示例这是一个链 接露之珠站 点链接联系新浪本文由露之珠网络收藏夹提供HTML相对路径(Relative Path)和绝对路 径(Absolute Path)nHTML有2种路径的写法：相对路径和 绝对路径。nHTML相对路径(Relative Path)同一个目录的文件引用，如果源文件和 引用文件在同一个目录里，直接写引用 文件名即可。这是一个链接本文由露
10、之珠网络收藏夹提供HTML相对路径(Relative Path)和绝对路 径(Absolute Path)nHTML有2种路径的写法：相对路径和 绝对路径。nHTML相对路径(Relative Path)如何表示上级目录n/表示源文件所在目录的上一级目录，/ 表示源文件所在目录的上上级目录，以此类 推。如何表示下级目录n引用下级目录的文件，直接写下级目录文件 的路径即可。本文由露之珠网络收藏夹提供nHTML绝对路径(absolute path)指带域名的文件的完整路径。露之珠站点链接HTML绝对路径(Absolute Path)本文由露之珠网络收藏夹提供链接标记n 1、如果目标是Email地址
11、： nmailto: 2、如果目标是网址:nhttp:/3、如果目标是本站中的网页文档nxiajilanmu/wangye.html 4、如果目标是本站中的文件nwenjian/wengdang.doc 5、如果目标是本页n# 6、如果目标是锚点n#加上锚点的名字本文由露之珠网络收藏夹提供n用 这个 Tag 可以在HTML里面插入 图片。n最基本的语法如下： url表示图片的路径和文件名。比如 url 可以是 “images/logo/blabla_logo01.gif“，也可以是个 相对路径 “/images/logo/blabla_logo01.gif“。 HTML图片(Images)本文
12、由露之珠网络收藏夹提供示例图片：本文由露之珠网络收藏夹提供HTML图片(Images)n图片align属性用align属性，可以改变水平对齐方式(居左、居中 、居右)。n图片Valign属性用valign属性，可以改变图片的垂直(居上、居中 、居下)对齐方式图片的大小n在缺省状况下，图片显示原有的大小。可以 用height和width属性改变图片的大小。不过 图片的大小一旦被改变，图片会相应放大或 缩小，显示出来的结果可能会很难看。本文由露之珠网络收藏夹提供示例本文由露之珠网络收藏夹提供HTML背景颜色和背景图片nHTML的 有两个关于背景的属 性bgcolor属性nbgcolor属性用来设置
13、HTML网页的背景颜色 。background属性nbackground属性用来设置HTML网页的背景 图片。background属性值就是背景图片的路 径和文件名，如果背景图片小于网页显示窗 口，那么这个背景图片会自动重复。本文由露之珠网络收藏夹提供示例看，这个页面是黄色的。本文由露之珠网络收藏夹提供示例这个网页有背景图片！如果图片比页面小，图片会自动重复。本文由露之珠网络收藏夹提供如何创建HTML表格n表格表格可用于格式化输出与版面布局表格组成：表格标题（可省略）、表头（可省 略）、表行、单元格表格标记符：n定义表格n定义标题n定义表头n定义行n定义单元格本文由露之珠网络收藏夹提供本文由露之珠网络收藏夹提供表格标记table trtd单元格内容1 /td /tr trtd单元格内容2/td /tr /table单元格内容1单元格内容2本文由露之珠网络收藏夹提供表格标记n表格n行n单元格n表头（通常使用黑体居中）本文由露之珠网络收藏夹提供表格标记n表格边框的宽度n表格边框与其内容间的距离n表格单元格间的距离n设置表格的宽度，(绝对像素值或文档总宽
