前端基础之《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标签可以在单选、多选标签中，点击文本就选中。

九、标签共有属性

id	id是唯一的，通过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的版本

前端基础之《HTML5标签》相关推荐

前端基础之《Bootstrap（13）—JavaScript插件_标签页、工具提示、弹出框、折叠效果和幻灯片》
一.data-开头的是什么是bootstrap封装的js. data-toggle data-target data-dismiss data-spy 参考资料:https://blog.csdn. ...
bootstrap插件bootbox参数和自定义弹出框宽度设置
插件官方地址:http://bootboxjs.com/ alert: 1 bootbox.alert("Hello world!", function() {}); dialog ...
AndroidStudio_安卓原生开发_自定义蒙板弹出框WaitDialog---Android原生开发工作笔记134
android在执行程序过程中,很可能会用到,正在执行的提示.下面我们就自己做一个提示框,自带蒙板,执行过程中,后面的窗口内容不能操作. 下面的代码可以直接复制粘贴使用: 1.首先写一个WaitDia ...
前端常用插件之artDialog弹出框
前端常用插件之artDialog弹出框最近,发现一个插件--好看精致的页面弹出框,个人觉得有必要与大家分享一下,它就是artDialog弹出框. 引用上一篇文章<前端常用插件之art-temp ...
Bootstrap系列之弹出框（Popovers）
文章の目录 1.概述 2.Example: Enable popovers everywhere 3.Example: Using the container option 4.Example 4.1 ...
弹出框插件layer使用
layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 插件官方地址:http://layer.layui.co ...
jQuery+Bootstrap美化弹出框
项目中很多弹出的警告框是通过alert()弹出的浏览器警告框,样式比较丑陋且和页面使用的Bootstrap框架样式不吻合,因此需要修改弹出框样式. 采用jQuery+Bootstrap的方式这样弹出的 ...
html弹出框教程,JavaScript 弹出框
JavaScript 弹出框在JavaScript中,您可以创建对话框或弹出窗口来与用户进行交互. JavaScript具有三种不同类型的弹出框:警告框,确认框和提示框. 警告框警告框是最简单的弹 ...
web前端基础之Bootstrap(三) - 插件
模态框放在body内的直接子元素弹出方式 1.通过 data 属性 data-toggle="modal" data-target="#myModal" ...
# 前端基础（HTML + CSS + JavaScript）
一.HTML 基础概念:超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言. 可以使用 HTML 来建立自己的 WEB 站点,H ...

前端基础之《HTML5标签》

前端基础之《HTML5标签》相关推荐

最新文章

热门文章