文章分类 | 推荐文章 | 最新文章 | 热点文章 | 最新软件 | 精品软件 | 下载排行 | 推荐下载 | 免费看大片 | WPS | 杀毒软件
清风网络
首 页 软件下载 网络学院 数码学院
QQ 电脑入门 游戏 操作系统 图形处理 办公软件 媒体动画 精文荟萃 工具软件 网络编程 程序开发 网络技术 认证考试 网站建设 文章专栏
当前位置:清风网络学院网站建设HtmlHTML教程-HTML简介
精品推荐
特别推荐
·用CSS控制浏览器的滚动条
·marquee标记的用法
·HTML语言:什么是Unicode 什么是UTF-8
·XHTML编写网页代码的七条基本规范
·HTML和XHTML的区别
·HTML语言:什么是Unicode?什么是UTF-8?
·HTML 和 XHTML 区别
·HTML标记全集
·分析比较:三种简洁的Tab导航简析
·HTML教程-HTML简介
·网页Web标准化教程关于表格的应用
·网页代码常用小技巧总结续,网页制作学习
·HTML 标记参考手册
·用htc实现html编辑器
·HTML 4.0 语言快速入门参考教程
·初学:什么是DIV+CSS?有什么优势?
·网页制作实例CSS用一张图片实现圆角
·DIV CSS网页布局学习中容易出现的问题汇总
·HTML标签语义 科学合理的运用HTML标签
·53个CSS-不可或缺的技巧
热点TOP10
·弹出窗口代码集萃
·html教学+HTML语法大全
·图片左右循环连续滚动代码,解决marquee的留白问题
·网页设计基础:Div+CSS布局入门教程
·下拉列表框1下拉列表框2(HTML版)
·HTML标记全集
·解析Html页面:HTML Parser的试用
·在HTML网页中添加WMV格式播放器代码
·中国地区三级联动下拉菜单代码和示例(附带代码下载)
·53个CSS-不可或缺的技巧
·HTML 标记参考手册
·页面显示问题
·用层模拟下拉列表框
·CSS标准网页设计UL和DIV使用的技巧总结
·可移动层的实现示例
·CSS 制作的三级菜单特效代码
·兼容标准XHTML的浮动层特效实现
·HTML及XML语言的转义字符
·HTML 4.0 语言快速参考
·分析比较:三种简洁的Tab导航简析

HTML教程-HTML简介

日期:2007年8月21日 作者: 查看:[大字体 中字体 小字体]


什么是HTML文件?

  • HTML的英文全称是Hyper Text MarkUp Language,中文叫做“超文本标记语言”。
  • 和一般文本的不同的是,一个HTML文件不仅包含文本内容,还包含一些Tag,中文称“标记”。
  • 一个HTML文件的后缀名是.htm或者是.HTML。
  • 用文本编辑器就可以编写HTML文件。

这就试写一个HTML文件吧!

打开你的Notepad,新建一个文件,然后拷贝以下代码到这个新文件,然后将这个文件存成first.HTML。

<HTML>
<head>
<title>Title of page</title>
</head>
<body>
This is my first homepage. <b>This text is bold</b>
</body>
</HTML> 

要浏览这个first.HTML文件,双击它。或者打开浏览器,在File菜单选择Open,然后选择这个文件就行了。

示例解释

这个文件的第一个Tag是<HTML>,这个Tag告诉你的浏览器这是HTML文件的头。文件的最后一个Tag是</HTML>,表示HTML文件到此结束。

在<head>和</head>之间的内容,是Head信息。Head信息是不显示出来的,你在浏览器里看不到。但是这并不表示这些信息没有用处。比如你可以在Head信息里加上一些关键词,有助于搜索引擎能够搜索到你的网页。

在<title>和</title>之间的内容,是这个文件的标题。你可以在浏览器最顶端的标题栏看到这个标题。

在<body>和</body>之间的信息,是正文。

在<b>和</b>之间的文字,用粗体表示。<b>顾名思义,就是bold的意思。

HTML文件看上去和一般文本类似,但是它比一般文本多了Tag,比如<HTML>,<b>等,通过这些Tag,可以告诉浏览器如何显示这个文件。

HTML元素(HTML Element)

  • HTML元素(HTML Element)用来标记文本,表示文本的内容。比如body, p, title就是HTML元素。 
  • HTML元素用Tag表示,Tag以<开始,以>结束。
  • Tag通常是成对出现的,比如<body></body>。起始的叫做Opening Tag,结尾的就叫做Closing Tag。
  • 目前HTML的Tag不区分大小写的。比如,<HTML>和<HTML>其实是相同的。

HTML元素(HTML Element)的属性

HTML元素可以拥有属性。属性可以扩展HTML元素的能力。

比如你可以使用一个bgcolor属性,使得页面的背景色成为红色,就像这样:

<body bgcolor="red">

再比如,你可以使用border这个属性,将一个表格设成一个无边框的表格。如下:

<table border="0">

属性通常由属性名和值成对出现,就像这样:name="value"。上面例子中的bgcolor, border就是name,red和0就是value。属性值一般用双引号标记起来。

属性通常是附加给HTML的Opening Tag,而不是Closing Tag。

(出处:清风网络学院






上一篇:HTML教程-HTML基础知识择

下一篇:HTML教程-HTML区段标记

HTML教程-HTML简介 相关文章:
·photoshop修改照片成为美女教程
·全方位性爱教程大全
·非主流ps教程实用的技巧大全
·Photoshop抠头发高级抠图教程
·流光破解ftp密码教程
·AIX 5L 学习大纲/简易教程(2)(未经许可,请勿COPY)
·外挂 录象 网站 举报方案最新教程_QQ堂
·photoshop教程:MM照片的后期美化
·Helix流媒体服务器架设及RMVB制作教程
·html教学+HTML语法大全
HTML教程-HTML简介 相关软件:
·孙鑫VC++从入门到精通开发详解视频教程FLASH版
·黑客视频教程 VMware虚拟机的安装和使用
·刘天礼 吉他视频教程
·计算机基础知识教程
·美工设计教程
·大师之路Photoshop教程V2.0
·招聘面试技巧 视频教程
·上下五千年 中国历代帝王简介
·主板BIOS设置 视频教程
·黑客视频教程-灰鸽子远控使用教程

特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
[打印本页] [关闭窗口] 转载请注明来源:http://www.vipcn.com
| 帮助(?) | 版权声明 | 友情连接 | 关于我们 | 信息发布
Copyright 2007 www.vipcn.com All Rights Reserved. 鄂ICP备05000083号Powered by:vipcn