<div>
,此外还有 <p>
、<nav>
、<aside>
、<header>
、<footer>
、<section>
、<article>
、<ul>
、<address>
、<h1>
~<h6>
等。<br>
,块级元素总是在新行上开始; <span>
,此外还有<b>
、<i>
、<u>
、<em>
、<strong>
、<sup>
、<sub>
、<big>
、<small>
、<li>
、<ins>
、<del>
、<code>
、<cite>
、<dfn>
、<kbd>
和<var>
等。<b>
和<i>
标签可以修饰字体;<sub>
和<sup>
两个标签分别用来定义下标文本和上标文本。 <div>
我们可以定义页面的各个部分,通过与 CSS 相结合可以实现各种各样的效果,下面通过一个示例演示 <div>
标签的使用。
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title><div>标签演示</title> </head> <body> <p>C语言中文网的《<a href="http://task.lmcjl.com/html/" target="_blank">HTML教程</a>》是我们花费了数月时间倾力打造的,它通俗易懂,并且贴近实用。</p> <div style="padding:0px 20px;border:1px solid #ccc; background-color:#eee;"> <h4>HTML教程目录(部分)</h4> <ul> <li><a href="/view/7410.html" target="_blank">网站到底是什么</a></li> <li><a href="/view/9381.html" target="_blank">HTML是什么</a></li> <li><a href="/view/9382.html" target="_blank">HTML标签的语法格式</a></li> <li><a href="/view/9383.html" target="_blank">HTML属性的概念和使用</a></li> </ul> </div> </body> </html>运行效果如下图所示:
图1:HTML <div> 标签演示
<span>
标签是一个内联元素,可以对 HTML 文档中的内容进行修饰,此标签不会为文档内容提供任何视觉效果,但可以与 CSS 结合使用来美化网页。下面通过一个示例来演示 <span>
标签的使用:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style type="text/css"> #profile span{ display: inline-block; padding: 2px 4px; border: 1px solid #ddd; background-color: #f6f6f6; border-radius: 3px; } </style> <title><span>标签演示</title> </head> <body> <h1>C语言中文网<span style="font-size:18px; color:#666;">简介</span></h1> <p id="profile"> C语言中文网,一个在线学习<b>编程</b>的网站,目前已经发布了将近 50<sup>①</sup> 套教程,包括 <span>C语言</span>、<span>C++</span>、<span>Java</span>、<span>Python</span> 等,请<a href="http://task.lmcjl.com/sitemap/" target="_blank">猛击这里</a>查看所有教程。 <hr /> <span style="font-size:14px;">注①:C语言中文网会持续更新优质教程,教程数量将远远超过 50 套。</span> </p> </body> </html>运行结果如下图所示:
图2:HTML <span> 标签演示
<a href="/html/" target="_blank" class="clearfix"> <div class="image"> <img align="center" src="/templets/new/images/index_pc/icon_html.png" alt="HTML图标"> </div> <div class="desc"> <h4>HTML教程</h4> <p>HTML是一种专门开发网页的标记语言,由浏览器解析。</p> </div> </a>总之,这是一条建议,不是强制规定。
本文链接:http://task.lmcjl.com/news/16700.html