HTML标签
特殊字符
  #表示空格
head部分
<title>、<meta> <link> <script> <style>
<meta> <!--meta里放置了一些设置浏览器配置信息-->
<!-- 设置编码格式-->
<meta charset="utf-8"/>
<!--设置关键字-->
<meta name="keywords" content="内容"/>
<!--设置作者-->
<meta name="author" content="内容"/>
<!--设置网页描述信息-->
<meta name="distribution" content="内容"/>
<!--引入图标-->
<link href="" rel="icon" type="img/icon"/>
<!-- 引入css样式文件 -->
<link href="" rel="stylesheet" type="text/css"/>
<!-- 引用js-->
<script type="text/javascript" src=""> </script>
body部分
标题标签
h1~h6
属性 align 表示位置 是否居中 所有自带换行的都有align属性
<hr/> 绘制一条水平线
段落标签
<p></p>
背景属性
颜色属性一般使用rgb
bgcolor 背景颜色
background 背景图片
span div标签
span 和div 没有任何属性 只支持样式修改
HTML文字标签
font标签 设置文字的大小颜色 属性:size 大小 color 颜色
b、strong标签 字体加粗
i 标签 文字倾斜
u 标签 下划线
del 标签 设置删除效果
sup标签 上标效果
sub标签 下标效果
address标签 地址标签
em标签 强调
pre标签
big 标签 字体变大
small 标签 字体变小
图片和链接
img标签 单标签 作用 显示图片
属性 src=“图片地址” 可以设置宽和高 title=“提示信息” alt=‘“图片找不到后的提示信息” 设置边框线 border=“5px”
a 标签 超链接标签
属性: href=(地址、 #name 锚点表示在整个页面定位,锚点声明必须要使用a标签) target =(_blank 在新页面打开、 _top 当前页面打开 _parent 当前父级框架打开 _self 在自己框架页面打开 )
列表
有序列表
ol 有序标签
属性:type=(ul 属性:type=( 1 默认数字、a|A 字母、 i|I罗马字母,none 不要))
无序列表
ul 无序标签 可以进行二级 li 表示列表内容
ul 属性:type=( disc 默认黑色圆点、circle 空心圆点、 square方块,none 不要)
自定义列表
dl 自定义标签 dt 列表标题 dd 列表内容
表格
table表格标签 caption表格标题、 th标签 表示表格头自动加粗居中、tr标签 表示行、 td标签 表示列
table标签属性:border 边框 cellspacing 单元格间隙
tr属性 行合并 rowspan=“num” 几行合并
td属性 列合并 colspan=“num” 几列合并
表单
form表单
属性:action=“提交的路径” method=“提交方法(get/post)”
input 标签 单标签 输入标签
属性:
type=(text 默认是文本域,password 密码框,submit 提交,button 一般的按钮、reset 清空,checkbox 多选框,radio 单选框 必须增加name属性,而且name一致 checked表示默认选择一个,hidden 隐藏域,file 上传文件,date 表示日期,week 第几年第几周,url 验证url,email 验证邮箱,color 直接自己配色,range选择范围要结合js,search 搜索框)
value = (保存输入结果)
name 表单域的名字,只有设置了才能被提交
placeholder=“提示信息”
required 表示此为必选项
readonly 表示不能修改值
下拉列表
select 标签 optgroup 分组标签 option选项标签
select 属性 size表示样式
textarea 标签 大文本区域
属性 name=“name” cols =“num” 列,rows=“num” 行
label 标签 为了方便加css样式
fieldset 标签
块级标签和行内标签
没有绝对的行内和行外的,都可以通过css修改
**块级标签:**单独占一行 ,默认换行
可以设置间距(外间距margin,内间距padding)
可以设置宽和高
div、hx、hr、p、table、tr、form
**行内(内联)标签:**不会换行 无法设置高和宽 宽和高是内容的宽和高
只能设置左和右的margin和padding
只占有内容的实际大小,
font、i、u、del、b、span、a、td、input、select、textarea
display 设置标签的显示方式
block:显示为块级标签
inline:显示为行内标签
inline-block:即不换行又可以设置宽和高
HTML5新增的标签
HTML新增的语义话标签
-
header:页面头部
-
footer:页脚
-
article:定义页面独立的内容区域
-
aside:定义页面的侧边栏内容
-
details:文档某个部分的细节
-
summary: details中的标题
-
figure 规定独立的流内容
-
figcaption:是figure的标题
-
mark:标记
-
nav:导航链接
-
meter:用来表示范围已知且可度量的内容
-
ruby:加注释 例如加拼音等等
-
progress 进度条
-
datalist option
媒体流
audio 标签 播放声音资源
video 标签 播放视频资源
embed 将网页抓取下来
画布
canvas