html100实例教程.docVIP

Html实例教程100例 简单的html程序 html head title我的第一个 HTML 页面/title /head body pbody 元素的内容会显示在浏览器中。/p ptitle 元素的内容会显示在浏览器的标题栏中。/p /body /html 简单的段落 html body p这是段落。/p p这是段落。/p p这是段落。/p p段落元素由 p 标签定义。/p /body /html 更多的段落 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html body p 这个段落 在源代码中 包含许多行 但是浏览器 忽略了它们。 /p p 这个段落 在源代码 中 包含 许多行 但是 浏览器 忽略了 它们。 /p p 段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小，将改变段落中的行数。 /p /body /html 诗歌问题 html body h1春晓/h1 p 春眠不觉晓， 处处闻啼鸟。 夜来风雨声， 花落知多少。 /p p注意，浏览器忽略了源代码中的排版（省略了多余的空格和换行）。/p /body /html 拆行 html body p To breakbr /linesbr /in abr /paragraph,br /use the br tag. /p /body /html 标题 html body h1This is heading 1/h1 h2This is heading 2/h2 h3This is heading 3/h3 h4This is heading 4/h4 h5This is heading 5/h5 h6This is heading 6/h6 p请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。/p /body /html 居中排列的标题 !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN /TR/html4/loose.dtd html body h1 align=centerThis is heading 1/h1 p上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。上面的标题在页面中进行了居中排列。/p /body /html 水平线 html body phr 标签定义水平线：/p hr / p这是段落。/p hr / p这是段落。/p hr / p这是段落。/p /body /html 隐藏的注释 html body !--这是一段注释。注释不会在浏览器中显示。-- p这是一段普通的段落。/p /body /html 背景颜色 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / meta http-equiv=Content-Language content=zh-cn / /head body bgcolor=yellow h2请看: 改变了颜色的背景。/h2 /body /html HTML 文本格式化实例 创建超链接 html body p a href=/index.html本文本/a 是一个指向本网站中的一个页面的链接。/p pa href=/本文本/a 是一个指向万维网上的页面的链接。/p /body /html 将图像作为超链接 html body p 您也可以使用图像来作链接： a href=/example/html/lastpage.html img border=0 src=/i/eg_buttonnext.gif / /a /p /body /html 在新的浏览器窗口打开超链接 html body a href=/ target=_blankVisit W3School!/a p如果把链接的 target 属性设置为 _blank，该链接会在新窗口中打开。/p /body /html 链接到页面的不同位置 html body p a href=#C4查看 Chapter 4。/a /p h2Chapter 1/h2 pThis chapter explains ba bla bla/p h2Chapter 2/h2 pThis chapter explains ba bla bla/p h2Chapter 3/h2 pThis chapter explains ba bla bla/p h2a nam