3. html列表:无序和有序列表

HTML教程入门

html有序和无序列表:无序列表是一个项目的列表,此列项目使用粗体圆点(典型的小黑圆圈)进行标记。无序列表始于ul标签。每个列表项始于li。同样,有序列表也是一列项目,列表项目使用数字进行标记。有序列表始于ol标签。每个列表项始于li标签。

html列表

1、list列表:

1、没有列表显示:


换行符 实现列表换行:

2、用html制作列表(list):
1、无序列表ul元素:unorder list,无序列表是一个项目的列表,列表显示的没有数字,第1行、2、3、……

展示:
小黑点默认缩进;
跟我们之前看到不一样,像h1、p元素的;
我们不用担心他看起来像这样,其实这就是列表最合理的展示;

在这个无序列表加个h1元素,并命名:我今天要做的事情;

sublime批量修改元素名称的技巧:

windows:选上要修改的元素,alt + F3,输入要修改的内容;

2、有序列表ol元素:order list,有序列表也是一列项目,列表项目使用数字进行标记,第1行、2、3、……

例如我做一个写代码5个方法,就用order list

展示:
序列号默认缩进;
跟我们之前看到不一样,像h1、p元素的;
我们不用担心他看起来像这样,其实这就是列表最合理的展示;

在这个无序列表加个h1元素,并命名:我今天要做的事情;

sublime批量修改元素名称的技巧:

windows:选上要修改的元素,alt + F3,输入要修改的内容;

3、定义列表dl元素:definetion list,自定义列表不仅仅是一列项目,而是项目及其注释的组合。

父辈和儿辈 的关系

知识点:

父辈和儿辈 的关系

放到列表里面,显示也一样,也就说浏览器会自动解析你所写的东西,但是这种写法是不好的,其它浏览器会报错。

一定要养成好习惯;

也就:父辈-儿辈的关系;

接近10年的互联网从业经验,精通Scrum敏捷软件开发的方法,从事互联网产品设计,开发,测试,运营,案例不少于20个,发现自己最喜欢的工作是做外贸营销,外贸SEO,特别喜欢谷歌优化。从2017年3月开始坚持在群161510483直播谷歌SEO和WEB前端开发技术,只要加进来坚持学习零基础也能够学会。

Last modified: 2019年7月28日

Previous Story

HTML教程入门

2.sublime使用教程:安装和使用

sublime使用教程:收费但可以无限期试用具有漂亮的用户界面和强大的功能,Sublime Text是一套跨平台的文字编辑器,支援基于Python的外挂程式.

...

Next Story

HTML教程入门

4. html元素的父子关系

html元素的父子关系:通过这个例子我马上就想到了制作可折叠的下拉菜单的方法.原来我是通过给子结点设置id属性,然后根据用户的点击行为来控制它的显隐.

...