英雄有敌恶魔之心:学习笔记——一些基础的HTML Tag

来源:百度文库 编辑:九乡新闻网 时间:2024/04/30 00:47:36
             多福老人欢迎您
地址:http://qwp43.360doc.com

参考来源:www.BlaBla.cn 布啦布啦网页教程与代码
www.BlaBla.cn
布啦布啦网页教程与代码
HTML 教程与实例代码
HTML 教程
HTML 基本概念
HTML 基础 Tag
HTML 常用格式
HTML 特殊字符
HTML 超链接 (Hyperlinks)
HTML 相对路径和绝对路径
HTML 表格 (Tables)
HTML 框架 (Frames)
HTML 列表 (Lists)
HTML 表单 (Forms)
HTML 图片 (Images)
HTML 字体 (Fonts)
HTML 背景颜色和图片
HTML 头部信息 (Head)
HTML 代码实例
HTML 参考
HTML 知识库
学习笔记
(二)一些基础的HTML Taghttp://www.blabla.cn/html_tutorials/005_basic_html_tags.html
内容
一个非常简单的HTML文件
段落

段落


用p来定义段落
正文标题

正文标题


这几个Tag来定义正文标题
换行



换行
注释

注释可以写在之间
居中的正文标题

标题


加条横线


用hr加一条横线
背景颜色

HTML里,比较基础的Tag主要用于标题,段落和分行。
学习HTML最好的方法,就是跟着示例学。为了各位学习的方便,我们准备了一个简单的HTML编辑器,你
可以在左边写HTML代码,然后点击上面的按钮,查看HTML的显示结果。
试试看吧!
示例:一个非常简单的HTML文件


这是一个非常简单的HTML。


这个示例算是一个最简单的HTML文件,只包含了最基本的能构成一个HTML文件的Tag。通过这个例子,
你可以看到浏览器是如何显示这个文件的,以此对HTML文件有个最初的认识。
效果
这是一个非常简单的HTML。
示例:简单的段落
这个示例显示在HTML文件里如何分段。


这是第一段。


这是第二段。


这是第三段。


在HTML里,用p来定义段落。




效果
这是第一段。
这是第二段。
这是第三段。
在HTML里,用p来定义段落。
正文标题
这个示例告诉你如何在HTML文件里定义正文标题。
HTML用

这几个Tag来定义正文标题,从大到小。每个正文标题自成一段。

This is a heading


This is a heading


This is a heading


This is a heading


This is a heading

This is a heading

效果
This is a heading
This is a heading
This is a heading
This is a heading
This is a heading
This is a heading
段落划分
在HTML里用

划分段落。

This is a paragraph


This is another paragraph


效果
This is a paragraph
This is another paragraph
换行
通过使用
这个Tag,可以在不新建段落的情况下换行。
没有Closing Tag。

换行是个坏习惯,正确的是使用

This
is a para
graph with line breaks


效果
This
is a para
graph with line breaks
HTML注释
在HTML文件里,你可以写代码注释,解释说明你的代码,
这样有助于你和他人日后能够更好地理解你的代码。
注释可以写在之间。浏览器是忽略注释的,你不会在HTML正文中看到你的注释。

一些小建议
HTML文件会自动截去多余的空格。不管你加多少空格,都被看做一个空格。
一个空行也被看做一个空格。
有些Tag能够将文本自成一段,而不需要使用

来分段。比如

之类的标题Tag。
更多示例
更多段落
这个示例显示了段落的特性。



这一段在源代码里包含很多分行,但是浏览器忽略这些分行。



这一段       在浏览器里
包含    很多   空格,
但是    浏览器忽略多余空格。



你使用的浏览器的窗口大小决定了段落的行数。如果你改编浏览器窗口的大小,段落的行数会因此改变。


效果
这一段在源代码里包含很多分行,但是浏览器忽略这些分行。
这一段 在浏览器里包含 很多 空格,但是 浏览器忽略多余空格。
你使用的浏览器的窗口大小决定了段落的行数。如果你改编浏览器窗口的大小,段落的行数会因此改变。
换行
这个示例告诉你如何在HTML文件里换行。




在一段

换行
请使用
br这个Tag。




效果

在一段

换行
请使用
br这个Tag。
正文标题
这个示例教会你如何在HTML文件里显示正文标题。


这是1号标题


这是2号标题


这是3号标题


这是4号标题


这是5号标题

这是6号标题



效果
这是1号标题
这是2号标题
这是3号标题
这是4号标题
这是5号标题
这是6号标题
居中的正文标题
这个示例告诉你如何将正文标题居中显示。


这是标题


上面的标题是居中显示的。




效果
这是标题
上面的标题是居中显示的。
加条横线
这个示例演示了如何在HTML文中加条横线。


用hr这个Tag可以在HTML文件里加一条横线。




村妇想像皇宫的生活:皇后得用金扁担挑水吧。




问:谁是世界上最可怜的人?答:炮兵连炊事班战士!问:为什么?答:戴绿帽背黑锅看别人打炮。




初中某数学老师讲方程式变换,在讲台上袖子一挽大声喝道:同学们注意!我要变形了!……




效果
用hr这个Tag可以在HTML文件里加一条横线。
村妇想像皇宫的生活:皇后得用金扁担挑水吧。
问:谁是世界上最可怜的人?答:炮兵连炊事班战士!问:为什么?答:戴绿帽背黑锅看别人打炮。
初中某数学老师讲方程式变换,在讲台上袖子一挽大声喝道:同学们注意!我要变形了!……
代码注释
这个示例演示如何在HTML代码中加上代码注释,这些注释只显示在HTML源代码中,而源代码最终形成的
网页里是看不到这些注释的。



代码注释是不会显示在网页里的。




效果
代码注释是不会显示在网页里的。
背景颜色
这个示例演示如何改变HTML文件的背景色。


看,这个页面是黄色的。




效果
看,这个页面是黄色的。