yandyand

导航

html 常用标签2

文档类型

在HTML文档的第一行,使用<IDOCTPYE>声明HTML文档的类型

用来告诉浏览器页面的文档类型,简单来说,用来指定使用的HTML版本规范

目前基本上都使用HTML5: <!DOCTYPE html>

 

常用标签

1.基本标签

标签含义说明
br 换行标签 非关闭标签
p 段落标签 关闭型,块级标签,前后有明显的间隔
h1,h2....h6 标题标签 按照h1到h6逐渐变小,块级标签,加粗显示
pre 预格式化文本标签 保留编码时的格式
div 分区标签 常作为容器来使用,一般用来页面布局,块级标签
span 范围标签 默认没有任何样式,一般用于设置行内的特殊样式
ol,li 有序列表 有顺序的项目的列表
ul 无序列表 无顺序的项目列表
dl,dt,dd 定义列表 对术语,图片等进行描述
hr 水平线标签 非关闭型,标签
img 图像标签 非关闭型标签,行级标签
     
     
     
     
     
     
     
     
有序列表

ol: order 有顺序的

li: list item 列表/条,项

默认使用阿拉伯数字,从1开始;可以通过属性进行修改

. type属性; 设置列表前的符号标记, 取值 ; 数字1(默认),字母a或A开始 作用在li标签中

. start属性; 设置起始值 ; 值必须是数字 作用在ol标签中

 

无序列表

ul : unordered list 无序

li : list item 列表/条,项

默认使用实心圆作为符号标记,可以通过属性进行修改

. type属性,设置列表前的符号标记,取值; disc实心圆(默认) / circle(圆) / square(正方形) / none(不显示符号)

 

定义列表

dl ; definition list 定义,规定

dt ; definition title 标题

dd ; definition description 描述

 

水平线标签

hr horizontal 水平的

. 常用属性

. color 颜色

两种写法:

颜色名称: 如red,green,blue,white,black,pink,orange等

16进制的RGB: Red, Green, Blue; 用法:#RR GG BB 每个颜色的范围值 0-255,转换为16进制00-FF

如;#FF0000

. size粗细

两种写法:

像素;绝对值(固定值) 数字

. size 粗细,数字

. width 宽度

像素; 绝对值(固定值)

百分比; 相对值,相对于父容器的宽度的百分比

. aligh 对齐方式

取值; center(默认/中间) ; left 左 right 右

 

图像标签

img image 图像/图片

常见图片格式: jpg; png, gif, bmp

. 常用属性

. src ; source 来源 a指定图片的来源 (必须的)

如果图片与html页面在同一个文件夹中,可以直接写图片名称

习惯上,会将多个图片放到统一的文件夹中,如images文件夹,此时需要在图片名称的前面添加文件夹的名称.

. alt ; 当图片无法加载的时候显示的信息

. title; 当鼠标停留在显示的提示信息

. width 宽度

. height 高度

默认原尺寸展示

如果只设置其中的一个,则另一个按照同比例缩放 / " 图片不变型"

如果同时设置宽/高,极有可能导致图片变形

两种写法:

像素 ; 绝对值/固定值

百分比 , 绝对值 , 相对于父容器的百分比

 

 

posted on 2020-09-08 01:31  yandyand  阅读(232)  评论(0编辑  收藏  举报