设为首页 加入收藏

TOP

html 之表单,div标签等。。。。。。。(三)
2017-10-09 13:26:54 】 浏览:8670
Tags:html 表单 div 标签
其赋予不同的表现.

<span></span>: <span>表示了内联行(行内元素),并无实际的意义,主要通过CSS样式为其赋予不同的表现.

块级元素与行内元素的区别
所谓块元素,是以另起一行开始渲染的元素,行内元素则不需另起一行。如果单独在网页中插入这两个元素,不会对页面产生任何的影响。
这两个元素是专门为定义CSS样式而生的。

3.图片标签img

src: 要显示图片的路径.

alt: 图片没有加载成功时的提示.

title: 鼠标悬浮时的提示信息.

width: 图片的宽

height:图片的高 (宽高两个属性只用一个会自动等比缩放.)

'''

4.列表标签

<ul>: 无序列表 [type属性:disc(实心圆点)(默认)、circle(空心圆圈)、square(实心方块)]

<ol>: 有序列表
         <li>:列表中的每一项.

<dl>  定义列表

         <dt> 列表标题
         <dd> 列表项

'''

 实例:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--有序列表&#45;&#45; order list-->
<!--默认是1,2,3,4有序,如果加type就会以你指定的有序-->
<ol type="a"> 
    <li>haha</li>
    <li>haha</li>
    <li>haha</li>
    <li>haha</li>
    <li>haha</li>
</ol>
<!--无序列表-->
<ul>
    <li></li>
    <li></li>
    <li></li>
    <!--实心圆(默认是实心圆)-->
    <li type="disc"></li>
    <!--空心圆-->
    <li type="circle"></li>
    <!--方形-->
    <li type="square"></li>
</ul>
<!--定义列表-->
<!--define liset-->
<dl>
    <!--定义的标题内容  define title-->
    <dt>河北省</dt>
    <!--内容-->
    <dd>石家庄</dd>
    <dd>天津</dd>
    <dd>雄安</dd>
</dl>
</body>
</html>

运行截图

 

首页 上一页 1 2 3 下一页 尾页 3/3/3
】【打印繁体】【投稿】【收藏】 【推荐】【举报】【评论】 【关闭】 【返回顶部
上一篇SASS之继承,混合宏,占位符的用法 下一篇总结:Ruby里是值传递还是引用传递

最新文章

热门文章

Hot 文章

Python

C 语言

C++基础

大数据基础

linux编程基础

C/C++面试题目