欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  1、HTML 标题
 
  <h1>标题</h1>
 
  1)标题前面是开始标签opening tag,标题后面是结束标签closing tag,结束标签前面有一个斜杠。
 
  2)标题(heading)是通过 <h1> - <h6> 从大到小的标签进行定义的,<h1> 定义最大的标题。<h6> 定义最小的标题。
 
  3)通常情况下网站的标题使用h1标签,页面标题使用h2标签,其他部分根据具体情况使用h3-h6。
 
  如:
 
  <h1>标题</h1>
 
  <h2>标题</h2>
 
  <h3>标题</h3>
 
  <h4>标题</h4>
 
  <h5>标题</h5>
 
  <h6>标题</h6>
 
  2、段落标签
 
  一般情况下文章中除了标题,副标题,还有一些普通的段落,把文字描述放到<p>标签(段落标签paragraph tab)中,使用段落标签展示描述性内容,浏览器会自动地在段落的前后添加空行。
 
  <p>
 
  我是一个段落。
 
  </p>
 
  3、无序列表标签
 
  列表标签可以显示一组列表,此列项目使用粗体圆点(小黑圆圈)进行标记。无序列表unordered list始于 <ul> 标签,每个列表item list项始于 <li>,<li>标签一定要写在<ul>标签内部。
 
  <ul>是<li>标签的父元素(父标签parent),反过来<li>就是<ul>的子元素(子标签children),这种写法称之为嵌套标签或者嵌套元素。注意,子标签相对于父标签还有2个或者4个空格,亦或者按下键盘上的tab键,来达到缩进的目的,便于区分父子元素。
 
  <h2>=======无序列表=======</h2>
 
  <h3>中国一线城市有:</h3>
 
  <ul>
 
  <li>北京</li>
 
  <li>上海</li>
 
  <li>深圳</li>
 
  <li>广州</li>
 
  </ul>
 
  提示:虽然缩进在HTML中不是必须的,但是写代码一定要注意缩进,不要让你的HTML代码难以阅读
 
  4、有序列表标签
 
  有序列表可以添加序号来明确的显示先后顺序,列表项目使用数字进行标记。有序列表ordered list始于 <ol> 标签,每个列表项依然始于 <li> 标签,<li>标签作为子元素一定要写在<ol>标签里面。
 
  <h2>=======有序列表=======</h2>
 
  <ol>
 
  <li>上海</li>
 
  <li>北京</li>
 
  <li>深圳</li>
 
  <li>广州</li>
 
  </ol>
 
  5、body标签
 
  所有在浏览器中能看到的内容都需要放入到<body>标签中,前面介绍的所有元素中的父元素。body本身不显示什么信息,是为了让html代码更符合规范,代码规范是由w3c万维网联盟规范的。
 
  World Wide Web Consortium万维网联盟创建于1994年,是Web技术领域最具权威和影响力的国际中立性技术标准机构。
 
  6、head标签
 
  在页面内容被浏览器显示出来之前,如果想运行某些代码的话,可以放到<head>标签里面,这些代码不会显示在浏览器当中,比如css、javascript等都可以放到<head>标签里面。
 
  7、html标签
 
  最后把前面所有内容都放到<html>标签里,<html>标签是<head>、<body>标签的父标签。<html>、<head>、<body>都不会在浏览器当中显示额外的内容,它们只是把代码更好的组织在一起,让浏览器能够正确的识别代码的每一部分。
 
  8、文档类型声明
 
  整个html文档中还有一个必要的元素叫:文档类型声明DOCTYPE,它放在所有代码的最上面,它表示html的版本信息,浏览器会根据DOCTYPE中的版本信息,决定如何来显示这个网页,如果html文档没有指定html版本,就是目前的最新版html5。
 
  代码演示:
 
  <!DOCTYPE html>
 
  <html lang="zh-CN">
 
  <head>
 
  <meta charset="UTF-8">
 
  <title>html标签</title>
 
  </head>
 
  <body>
 
  <h1>h1标题</h1>
 
  <h2>h2标题</h2>
 
  <h3>h3标题</h3>
 
  <h4>h4标题</h4>
 
  <h5>h5标题</h5>
 
  <h6>h6标题</h6>
 
  <p>
 
  我是一个段落。我是一个段落。我是一个段落。我是一个段落。我是一个段落。我是一个段落。我是一个段落。我是一个段落。我是一个段落。我是一个段落。我是一个段落。我是一个段落。我是一个段落。
 
  </p>
 
  <h2>=======无序列表=======</h2>
 
  <h3>中国一线城市有:</h3>
 
  <ul>
 
  <li>北京</li>
 
  <li>上海</li>
 
  <li>深圳</li>
 
  <li>广州</li>
 
  </ul>
 
  <h2>=======有序列表=======</h2>
 
  <ol>
 
  <li>上海</li>
 
  <li>北京</li>
 
  <li>深圳</li>
 
  <li>广州</li>
 
  </ol>
 
  </body>
 
  </html>

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h59944.shtml