前端学习笔记一一html的常用标签

属性：
color:文本的颜色 内容
bgcolor:背景色
background:背景图片
颜色的表示方式：
第一种方式：使用颜色名称: red green blue
第二种方式：RGB模式 #000000 #ffffff #325687 #377405
2.2 排版标签
1.注释标签：

3.段落标签：

文本文字

特点：段与段之间有行高
属性：align对齐方式 (left：左对齐 center：居中 right：右对齐)

属性:
width：水平线的长度(两种:第一种:像素表示；第二种，百分比表示)
size: 水平线的粗细 (像素表示，例如：10px)
color:水平线的颜色
align:水平线的对齐方式(left：左对齐 center：居中 right：右对齐)

2.3 容器标签

:块级标签，独占一行，换行 :行级标签，所有内容都在同一行 作用：

:主要是结合css页面分块布局 :进行友好提示信息

2.4 文字标签

2.4.1 基本文字标签

属性： size:设置字体大小
color:设置字体颜色
face:设置字体

2.4.2 标题标签

随着数字增大文字逐渐变小，字体是加粗的，内置字号，默认占据一行；

2.5 列表标签

2.5.1 无序列表

ul

属性：type :三个值，分别为
circle(空心圆) ,disc(默认,实心圆),square(黑色方块)

示例如下：

• 无序列表
• 苹果
• 香蕉
• 橘子

2.5.2 有序列表

ol

属性：type：1、A、a、I、i（数字、字母、罗马数字）

示例如下：

1. 有序列表
2. 苹果
3. 香蕉
4. 橘子

2.5.3 定义列表

dl

定义列表

苹果

苹果是一种水果，富含维生素C，美容养颜，吃了长寿....

2.5.4 列表嵌套

• 咖啡
• 茶
  • 红茶
  • 绿茶
    • 中国茶
    • 非洲茶
• 牛奶

2.6 图片标签

独立标签

属性:
src：图片地址： 相对路径 （同一个网站） 绝对路径 （不同网站）
width:宽度
height:高度
border:边框
align:对齐方式，代表图片与相邻的文本的相当位置（有三个属性值：top middle bottom）
alt:图片的文字说明
hspace 和 vspace 设定图片边沿上下左右空白&