2021-03-03

1.段落的内容
特点:1.自成一行,会占满整行,在它的后面出现的内容将会在下一行显示。
        2.段落与段落之间会有空行
2. html中网页内容的标题标记
特点:1.自成一行,会占满整行,在它的后面出现的内容将会在下一行显示。
        2.h1~h6 显示出来的效果是字体依次变小。H1最大,h6最小。
        3.不同的浏览器显示效果有所差异。
3. 水平对齐属
属性出现在html标记的开始标记中,表示当前这个标记的显示效果的附加信息。
属性是由2部分组成:  1.属性名称
                                  2.属性值
属性是可以在开始标记中出现多个,如果有多个中间使用空格分开
4. html中的回车换行标记
br单标记----回车换行.break缩写,换行,与段落标记不一样,段落上下之间有段间距,而换行只换行,无段间距,为行间距
5. html中的分隔线标记
hr—网页中的一条分隔线。 分割线,从中间向两边划开,默认颜色为灰色。
color属性–分隔线颜色【颜色单词/颜色码】
size属性—分隔线粗细【1~7】
width属性—分隔线长短【数字px】
align—水平对齐属性[left-左对齐 center-居中对齐 right-右对齐
6. html中设置字体的标记
font—专门用来设置字体的标记
color属性—设置字体颜色【颜色单词/颜色码】
size属性----设置字体大小
face属性—设置字体风格【C:\Windows\Fonts】
7. html中的居中标记
需要被水平居中显示的html标记\文字\图片
8. 一组文本格式化标记
在这里插入图片描述

9. 字符实体—就是在网页中输出的特殊符号
在这里插入图片描述

10. html中的图片标记
src属性–设置图片路径
图片路径的设置有3种方式
绝对路径–从操作系统的指定盘中的目录开始查找图片的路径。
绝对路径缺点:1.如果图片保存目录太深,图片的操作路径就会很长。
                      2.当我们将网页\保存图片的文件夹移动之后,这个图片的路径就变化。图片无法正常显示。
相对路径–以当前网页为参照、为中心,对外开始查找图片的路径。
      1. 图片与当前网页在同一个目录下【src=”图片名称”】
      2. 图片保存在当前网页所在目录的子文件夹中【src=”子文件夹的名称\图片名称”】
      3. 图片保存在当前网页所在目录的父文件夹中[…\上一层]
【src=”…\子文件夹的名称\图片名称”】
网络地址路径—http:\xxxxxxxxxxxx
width属性–设置图片的宽度【数字px】
height属性–设置图片的高度【数字px】
1.一般不使用绝对路径设置图片路径
2.如果需要的图片资源本地磁盘中存在使用相对路径
3.如果需要的图片资源本地磁盘中不存在使用网络地址
11. 设置网页的背景
我们这里的设置背景指的是设置整个网页的背景,而不是设置html中某一个元素\标记的背景。
1. 设置背景颜色   在body元素中添加bgcolor属性来设置背景颜色
2. 设置背景图片   在body元素中添加background属性来设置背景图片【图片路径】
12.html中的超链接【链接\锚点】
1.href属性设置被连接的文件路径【绝对/相对/网络地址】
如果没有被连接的文件,那么请使用“#”,表示空连接
2.target属性设置被链接的资源打开方式【默认在同一个窗口中打开连接资源】
_blank----在新窗口中显示资源
_self----在当前窗口中显示资源
3.name属性----设置链接名称[实现本网页内部的链接
13.html中的列表
html中列表有3中形式
1. 有序列表
ol—表示一个有序列表
li—表示有序列表中的每一项【出现在ol标记中】
type属性—设置有序列表序号的显示形式【a,A,1,i,I】
start属性—设置有序列表序号的开始数字【数字】
2. 无序列表
ul—表示一个无序列表
li—表示无序列表中的每一项【出现在ul标记中】
type属性–设置有序列表序号的显示形式[disc默认 circle square]
3. 自定义列表
dl—表示自定义列表
dt—表示自定义列表中的主分类
dd—表示自定义列表中主分类下的次级分类。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值