HTML 百分网手机站

HTML的代码注释

时间:2018-05-09 14:08:12 HTML 我要投稿

HTML的代码注释

  什么是HTML代码注释?代码注释的作用是帮助程序员标注代码的用途,过一段时间后再看你所编写的代码,就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。

  语法:

  <!--注释文字 -->

  认识标签<head>

  文档的头部描述了文档的各种属性和信息,包括文档的标题等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。

  <head>

  <title>...</title>

  <meta>

  <link>

  <style>...</style>

  <script>...</script></head>

  <title>标签

  在<title> 和<title> 标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。

  例如:

  <head>

  <title>hello world</title></head>

  <title>标签的内容“hello world”会在浏览器中的标题栏上显示出来,如下图所示

  --------------------------------------------------------------------------------

  <body>标签,网页上显示的内容放在这里

  在网页上要展示出来的页面内容一定要放在body标签中。如下图是一个新闻文章的网页。

  --------------------------------------------------------------------------------

  开始学习<p>标签,添加段落

  如果想在网页上显示文章,这时就需要<p>标签了,把文章的段落放到<p>标签中。

  语法: <p>段落文本</p>

  注意一段文字一个<p>标签,如在一篇新闻文章中有3段文字,就要把这3个段落分别放到3个<p>标签中。如下图所示。

  --------------------------------------------------------------------------------

  了解<hx(1-6)>标签,为你的网页添加标题

  文章的段落用<p>标签,那么文章的标题用什么标签呢?在本节我们将使用<hx>标签来制作文章的标题。

  标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的'等级。

  语法:<hx>标题文本</hx> x:1-6

  注意:因为h1标签在网页中比较重要,所以一般h1标签被用在网站名称上。腾讯网站就是这样做的。如:<h1>腾讯网</h1>

  h1-h6标签的默认样式:

  标签代码:

  在浏览器中显示的样式:

  --------------------------------------------------------------------------------

  加入强调语气,使用<strong>和<em>标签

  有了段落又有了标题,现在如果想在一段话中特别强调某几个文字,这时候就可以用到<em>或<strong>标签

  但两者在强调的语气上有区别:

  <em> 表示强调,在浏览器中<em> 默认用斜体表示

  <strong>表示更强烈的强调,在浏览器中<strong>用粗体表示。

  两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。

  在浏览器中默认样式是有区别的:

  浏览器中的样子,如下图。

  语法:

  <em>需要强调的文本</em>

  <strong>需要强调的文本</strong>

【HTML的代码注释】相关文章:

1.过滤HTML代码

2.常用HTML代码解释

3.HTML代码是什么

4.精选Html技巧语义化代码

5.如何正确使用html代码

6.2017年html的超简代码模版

7.php如何过滤危险html代码

8.Dreamweaver格式化html代码的技巧