HTML标签 -365PHP培训与交流平台

<a href="http://www.365php.net/study/2-htmlbaisc/4-html02.html"target="blank">HTML标签 -365PHP培训与交流平台 </a>

 

上次我们讲解了HTML是什么?下面开始学习HTML重要的知识点HTML标签

HTML标签是用来标记HTML元素的,标签用<和>符号包围,HTML标签对大小写不敏感,<a>和<A>的作用相同。

HTML标签的格式:

  • <标签名></标签名>:<html></html>、<p></p>、<div></div>,标签必须成对出现,一个开始一个结束好比一个容器,一对标签中还可以嵌套其他标签
  • <标签名 />:<img />、<br />、<hr />,单独标签不要要结束标签,但是需要使用/>来关闭标签

注意事项,编写HTML代码需要遵守W3C组织制定的标准,HTML本身语法是松散的,而且没有语法检查,如果你没有按照HTML规范编写也不会报错,但是不标准的编写会影响到HTML代码在不同浏览器中输出的效果,为了能获得一致的用户体验,提醒大家要严格遵守编写HTML规范,详细的内容我们后面会讲到。

HTML全架构标签

  1. <html>  
  2. <head>  
  3.     <title>365PHP</title>  
  4. </head>  
  5. <body>  
  6. </body>  
  7. </html>  
<html>
<head>
    <title>365PHP</title>
</head>
<body>
</body>
</html>
  •  <html>:定义HTML文档
  • <head>:定义文档头
  • <body>:定义文档主体
  • <title>:定义文档标题

常用HTML标签

1.标题:<h1>至<h6>标签定义。<h1>定义最大的标题,<h6>定义最小的标题

  1. <h1>这里是365PHP</h1>  
  2. <h2>这里是365PHP</h2>  
  3. <h3>这里是365PHP</h3>  
  4. <h4>这里是365PHP</h4>  
  5. <h5>这里是365PHP</h5>  
  6. <h6>这里是365PHP</h6>  
<h1>这里是365PHP</h1>
<h2>这里是365PHP</h2>
<h3>这里是365PHP</h3>
<h4>这里是365PHP</h4>
<h5>这里是365PHP</h5>
<h6>这里是365PHP</h6>

2.段落:<p>标签

  1. <p>365PHP培训与交流平台         <!—可以不带有</p>标签,但是不要使用这种写法,请注意不要忘记关闭标签 -->  
  2. <p>365PHP培训与交流平台</p>  
<p>365PHP培训与交流平台	       <!—可以不带有</p>标签,但是不要使用这种写法,请注意不要忘记关闭标签 -->
<p>365PHP培训与交流平台</p>

3.换行:<br>标签,当你打算结束一行,又不想开始一个新段落时,<br>标签就派上用场了。

  1. 这里是365PHP培训与交流平台<br>  
  2. 欢迎光临!<br />  
 这里是365PHP培训与交流平台<br>
 欢迎光临!<br />

  大家会发现我们上面的<br>标签有两种写法,非常相似,我们应该选用哪种编写时正确的?

  很明显应该是第二行的<br />写法是符合标准的写法,因为<br>标签没有结束标签,所以这里要加入一个关闭操作,才不会违反编写标准

4.HTML注释:<!-- -->标签用于在HTML代码中插入注释。注释会被浏览器忽略,我们可以使用注释对代码进行解释

  1. <!— 此页面是由365PHP整理编写 -->  
<!— 此页面是由365PHP整理编写 -->

 

基本的注意事项

  • 我们编写的HTML代码在本地输出是正常的效果,并不代表在其他地方输出的效果跟你的一致,浏览器软件和版本、显示屏尺寸、屏幕分辨率都是会影响输出效果的因素,所以在编写HTML代码时尽量不要通过在文本中添加空行和空格来进行页面排版。
  • 浏览器在解释输出HTML代码时,会裁掉文本中所有的空格效果,任何数量的空格都被按一个空格计算,另外HTML代码中的一个空行也会被当做一个空格。
  • 换行操作尽量要使用<br>标签,不要使用空的<p>段落标签。
  • 大家会发现,成对出现的标签在没有结束标签的情况下可以正常使用,不过不要这样做,一切的编写为了标准。

阅读本文的人还阅读:

HTML是什么?

HTML元素

HTML属性

HTML规范

作者:马明@PHP培训 PHP修订1.0 2009-07

365PHP,中国PHP在线培训第一品牌

本文365PHP版权所有,未经批准转载必究。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值