网站首页 语言 会计 电脑 医学 资格证 职场 文艺体育 范文

HTML的代码注释

栏目: 网页设计 / 发布于: / 人气:1.27W

什么是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>

Tags:HTML 注释 代码