码迷,mamicode.com
首页 > Web开发 > 详细

HTML学习笔记06

时间:2014-05-09 08:05:35      阅读:389      评论:0      收藏:0      [点我收藏+]

标签:style   blog   java   color   http   width   

一、HTML列表

1、无序列表

无序列表是一个项目的列表,始于<ul>标签,每个列表项始于<li>,如:

 1 

<!--无序列表-->

 2 

<ul>

 3 

    <li>HTML</li>

 4 

    <li>CSS</li>

 5 

    <li>JavaScript</li>

 6 

</ul>

 

显示效果:

bubuko.com,布布扣

2、有序列表

有序列表也是一列项目,列表项目使用数字进行标记,有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

 1 

<!—有序列表-->

 2 

<ol>

 3 

    <li>HTML</li>

 4 

    <li>CSS</li>

 5 

    <li>JavaScript</li>

 6 

</ol>

 

显示效果:

bubuko.com,布布扣

3、定义列表

自定义列表以 <dl> 标签开始,每个自定义列表项以 <dt> 开始,每个自定义列表项的定义以 <dd> 开始。

 1 

<!--自定义列表-->

 2 

<dl>

 3 

    <dt>北京</dt>

 4 

    <dd>海淀区</dd>

 5 

    <dd>西城区</dd>

 6 

    <dt>上海</dt>

 7 

    <dd>徐汇区</dd>

 8 

    <dd>普陀区</dd>

 9 

</dl>

 

显示效果:

bubuko.com,布布扣

二、HTML块

1、HTML块元素

大多数 HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时,通常会以新行来开始(和结束)。

例子:<h1>, <p>, <ul>, <table>。

2、HTML内联元素

内联元素在显示时通常不会以新行开始。

例子:<b>, <td>, <a>, <img>。

3、HTML<div>元素

HTML <div> 元素是块级元素,它是可用于组合其他 HTML 元素的容器,没有特定的含义。

<div>主要有两个作用:一是与CSS一同使用对大块内容设置样式属性;二是进行HTML文档布局。

4、HTML<span>元素

HTML <span> 元素是内联元素,可用作文本的容器,它也没有特定的含义。

<span>主要作用是与CSS一同使用,对部分文本设置样式属性。

HTML学习笔记06,布布扣,bubuko.com

HTML学习笔记06

标签:style   blog   java   color   http   width   

原文地址:http://www.cnblogs.com/weddyzheng/p/3717738.html

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