英雄有敌恶魔之心:学习笔记——一些基础的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来定义段落
正文标题
用到
效果
这是第一段。
这是第二段。
这是第三段。
在HTML里,用p来定义段落。
正文标题
这个示例告诉你如何在HTML文件里定义正文标题。
HTML用到
效果
This is a paragraph
This is another paragraph
换行
通过使用
这个Tag,可以在不新建段落的情况下换行。
没有Closing Tag。
用
效果
This
is a para
graph with line breaks
HTML注释
在HTML文件里,你可以写代码注释,解释说明你的代码,
这样有助于你和他人日后能够更好地理解你的代码。
注释可以写在之间。浏览器是忽略注释的,你不会在HTML正文中看到你的注释。
一些小建议
HTML文件会自动截去多余的空格。不管你加多少空格,都被看做一个空格。
一个空行也被看做一个空格。
有些Tag能够将文本自成一段,而不需要使用来分段。比如之类的标题Tag。
更多示例
更多段落
这个示例显示了段落的特性。
效果
这一段在源代码里包含很多分行,但是浏览器忽略这些分行。
这一段 在浏览器里包含 很多 空格,但是 浏览器忽略多余空格。
你使用的浏览器的窗口大小决定了段落的行数。如果你改编浏览器窗口的大小,段落的行数会因此改变。
换行
这个示例告诉你如何在HTML文件里换行。
效果
要
在一段
里
换行
请使用
br这个Tag。
正文标题
这个示例教会你如何在HTML文件里显示正文标题。
效果
这是1号标题
这是2号标题
这是3号标题
这是4号标题
这是5号标题
这是6号标题
居中的正文标题
这个示例告诉你如何将正文标题居中显示。
效果
这是标题
上面的标题是居中显示的。
加条横线
这个示例演示了如何在HTML文中加条横线。
效果
用hr这个Tag可以在HTML文件里加一条横线。
村妇想像皇宫的生活:皇后得用金扁担挑水吧。
问:谁是世界上最可怜的人?答:炮兵连炊事班战士!问:为什么?答:戴绿帽背黑锅看别人打炮。
初中某数学老师讲方程式变换,在讲台上袖子一挽大声喝道:同学们注意!我要变形了!……
代码注释
这个示例演示如何在HTML代码中加上代码注释,这些注释只显示在HTML源代码中,而源代码最终形成的
网页里是看不到这些注释的。
效果
代码注释是不会显示在网页里的。
背景颜色
这个示例演示如何改变HTML文件的背景色。
效果
看,这个页面是黄色的。
地址: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文件里如何分段。
换行
用
换行
注释
注释可以写在之间
居中的正文标题
标题
加条横线
用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 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文件的背景色。
看,这个页面是黄色的。
效果
看,这个页面是黄色的。
学习笔记——一些基础的HTML Tag
学习笔记——【HTML一些基本命令的代码】
学习笔记——HTML图片(Images)
学习笔记——HTML列表(Lists)
学习笔记——HTML表单(Forms)
学习笔记——如何创建HTML表格
学习笔记——如何创建HTML表格 1
学习笔记——HTML利用超链接打开链接文件
学习笔记——HTML背景颜色和背景图片
学习笔记——HTML头部信息(Head)
学习笔记——布啦布啦网页教程与代码——HTML基本概念
学习笔记——HTML相对路径(Relative Path)和绝对路径(Absolute Path)
Netman 兄提供癿一些学习癿基本方针——鸟哥的私房菜 基础
HTML 基础入门教程——音画帖
学习笔记——图片的添加
HTML笔记
学习笔记—— 字体大小
Lisa学习笔记 -- 如何避免中式思维?http://www.tingvoa.com/html/20100209/13850.html
学习笔记——文字的使用,发表文章
学习笔记——Flash音画加入图片的代码
学习笔记——插入FLASH代码的参数
学习笔记——顶图链接的制作
我的学习笔记——成功&自勉[转]
学习笔记——向上移动的日志