首页 > 代码库 > Html基本标签与案例

Html基本标签与案例

1.html与css的关系

  技术分享

 

2.程序

 1 <!DOCTYPE HTML>
 2 <html>
 3     <head>
 4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 5         <title>Html和CSS的关系</title>
 6         <style type="text/css">
 7         h1{
 8             font-size:12px;
 9             color:#999;
10             text-align:center;
11         }
12         </style>
13     </head>
14     <body>
15         <h1>Hello World!</h1>
16     </body>
17 </html>

 

3.效果

  技术分享

4.注释

  <!--注释文字 -->

 

5.p标签

  <p>段落文本</p>

 

6.hx标签

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

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

  <hx>标题文本</hx>

 

7.strong与em标签

  但两者在强调的语气上有区别:<em> 表示强调,<strong> 表示更强烈的强调。

  并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。

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

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

 

8.span标签

  使用<span>标签为文字设置单独样式

  标签是没有语义的,它的作用就是为了设置单独的样式用的

  

9.q标签

  <q>标签,短文本引用。

  注意要引用的文本不用加双引号,浏览器会对q标签自动添加双引号。

 

10.

 

Html基本标签与案例