html标签tag,一些基础的HTML Tag标签

HTML里,比较基础的Tag主要用于标题,段落和分行。

学习HTML最好的方法,就是跟着示例学。为了各位学习的方便,我们准备了一个简单的HTML编辑器,你可以在左边写HTML代码,然后点击上面的按钮,查看HTML的显示结果。

试试看吧!

这是一个非常简单的HTML。

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

这是第一段。

这是第二段。

这是第三段。

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

这个示例显示在HTML文件里如何分段。

正文标题

这个示例告诉你如何在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

段落划分

在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。

更多示例

这一段

在源代码里

包含很多分行,

但是浏览器忽略

这些分行。

这一段 在浏览器里

包含 很多 空格,

但是 浏览器忽略多余空格。

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

这个示例显示了段落的特性。

在一段

换行

请使用

br这个Tag。

这个示例告诉你如何在HTML文件里换行。

这是1号标题

这是2号标题

这是3号标题

这是4号标题

这是5号标题

这是6号标题

这个示例教会你如何在HTML文件里显示正文标题。

这是标题

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

这个示例告诉你如何将正文标题居中显示。

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

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

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

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

这个示例演示了如何在HTML文中加条横线。

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

这个示例演示如何在HTML代码中加上代码注释,这些注释只显示在HTML源代码中,而源代码最终形成的网页里是看不到这些注释的。

看,这个页面是黄色的。

这个示例演示如何改变HTML文件的背景色。

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值