前端基础之《HTML5标签》

一、格式标签

br换行,单标签
nobr不换行,双标签(避免到浏览器边界自动换行)
p段落,align属性:left|center|right
center大面积居中
pre按源代码显示
ul无序列表,小圆点
ol有序列表,数字
dl自定义列表,definition lists
dt自定义标题
dd自定义列表内容

hr

导航线

说明:
(1)很多标签,p标签、body标签,与生俱来带的格式就有外边距。
(2)html里连续多个空格、回车,显示都算一个空格。pre标签可以按原格式输出。

二、标签分类
1、块标签
独占一行,自动换行

2、行标签
自己有多宽占多宽

三、div和span

div无意义块标签
span无意义行标签

四、文本标签

h1-h6加粗字体
b加粗
i斜体
u下划线
font文字,设置文字大小、颜色

五、图片标签

img属性
src图片地址
alt图片错误的时候才会显示
title鼠标放到图片上有一个描述
width宽度
height高度
usemap热点地图

六、网页代码结构、实体、颜色和透明度
1、标签分为单标签和双标签
2、页面的所有效果都是标签呈现的
3、html标签相当于水泥砖,css相当于装修润色,javascript提供特效让页面动起来

七、html颜色
1、十六进制

# 红 绿 蓝
#FF00FF紫色
#FF0000红色
#00FF00绿色
#0000FF蓝色
#CCCCCC灰色
#FFFF00黄色
#00FFFF青色
#000000黑色
#FFFFFF白色

2、十进制
rgb(255, 0, 0);

3、带透明度
rgba(255, 0, 0, 0.5);

4、#F00:如果一个颜色两个数字相同的,可以取一个。就是#FF0000

八、表单标签

form标签属性
action提交到哪儿去
method提交方式get和post
enctype上传文件时声明编码类型,multipart/form-data

表单元素

input的type类型
text文本元素
password密码元素
file文件元素
submit提交元素
reset取消元素
radio单选
checkbox多选
textarea文本块

label标签可以在单选、多选标签中,点击文本就选中。

九、标签共有属性

idid是唯一的,通过id找到样式
class通过类名找到样式
style标签样式
title标签标题

标签代表一群人,class代表一类人,id代表唯一的一个人。

十、语义化标签
网页布局大致分为:顶部,中部,底部。所以提供了语义化标签。

article文章
footer尾部
header头部
nav导航菜单
section中间部分

十一、视频标签
<video src="movie.ogg" controls="controls"></video>

十二、音频标签
<audio src="song.ogg" controls="controls"></audio>

十三、<!DOCTYPE html>声明
告诉浏览器页面使用html5的版本

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值