重温系列2《html高级篇---div&ul序列等标签》

1.空格(回车),在编辑器里面,空格称为文本分隔符号。无论编辑多少空格,网页里只能显示一个。
在这里插入图片描述
如上图,空了很多空格。下面呈现的效果却只有一个空格。

在这里插入图片描述
如果想空很多空格,需要用html特殊的编码:( )这个表示一个空格。
在这里插入图片描述
在这里插入图片描述
这里单词比较特殊,英文的单词是用空格当分割符号,如果一个单词足够长,大于div的宽度。它就会溢出。
在这里插入图片描述
2.单标签(br),回车文本,相当于打个回车。
3.单标签(hr),水平线
4.有序标签:
在这里插入图片描述
有序标签,在默认情况下会以1. 2. 3. 往下排,但ol后面加上type = “1/a/A/i/I”,他就会以指定的排序方式往下排(共五种排序方式)ol在后面加上,
在这里插入图片描述
在这里插入图片描述
在ol后面加上start = ‘2’,则以第二个往下排。
在这里插入图片描述
reversed = ‘reversed’,则以倒序的排列,
在这里插入图片描述
5.无序标签
在这里插入图片描述
无序标签,默认前边的是小黑点,即属性为type = ‘disc’,小方块为type= ‘square’,小圈圈为type = ‘circle’
在这里插入图片描述
ul 与li 标签适合做一些功能,这些功能有自己的父子结构。比如后续的导航栏,还有类似表格的排列布局,还有用到浮动的布局的时候。
6.单标签img图片插入标签,就是在页面里插入一张图片,它有三个比较重要的属性。
src = ‘’:这个表图片插入的地址,地址分为相对地址,与绝对地址。一般我们用到的是相对地址。
alt = ‘’ :这个是图片占位符号,当图片地址发生错误的时候,展现文字的信息。当我们制作的网页在进行页面加载的时候,由于网速等原因,图片在没有加载进入的时候,这里会预先给这张图片占用一个位置。
在这里插入图片描述
title = ‘’ :图片提示符号,就是鼠标移动到加载的图片上,会显示出相关信息。
在这里插入图片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章