HTML常用标签之列表标签

列表标签的用途,就是用于编排短语句的文字。

1.无序列表

在无序列表中,各个列表项之间没有顺序级别之分,它通常使用一个项目符号作为每个列表项的前缀。

设置无序列表的类型—type
无序列表的默认符号是圆点(● )。

  • 元素有type属性,通过定义不同的type属性可以改变列表的项目符号。目前,type属性的属性值有:disc(圆●)、circle(圆圈○ )、square(方块■ )

定义无序列表要用

  • 标签与
  • 标签,例如下:

网页显示如下

2.有序列表

有序列表中的项目采用数字或英文字母开头,通常各项目间有先后的顺序性

*默认情况下,有序列表的序号是数字的,通过type属性可以调整序号的类型 *

定义有序列表 要用

  1. 标签
  2. 标签,例如下

网页显示如下

3.

  • 标签
  • 标签定义列表项目。
  • 标签可用在有序列表(
    1. )和无序列表(

      • )中。例 :
  • 网页显示如下

    4.

    标签
    标签定义了定义列表(definition list)。
    标签用于结合 (定义列表中的项目)和
    (描述列表中的项目)

    5.

    标签 标签定义了定义列表的项目(既术语部分)。

    6.

    标签
    在定义列表中定义条目的定义部分。

    网页显示如下

    思考与感悟


    其实整个备考的过程中,心态也是很重要的一部分,就好像我们当年高考的时候,心态一定要好。可能同学们经过很长的时间备考,然后投递了很多简历却没有面试机会。

    首先要看一下是不是简历写得不好,一般没有机会大部分都是因为这个原因,可以找一下师兄姐聊一下如何修改简历。然后重新投递试试。或者有了面试机会却没有下轮面试了,那就是可能因为你的技术不够扎实,好好准备自己的基础,我推荐你:

    写技术博客

    不用自己去搭建一个博客(要是可以就更好了),选择一个平台,CSDN或者掘金都是不错的平台,然后就可以开始你的表演了。可以写一些最近的学习心得,面试技巧以及黑科技工具的使用等等。写博客的好处有很多,不仅可以锻炼的表达逻辑,还可以巩固你的知识体系。两全其美,何乐而不为?

    另外就是可以多逛一下技术社区,了解前端的动态,多关注最近出了什么新技术、新框架、新八卦等等。试着去帮别人解答一些问题,别人也很愿意去听,但是不要抬杠。乐于分享的心态比技术本身更重要。

    写项目

    找一个idea,把之前所学的知识点用一下,或者用新的知识来重构一下旧的项目,都是一种产出的方法。如果你担心知识不够牢固可以上一下github找一些优质开源项目,看别人是怎么写的。项目中要把用到技术的那一块注释出来,不然过一个月都不知道是你写的。

    交流心得

    要是可以的话,可以找同学一起交流最近的学习成果。技术学习的路上是枯燥的,找到相同的学习伙伴很重要,能够给你一种学下去的动力,两个相互切磋相互进步也是一种产出的方法。

    要是可以的话,可以找同学一起交流最近的学习成果。技术学习的路上是枯燥的,找到相同的学习伙伴很重要,能够给你一种学下去的动力,两个相互切磋相互进步也是一种产出的方法。

web前端开发项目实例,CSS字体样式的使用相关推荐

  1. 1+x证书Web前端开发HTML+CSS专项练习测试题(八)

    1+x证书Web前端开发HTML+CSS专项练习测试题(八) 官方QQ群 01.{HTML题目}HTML是什么意思? (B) A)高级文本语言 B)超文本标记语言 C)扩展标记语言 D)图形化标记语言 ...

  2. 【web前端开发】CSS文字和文本样式

    文章目录 前言 字体大小 字体粗细 字体样式 字体 font复合属性 文本缩进 文本水平对齐方式 文本修饰线 行高 颜色 标签水平居中 ⭐思维导图 前言 本篇文章主要讲解CSS中的文字和文本样式及一些 ...

  3. 【web前端开发】CSS浮动

    文章目录 1.浮动 2.伪元素 3.标准流 4.行内块元素的问题 5.浮动的作用 6.浮动的特点 7.清除浮动 方法1:额外标签 方法2:单伪元素 方法3:双伪元素 方法4:overflow 1.浮动 ...

  4. Web前端开发HTML清华大学,清华大学出版社-图书详情-《Web前端开发——HTML5+CSS+JavaScript+ jQuery +Dreamweaver》...

    前言 Web前端开发是网站开发方向重要的专业课程,随着市场对Web前端工程师的需求增加,国内很多本专科院校正在或准备开设该课程.本书是咸阳师范学院2016年教材建设资助项目. Web前端开发涵盖多门技 ...

  5. 【web前端开发】CSS定位

    文章目录 1.定位介绍 2.定位的方式 2.1 相对定位 2.2 绝对定位 2.2.1 子绝父相 2.3 固定定位 3. 元素的层级关系 4. 总结 1.定位介绍 定位有两个作用: 1.可以解决盒子和 ...

  6. web前端开发-HTML+CSS基础入门 课程笔记

    https://www.bilibili.com/video/BV1yx411d7Rc?p=3&share_source=copy_web 目录 概述 术语 版本和兼容性 开发环境的准备 第一 ...

  7. h5前端开发,CSS全局样式

    第一章 HTML(★★) 1.浏览器页面有哪三层构成,分别是什么,作用是什么? 2.HTML5的优点与缺点? 3.Doctype作用? 严格模式与混杂模式如何区分?它们有何意义? 4.HTML5有哪些 ...

  8. 企业中书写css,web前端开发企业级CSS常用命名,书写规范总结(示例代码)

    (1)页面结构 容器: container 页头:header 内容:content/container 页面主体:main 页尾:footer 导航:nav 侧栏:sidebar 栏目:column ...

  9. (转)web前端开发分享-css,js入门篇

    关注前端这么多年,没有大的成就,就入门期间积累了不少技巧与心得,跟大家分享一下,不一定都适合每个人,毕竟人与人的教育背景与成长环境心理活动都有差别,但就别人的心得再结合自己的特点,然后探索适合自己的学 ...

  10. 3. web前端开发分享-css,js提高篇

    http://www.cnblogs.com/jikey/p/3604459.html 一. css基础知识掌握之后(个人的标准是:弄清块元素与内联元素的区别,弄清float的应用场景,弄清posit ...

最新文章

  1. golang的WaitGroup
  2. 【每周CV论文推荐】换脸算法都有哪些经典的思路?
  3. Eclipse-cvs指南
  4. Java简单验证码的识别
  5. Flink Checkpoint 问题排查实用指南
  6. [收藏]编译器内置的一些有用的调试宏
  7. java获取cpu核数_vn.py社区精选12 - 策略参数优化,你需要懂得压榨CPU!
  8. 【2020新版】六家云厂商价格比较:AWS、阿里云、Azure、Google Cloud、华为云、腾讯云
  9. C++的静态联编和动态联编
  10. Android PDF 的 读取 与 生成
  11. Splitter和Joiner使用手册
  12. 高端android手机,7月Android中高端手机性能榜出炉:华为高端落榜,中端没进前三!...
  13. Linux提高CPU使用率并设置固定占比
  14. linux 安装bt下载软件,CentOS 7 利用安装源安装Deluge,PT,BT下载工具
  15. 信息学奥赛一本通1005:地球人口承载力估计
  16. kmeans python interation flag_Python自学笔记-第六章面向对象编程(下)
  17. 机器学习在网络安全领域的应用(一)
  18. 导出word如何默认打开为页面视图
  19. 使用Kaggle API下载数据集
  20. v380云存储怎么查看_v380的云存储

热门文章

  1. PHP往里面弄照片怎么弄,怎么往视频里加图片 怎样在视频中间插入图片 并给图片加另外的音乐?...
  2. 计算机毕业设计Node.js+Express闲置物品交易平台(源码+程序+lw+远程调试)
  3. ESP8266开发之arduino环境搭建
  4. TAMRA amine, 5-isomer 2158336-47-9 四甲基罗丹明-氨基
  5. Java学习:使用StAX写XML - 绘制中国国旗的SVG文件
  6. 网站快速收录要了解这几个方法
  7. 推荐阅读 | 很遗憾,Facebook 还是会用 Libra 侵犯你的财务自由
  8. 自学51单片机 - 独立按键实验
  9. 微信小程序同城家政服务预约+后台管理系统SSM-JAVA【数据库设计、论文、源码、开题报告】
  10. 世上没有人能拒绝真诚,只有心存感激的人才能得到幸福和动力