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代码