首页 > Web开发 > 详细

Html基本标签与案例

时间:2017-07-24 10:47:40      阅读:234      评论:0      收藏:0      [点我收藏+]

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基本标签与案例

原文:http://www.cnblogs.com/juncaoit/p/7227665.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!