仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 676|回复: 6
打印 上一主题 下一主题

[HTML5] 给大家带来HTML教程:无序列表

[复制链接]
蒙在股里 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:29:40 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
这不是理想状况。我们必须尽可能把精力放在改善这项规范,把耗费在派系相争的精力降到最低。原文:http://andymao.com/andy/post/102.html
段落已讲完了,那末一些基础的使用体例也讲了一些,那末是不是已使用了呢?固然使用能够更加丰厚,那末这些就必要本人在实践事情中不休的探索与思索,然后立异并总结得出新的使用情势。固然了段落不克不及看成万用膏药一样倒处利用,不外信任人人也都晓得如今“DIV”这个标签的感化已被扩展化了(POPO曾有一篇文章《<DIV>不是全能膏药》),更已被一些人拿来与CSS一并说事。这里呢仍是要从头夸大一次:DIV只不外是HTML中的一个无语意标签,他能够用来结构或是作为无语意部分的处置,而CSS则是一种款式言语。名不正则言不顺,我这里不是呆板,而是这类说法会让人人关于尺度的了解会发生公允。基础的品级都弄不分明,把标签功效无穷缩小,这些都不是一个准确的进修立场。我这里细细解说各类标签和用处个中一点也是但愿人人准确了解WEB尺度的意义。准确的说法应当是“xHTML+CSS”或是“WEB尺度”简称为“尺度”也能够。明天不是为发怨言的,仍是讲明天的主题《无序列表》
列表,信任人人都已用过了,Word里也有,良多文档编纂里也都有。而在HTML中的列表则有三品种型:无序列表、有序列表、界说列表。饭要一口口的吃,事要一件件的做,明天只讲无序列表,而且明天所讲的列表不会触及到CSS的丑化事情。说到这里人人应当也分明了,我的解说都是分隔来的,其实不以款式丑化为主,这也是要告知人人标签代码十分主要。那末我们起首就要来了解列表。我们一样平常生存事情都是噜苏而没有层次的,而要想失掉一个高效的友爱的信息互通那末就要梳理信息,做好回类。如许才干无效转达信息。用列表把同类的内容举行复杂的归结,我以为这是列表的一个基础感化。罕见的用处有:图书目次、饭铺菜单、职员名单、待做事宜等等。而这些信息年夜多不是年夜篇的信息内容,而是扼要的题目。固然列表的用处不是说只能是归结题目信息,列表并没有往限定内容的几。只是我们经常使用列表往归结的多是些题目信息而已。
那末我们又怎样往了解无序列表呢?无序的对应就是有序,从字面上往了解就很简单,有序就是说他自己就标了然前后按次的,这是严厉的,而且这些信息自己就有着按次特征。好比我们写操纵步骤那就就必要明白第一步第二步,如许的信息一定是有序的,而无序呢?也就是说其自己就是无序的没有任何按次可言。这里要举个实例让人人思索一下:当局部门的向导名单前后按次是他们最头疼的事,固然他们偶然会写着排名不分前后,可是实践上仍然是有排名的,那末这里我想提出成绩:如许的名单使用有序列表仍是用无序列表呢?固然这个没有尺度谜底,大家都有大家的思索体例,那末你是怎样想的?无妨在批评上留下你的设法。这里我就不说我是怎样想的,但愿人人能多动动头脑,多思索。
列表的标签情势是:
<ul>
<li>这就是列表的内容了</li>
<li>这就是列表的内容了</li>
<li>这就是列表的内容了</li>
<li>这就是列表的内容了</li>
</ul>
这里我们要注重到,列表有两个部分,一个是最表面的一个标签<ul></ul>,一个是内里的内容<li></li>。我们能够如许往了解,<li></li>是一个个尺度化的小盒子,他们次要寄存着列表信息,而<ul></ul>则是个年夜箱子,他的感化就是寄存小盒子。这些一个个的小盒子只要放在年夜箱子里他们才不会弄丢了。划一而有益于运输(移植)、寄存(定位)。那末列表与段落一样能够有良多属性在个中,好比,我们能够为<ul></ul>设置一个id或是class或是title等属性,其特性服从与段落中的一样。而<li></li>也能够有这些属性,可是一样平常情形上去说列表即然是同类的一样平常也不作特别化处置。
那末无序列表基础上也就算是讲完了,实在这篇最主要的内空就是甚么样的信息应当用无序列表,而这些则必要在实践使用的时分多剖析多思索。那末关于还没利用列表标签的伴侣,入手下手利用列表标签,保持用DIV取代列表标签的做法。或是用表格来体现列表的伴侣也能够试着改动一下。从如今入手下手利用无序列表标签。固然假如你已用了发明如许还不克不及满意你,那就等前面解说怎样用款式往开辟出列表的潜力吧。明天讲的内容固然对照复杂,可是仍是但愿来读本篇文章的伴侣能够思索一下下面我提出的成绩。
</p>
随着高端手机(Andriod,Iphone,Ipod,WinPhone等)的盛行,移动互联应用开发也越来越受到人们的重视,用html5开发移动应用是最好的选择。
爱飞 该用户已被删除
沙发
发表于 2015-1-17 22:57:49 | 只看该作者
AdobeDreamweaver(前称MacromediaDreamweaver)是Adobe公司的著名网站开发工具。
因胸联盟 该用户已被删除
板凳
发表于 2015-1-24 10:37:31 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
再见西城 该用户已被删除
地板
发表于 2015-2-1 09:48:29 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
小女巫 该用户已被删除
5#
发表于 2015-3-6 18:46:46 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
灵魂腐蚀 该用户已被删除
6#
发表于 2015-3-13 07:09:43 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
不帅 该用户已被删除
7#
发表于 2015-3-20 16:45:57 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-16 07:09

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表