`
intocn
  • 浏览: 6105 次
最近访客 更多访客>>
文章分类
社区版块
存档分类
最新评论

最常用的最基本的 HTML 标签大统计

 
阅读更多

学习 HTML 最好的方式就是边学边做实验。我们为您准备了很好的 HTML 编辑器。使用这个编辑器,您可以任意编辑一段 HTML 源码,然后单击 TIY 按钮来查看结果。

实例
一个简单的 HTML 文件
这个例子是一个很简单的 HTML 文件,使用了尽可能少的 HTML 标签。它向您演示了 body 元素中的内容是如何被浏览器显示的。
简单的段落
此例演示:段落元素中的文字如何被浏览器显示。
(您可以在页面的底部找到更多实例)

标题
标题使用 <h1> 至 <h6> 标签进行定义。<h1> 定义最大的标题。<h6> 定义最小的标题。

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
HTML 会自动在标题前后添加一个额外的折行。

段落
段落使用  标签进行定义。

This is a paragraph

This is another paragraph

HTML 会自动在段落前后添加一个额外的空行。

不要忘记关闭标签
您可能注意到了,在编写段落时可以不带有  标签:

This is a paragraph
<p>This is another paragraph
上面的例子在大多数浏览器中都可以工作,但是不要依赖这种做法。HTML 未来的版本不允许省略任何结束标签。

通过结束标签来关闭 HTML 是一种经得起未来考验的 HTML 编写方法。清楚地标记某个元素在何处开始,并在何处结束,不论对您还是对浏览器来说,都会使代码更容易理解。

换行符
当你打算结束一行,而又不想开始一个新段落时,<br> 标签就派上用场了。无论你将它置于何处,<br> 标签都会产生一个强制的换行。

<p>This <br> is a para<br>graph with line breaks

<br> 标签是空白标签,由于关闭标签没有任何意义,因此它没有类似 </br> 的终止标签。

<br> 还是

您会越来越多地发现 <br> 与
很相似。

由于 <br> 没有结束标签,它也就违反了未来的 HTML 的规则之一,即所有的元素都必须关闭。

把这个标签写为
是经得起未来考验的做法,XHTML 和 XML 都接受在打开的标签内部来关闭标签的做法。

HTML 注释
注释标签用于在 HTML 源码中插入注释。注释会被浏览器忽略。您可以使用注释对您的代码进行解释,这么做在以后的日子里会对您的代码编辑产生帮助。

<!-- This is a comment -->
注意:左括号后需要写一个惊叹号,右括号前就不需要了。

对 HTML 元素的重新认识
每个 HTML 元素都有一个元素名(比如 body、h1、p、br)
开始标签是被括号包围的元素名
结束标签是被括号包围的斜杠和元素名
元素内容位于开始标签和结束标签之间
某些 HTML 元素没有内容
某些 HTML 元素没有结束标签
基本的注意事项 - 有益的提示
当您写 HTML 文本的时候,你永远也没法确定这些文本在另一台显示器上是如何显示的。一些人使用大显示器,而另一些使用小的。当用户调整视窗的分辨率时,这些文本就会被重新格式化。所以不要通过在文本中添加空行和空格的办法在你的编辑器中格式化文本。

HTML 会裁掉文本中所有的空格。任何数量的空格都被按一个空格计数。另外,在 HTML 中,一个空行也被当作一个空格。

使用空的段落标记  去插入一个空行是个坏习惯。用 <br> 标签代替它!(但是不要用 <br> 标签去创建列表。不要着急,您将在稍后的篇幅学习到 HTML 列表。)

您也许已经注意到了,在没有结束标签
的情况下,<p> 标签依然可以正常工作。不过不要这样做!下一个版本的 HTML 将不允许忽略任何的结束标签。

HTML 会自动地在某些元素前后添加一个额外的空行,比如段落、标题元素前后。

使用水平线 (<hr> 标签) 来分隔文章中的小节是一个办法(但并不是唯一的办法)。

更多实例
更多的段落
本例演示段落元素的某些缺省的行为。
“诗歌”问题
本例演示 HTML 格式化的某些问题。
折行
本例演示在 HTML 文档中折行的使用。
标题
本例演示在 HTML 文档中显示标题的标签。
水平线
本例演示如何插入水平线。
隐藏的注释
本例演示如何在 HTML 源代码中插入隐藏的注释。
基本的 HTML 标签
标签 描述
<html> 定义 HTML 文档。
<body> 定义文档的主体。
<h1> to <h6> 定义标题 1 至标题 6。
<p> 定义段落。
<br> 插入折行。
<hr> 定义水平线。
<!--> 定义注释。
0
0
分享到:
评论

相关推荐

    DoubleY自动生成HTML全站静态程序 3.0.rar

    9.样式文件和模板文件均可后台修改预览(暂无代码高亮编辑功能),不同的栏目模板文件全部全静态分离,可以直接浏览,自由编辑个性化,支持"${ }"标签修改,但是需要您有一定代码基础。 10.纯DIV CSS布局,兼容FF和...

    DoubleY自动生成HTML全站静态程序 v3.0.rar

    基本功能模块: "文章、相册、作品案例展示、留言板、标签云搜索、站长简介、友情链接",可选模块“酷站收藏、音乐收藏、站内下载”。全部栏目全部采用全静态化技术,数据自动同步更新,也可手动操作。JS和HTML模式...

    java web 视频、电子书、源码(李兴华老师出版)

    16.4、Html标签 16.4.1、&lt;html:form&gt;标签 16.4.2、&lt;html:text&gt;与&lt;html:password&gt;标签 16.4.3、&lt;html:radio&gt;标签 16.4.5、&lt;html:textarea&gt;标签 16.4.6、&lt;html:hidden&gt;标签 16.4.7、按钮标签 16.4.8、...

    PHPcn5.0专业的php编程工具,多标签页,代码高亮,代码折叠,输入法

    phpcn内置了输入法提示功能,使你快速地输入你想要的函数,同时配置了输入法统计功能,可以提高编程效率,快速匹配用户常用的函数。 phpcn绿色,没有任何广告。小巧,压缩包只有4M大小。 phpcn内置了976个php函数...

    李兴华 Java Web 开发实战经典_带源码_高清pdf 带书签 上

    16.4、Html标签 16.4.1、&lt;html:form&gt;标签 16.4.2、&lt;html:text&gt;与&lt;html:password&gt;标签 16.4.3、&lt;html:radio&gt;标签 16.4.5、&lt;html:textarea&gt;标签 16.4.6、&lt;html:hidden&gt;标签 ...

    MLDN+李兴华+Java+Web开发实战经典.part3.rar )

    16.4、Html标签 16.4.1、&lt;html:form&gt;标签 16.4.2、&lt;html:text&gt;与&lt;html:password&gt;标签 16.4.3、&lt;html:radio&gt;标签 16.4.5、&lt;html:textarea&gt;标签 16.4.6、&lt;html:hidden&gt;标签 16.4.7、按钮标签 16.4.8、...

    李兴华 java_web开发实战经典 源码 完整版收集共享

    16.4、Html标签 16.4.1、&lt;html:form&gt;标签 16.4.2、&lt;html:text&gt;与&lt;html:password&gt;标签 16.4.3、&lt;html:radio&gt;标签 16.4.5、&lt;html:textarea&gt;标签 16.4.6、&lt;html:hidden&gt;标签 ...

    李兴华 Java Web 开发实战经典_带源码_高清pdf 带书签 下

    16.4、Html标签 16.4.1、&lt;html:form&gt;标签 16.4.2、&lt;html:text&gt;与&lt;html:password&gt;标签 16.4.3、&lt;html:radio&gt;标签 16.4.5、&lt;html:textarea&gt;标签 16.4.6、&lt;html:hidden&gt;标签 ...

    李兴华Java Web开发实战经典.pdf (高清版) Part1

    16.4、Html标签 16.4.1、&lt;html:form&gt;标签 16.4.2、&lt;html:text&gt;与&lt;html:password&gt;标签 16.4.3、&lt;html:radio&gt;标签 16.4.5、&lt;html:textarea&gt;标签 16.4.6、&lt;html:hidden&gt;...

    李兴华 Java Web 开发实战经典 高清扫描版Part3

    16.4、Html标签 16.4.1、&lt;html:form&gt;标签 16.4.2、&lt;html:text&gt;与&lt;html:password&gt;标签 16.4.3、&lt;html:radio&gt;标签 16.4.5、&lt;html:textarea&gt;标签 16.4.6、&lt;html:hidden&gt;标签 ...

    李兴华Java Web开发实战经典(高清版) Part2

    16.4、Html标签 16.4.1、&lt;html:form&gt;标签 16.4.2、&lt;html:text&gt;与&lt;html:password&gt;标签 16.4.3、&lt;html:radio&gt;标签 16.4.5、&lt;html:textarea&gt;标签 16.4.6、&lt;html:hidden&gt;...

    SpeedPioneer(速度先锋) 1.0 3101

    论坛UBB标签支持常用的帖图标签[img][/img],超链标签[url][/url],[url=地址]文字[/url], 色彩标签[color][/color],文字风格标签[b][/b],[i][/i],[u][/u],文字排版[center][/center], [left][/left],[right]...

    风讯站点管理系统2004.I.0225(第2版)

    所有大类可以生成完全HTML文件。不再调用JS(当然也保留有JS调用,方便在需要的地方调用)。 ?加强专题功能(包括专题图片归类....) ?在线发送邮件(需要你的服务器支持相应组件) ?新闻可以任意转移功能 ?加强...

    工程硕士学位论文 基于Android+HTML5的移动Web项目高效开发探究

    媒体查询 CSS媒体查询允许开发者基于浏览网站的设备的特性来应用不同的样式申明,最常用的特性是视口宽度。 GCF 谷歌内嵌浏览器框架, 使用此插件,用户可以通过Internet Explorer的用户界面,以Chrome内核的渲染方式...

    共享单车实训项目

    目的:通过学习HTML5以及CSS3常用基础,熟练使用页面布局,并且能够使用JavaScript语法达到与页面交互。通过AJAX实现NodeJS后台服务器交互。 第二阶段:综合项目实战(5工作日) 目的:搭建共享单车程序结构,...

    蓝梦CMS(LMPIC)图片管理系统 v4.1.2.rar

    1,各个分类的缩略图大小自定义控制, 2,支持全站HTML生成 3,支持无限级分类 4,可以建立不同种类的图片资源 5,支持采集 6,支持数据备份 ...添加一些常用的模板标签。 更新了之前出现的一系列bug

    风讯dotNETCMS v1.0 sp5源码

    最他娘的讨厌那些本来就不是源码还喊着是源码,结果还要就很多分的人,再次鄙视! 风讯dotNETCMS v1.0 sp5源码 dotNETCMS是一款具有强大功能的基于ASP.NET+MSSQL构架的内容管理软件,国内领先的第一款开源的、 集成...

    JSP动态网站开发基础教程与实验指导(从基础到应用)光盘

    JSP动态网站开发基础教程与实验指导(从基础到应用)光盘 作者:王晓军 田中雨 刘跃军 等 全书共分12章,介绍了,JSP开发环境配置,页面组成元素,内置对象,访问数据库技术,JavaBean,Servlet技术,以及开发JSP...

    文件批量处理百宝箱

    MP3标签信息的显示与重写给图片添加文字或图片水印 对图片进行相对/绝对、区域/按大小/缩略缩放/切片等6种模式的智能批量裁剪对doc/ppt/txt/asp/html等文档进行智能字符替换txt文本行的添加、删除、提取、统计分割等...

    nlp-lang:这个项目是一个基本包。封装了大多数nlp项目中常用工具

    √html标签清理 √Viterbi算法增加 组件 √汉字转拼音 √简繁体转换 √Bloomfilter √指纹去重 √SimHash文章相似度计算 √词共现统计 √基于内存的搜索提示 √WordWeight词频统计,词idf统计,词类别相关度统计

Global site tag (gtag.js) - Google Analytics