Dreamweaver教程 FrontPage教程 Flash教程
  • CSS教程
  • javascript教程
    当前位置:教程 > 网页制作 > CSS教程 > 正文

    HTML 初学者指南

    编辑:教程网 来源:网络 时间:2011年10月05日 15:48
    本文是创建HTML文件的初级读物。HTML 是 WWW(World Wide Web )中使用的超文本标记语言。本指南的目的是介绍如何使用HTML和创建 web 文件。本文中的链接指向一些附加的信息。你还可以到你本地的书店查看一下,那里可能会有很多有价值的关于 Web 和 HTML 的资料。

    前言
    术语
    WWW
    World Wide Web
    Web
    World Wide Web
    SGML
    Standard Generalized Markup Language--标准通用标记语言,描述标记语言的一个标准
    DTD
    Document Type Definition--文本类型定义, 这是一个用SGML写成的标记语言的正式说明
    HTML
    HyperText Markup Language-- 超文本标记语言, 它是一个SGML DTD
    HTML 是一套独立于平台的格式定义( 用标记说明 ) , 用来描述World Wide Web 文档中的各个组成部分. HTML 是Tim Berners-Lee 在 CERN (在日内瓦的欧洲粒子物理实验室) 发明的.
    本文不包括的内容
    本指南假设读者具有以下基础:

    知道如何使用 NCSA Mosaic 或者其它的 Web browser
    对Web 服务器和客户 browsers 有一般的理解
    可以访问 Web 服务器 (或者你只是想用本地方式创建个人使用的HTML 文档)
    HTML 版本
    本指南参考最新的说明--HTML 2.0-- 加上一些已经在 browsers 中广泛实现的附加特性. 以及正在发展的一些新特性.

    HTML 文档
    什么是 HTML 文档
    HTML 文档是普通文本 ( ASCII) 文件, 它可以用任意编缉器(如Unix 中的EMacs 或 vi, Macintosh 中的BBEdit, Windows中的Notepad)生成. 你也可以使用字处理软件, 不过要记住存文件时要存成“带回车的纯文本”。

    HTML 编辑器
    现在有一些 WYSIWYG 编辑器 (如., 可用在多种平台的 HotMetal, 或者可用在 Macintosh 机的 Adobe PageMill ). 在你学了一些 HTML 标记的基本知识之后,你可能希望使用它们. 你会发现掌握足够的 HTML 编码知识对于判断一个 WYSIWYG 编辑器是否适用是很有益处的

    如果你还没有选定使用哪种软件, 可以参考本站软件下载 HTML 编辑器的在线例表 (按应用平台分类) ,帮助你寻找应用软件.

    把文件存放到服务器上
    如果你在学校或者单位可以访问 Web 服务器, 和你的 WEB 管理员webmaster (维护服务器的人) 联系,看看如何把你的文件存放到 Web 上. 否则,如果在学校或单位不能访问, 可以看看你的社区是否有 免费网络FreeNet, 一种提供免费 Internet 访问服务的基于社区的网络. 如果也没有免费网络, 你可以当地的 Internet 服务提供者联系,他们可以把你的文档存放到服务器上,不过要收取费用. (你可以在当地的报纸上找到广告with your Chamber of Commerce for the names of companies.)

    标记说明
    一个元素 element 是一个文档结构的基本组成部分. 元素的例子有头 heads, 表格tables, 段落 paragraphs, 列表 lists 等. 你可以这样理解: 你用 HTML 标记为浏览器标出文件的各个元素 . 元素中可以包含普通文本,其他元素,或二者都有.

    在 HTML 文档中使用tags表示各种元素. HTML 标记由一个左尖括号 (<), 一个标记名, 和一个右尖括号 (>) 组成. 标记通常成对出现 (如, 和 ) 以指出标记作用的范围. 结束标记和起始标记相似,只是在括号中的标记名中以斜杠 (/) 领头. HTML 标记在下文中列出.

    有些元素可能含有一个属性 attribute, 它是包含在起始标记中的附加信息说明. 例如, 通过在图象文件的 HTML 代码中包含适当的属性,你可以指明一幅图象的位置 (顶端, 中间, 或底部) . 具有可选属性的标记 如下.

    注意: HTML 不区分大小写. 等价于 <TITLE> 或 <TiTlE>. 有几个例外的情况列在下文中的转义序列中. <P>并非所有的 World Wide Web 浏览器都支持所有的标记. 如果一个浏览器不支持某个标记, 它通常只是忽略之. <P>最小的 HTML 文档<BR>每个 HTML 文档应该包含一些标准 HTML 标记. 每个文档都包含头 head 和正文 body text 两部分. 头中含有标题 title, 正文中含有实际构成段落,列表和其他元素的文本. 浏览器需要具体的信息是因为它们都是根据 HTML 和 SGML 说明编程的. <br /> <li>原文来自 <a href="http://www.websmill.com">教程网</a> 转载请注明:<a href="http://www.websmill.com/wangye/css/26020.html">http://www.websmill.com/wangye/css/26020.html</a></li> <div class="pagelist"> <li><a>共11页: </a></li><li><a href='#'>上一页</a></li><li class="thisclass"><a href='#'>1</a></li><li><a href='26020_2.html'>2</a></li><li><a href='26020_3.html'>3</a></li><li><a href='26020_4.html'>4</a></li><li><a href='26020_5.html'>5</a></li><li><a href='26020_6.html'>6</a></li><li><a href='26020_7.html'>7</a></li><li><a href='26020_8.html'>8</a></li><li><a href='26020_9.html'>9</a></li><li><a href='26020_10.html'>10</a></li><li><a href='26020_11.html'>11</a></li><li><a href='26020_2.html'>下一页</a></li> </div> <br /> <li>上一篇:<a href='http://www.websmill.com/wangye/css/26018.html'>仿 Office 2003 的工具条</a> </li> <li>下一篇:<a href='http://www.websmill.com/wangye/css/26021.html'>在 CSS 中关于字体处理效果的思考</a> </li> </div> </div> </div> <div class="newlist3"> <div class="title">相关阅读</div> <div class="tuij"> <ul> <table width='100%' border='0' cellspacing='0' cellpadding='0'> <tr> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/25832.html" title="Xhtml第2天:什么是名字空间">Xhtml第2天:什么是名字空间</a></li> </td> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/25831.html" title="Xhtml第3天:定义语言编码">Xhtml第3天:定义语言编码</a></li> </td> </tr> <tr> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/25830.html" title="Xhtml第4天:调用样式表">Xhtml第4天:调用样式表</a></li> </td> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/25829.html" title="Xhtml第5天:head区的其他设置">Xhtml第5天:head区的其他设置</a></li> </td> </tr> <tr> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/25719.html" title="Xhtml第6天:XHTML代码规范">Xhtml第6天:XHTML代码规范</a></li> </td> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/25714.html" title="Xhtml第1天:选择什么样的DOCTYPE">Xhtml第1天:选择什么样的DOCTYPE</a></li> </td> </tr> <tr> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/24832.html" title="XHTML代码规范">XHTML代码规范</a></li> </td> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/24646.html" title="网页设计中HTML常范的五个错误">网页设计中HTML常范的五个错误</a></li> </td> </tr> <tr> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/23601.html" title="HTML之调色原理">HTML之调色原理</a></li> </td> <td width='50%'> <li><a href="http://www.websmill.com/wangye/css/21006.html" title="HTML教程-多窗口页面(Frames)">HTML教程-多窗口页面(Frames)</a></li> </td> </tr> </table> </ul> </div> </div> </div> <!--左侧结束--> <div class="tright6"> <div class="newlist7_1"> <div class="title"><h3>最新文章</h3></div> <div class="cont_box"> <ul> <li><a href="http://www.websmill.com/wangye/css/26021.html">在 CSS 中关于字体处理效果的思</a><span>10-05</span></li> <li><a href="http://www.websmill.com/wangye/css/26020.html">HTML 初学者指南</a><span>10-05</span></li> <li><a href="http://www.websmill.com/wangye/css/26018.html">仿 Office 2003 的工具条</a><span>10-05</span></li> <li><a href="http://www.websmill.com/wangye/css/26017.html">利用CSS改善网站可访问性</a><span>10-05</span></li> <li><a href="http://www.websmill.com/wangye/css/26016.html">用js封装的时间设置器</a><span>10-05</span></li> <li><a href="http://www.websmill.com/wangye/css/25837.html">UBB 转换函数演示</a><span>10-04</span></li> <li><a href="http://www.websmill.com/wangye/css/25835.html">*.HTC 文件的简单介绍</a><span>10-04</span></li> <li><a href="http://www.websmill.com/wangye/css/25832.html">Xhtml第2天:什么是名字空间</a><span>10-04</span></li> <li><a href="http://www.websmill.com/wangye/css/25831.html">Xhtml第3天:定义语言编码</a><span>10-04</span></li> <li><a href="http://www.websmill.com/wangye/css/25830.html">Xhtml第4天:调用样式表</a><span>10-04</span></li> </ul></div> <div class="newlist7_1"> <div class="title"><h3>热门文章</h3></div> <div class="cont_box"> <ul> <li><a href="http://www.websmill.com/wangye/css/9578.html">CSS实例教程:超酷的网站导航按</a><span>07-08</span></li> <li><a href="http://www.websmill.com/wangye/css/6673.html">实现全屏遮蔽且自动居中的lightB</a><span>06-25</span></li> <li><a href="http://www.websmill.com/wangye/css/6919.html">用CSS调整scrollbar(滚动条)换色</a><span>06-26</span></li> <li><a href="http://www.websmill.com/wangye/css/10447.html">使用在Safari和WebKit中可用的CS</a><span>07-12</span></li> <li><a href="http://www.websmill.com/wangye/css/18451.html">三种方法实现实时切换CSS样式</a><span>08-20</span></li> <li><a href="http://www.websmill.com/wangye/css/7734.html">用CSS实现表格外观的无序列表</a><span>06-30</span></li> <li><a href="http://www.websmill.com/wangye/css/6918.html">无hack并支持透明圆角框的全兼容</a><span>06-26</span></li> <li><a href="http://www.websmill.com/wangye/css/10446.html">CSS教程:超圆滑圆角框的半完美</a><span>07-12</span></li> <li><a href="http://www.websmill.com/wangye/css/10589.html">简单学习CSS网页布局</a><span>07-15</span></li> <li><a href="http://www.websmill.com/wangye/css/23977.html">CSS 滤镜应用集锦 -- 巧用CSS的 </a><span>09-19</span></li> </ul></div> </div> <div class="newlist7_1"> <div class="title"><h3>随机推荐</h3></div> <div class="cont_box"> <ul> <li><a href="http://www.websmill.com/chengxu/java/10362.html">ObjectWeb 启动EJB 3 Container</a><span>07-11</span></li> <li><a href="http://www.websmill.com/xitong/WindowsXP/10911.html">WindowsXP里的乐趣 今天你是训狗</a><span>07-16</span></li> <li><a href="http://www.websmill.com/office/Office/10241.html">在office Word中进行四则运算</a><span>07-11</span></li> <li><a href="http://www.websmill.com/office/Word/23640.html">Word 2007的“词典”功能的使用</a><span>09-17</span></li> <li><a href="http://www.websmill.com/pingmian/Fireworks/18960.html">巧用Fireworks遮罩做平面设计</a><span>08-22</span></li> <li><a href="http://www.websmill.com/shujuku/Access/5030.html">用Access2007解决支票打印的日期</a><span>06-19</span></li> <li><a href="http://www.websmill.com/pingmian/Photoshop/11572.html">抽象波形的制作</a><span>07-18</span></li> <li><a href="http://www.websmill.com/chengxu/JSP/24662.html">JSP由浅入深(7)</a><span>09-23</span></li> <li><a href="http://www.websmill.com/chengxu/PHP/28310.html">怎样在php中使用PDF文档功能</a><span>10-17</span></li> <li><a href="http://www.websmill.com/pingmian/Photoshop/11976.html">Photoshop 颜色调节(6)</a><span>07-20</span></li> </ul></div> </div> </div> </div> <div style=" display:none"></div> <div id="footer"> Copyright © 2002-2013 教程网 教程来源网络,版权原作者所有 <script src="http://s9.cnzz.com/stat.php?id=5392758&web_id=5392758" language="JavaScript"></script> <a href="http://www.websmill.com/data/sitemap.html">网站地图</a> </div> </div> </body> </html>