码迷,mamicode.com
首页 > 编程语言 > 详细

我的javaweb学习之旅--html常用块级标签

时间:2016-07-31 22:38:43      阅读:225      评论:0      收藏:0      [点我收藏+]

标签:网页   标签   奇迹   javaweb   水平线   

html常用块级标签

常用的有p,h1~h6,div,ul 等


1.h1~h6

<body>

<h1></h1>   一级标题

......

<h6></h6>    六级标题

</body>


2.p段落标签

示例:

<p>有梦想就有奇迹</p>



3.<hr/>标签  水平线标签

<p>有梦想就有奇迹</p>

<hr/>


4.有序列表标签

<ol>开头  </ol>结束

<ol>

<li>列表项1</li>

</ol>


5.无序列表

<ul>开头  </ul>结束

<ul>

<li>列表项1</li>

</ul>


6.定义描述标签

<dl>

  <dt>标题</dt>

  <dd>描述</dd>

</dl>



7.分区标签

<div>头部内容</div>

<div>导航内容</div>

<div>底部内容</div>

div标签一般当作结构化块状元素使用,一般最常见的用途就是对网页进行整体分块布局,即当容器来使用


代码:

<! doctype html>

<html>

  <head>

  <title>xjd0316的技术博客</title>

<meta http-equiv="Content-type" content="text/html;" charset=gb2312>

<meta name="keyword" content="java学习,html学习">

<meta name="description" content="久而久之、久而旧之">

  </head>

  <body>

  <div id="mp3setion">

<h1>MP3排行榜<h1/>

<hr/>

<h2>歌曲目录</h2>

<p>第一名:下沙<p>

<p>第二名:星月神话<p>

<p>第三名:说好的幸福呢<p>

<hr/>

  </div>


  <div id="friutsort">

<h3>我喜欢吃的水果</h3>

<ol>

<li>橙子</li>

<li>香蕉</li>

<li>苹果</li>

</ol>

</div>

<div id=travelline>

<h3>旅游路线精选</h3>

<ul>

<li>上海--深圳--南京</li>

<li>深圳--香港--泰国</li>

<li>昆明--丽江--西双版纳</li>

</ul>

</div>

<hr/>

<dl>

<dt>水</dt>

<dd>人类赖以生存的<dd>

<dd>化学符号:H2o<dd>


<dt>氧气<dt>

<dd>符号:o2<dd>

<dd>生命之水<dd>

<dl>

  </body>

</html>


技术分享

本文出自 “久而久之的博客” 博客,谢绝转载!

我的javaweb学习之旅--html常用块级标签

标签:网页   标签   奇迹   javaweb   水平线   

原文地址:http://catxjd.blog.51cto.com/10307031/1832491

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!