dream_snail
dream_snail

HTML基础标签及用法



HTML5添加的标签
video 视频标签 属性 src 路径 controls 显示工具栏
audio 音频文件 属性 src 路径 controls 显示工具栏
如：
autoplay 自动播放属性
controls 暂停、声音等控件属性

表单元素支持表单元素增添 x最大值 setp 每次的变化量
url 链接地址效验
range 滑块
search

表单提交进行优化
required 进行非空效验
placeholder 文本框进行文本提示
pattern 正则效验

header
标题头部区域的内容（用于页面或页面中的一块区域）
footer
标记脚部区域的内容（用于整个页面或页面的一块区域）
section
Web页面中的一块独立区域
article
独立的文章内容
aside
相关内容或应用（常用于侧边栏）
nav
导航类辅助内容

判断表单是否上传
//表示函数A返回true或false onsubmit判断是否上传


结尾的标记(是一种双标签)
center 居中显示(双标签)
head 头部标签(是一种双标签)
title 标题标签 （是一 种双标签）
body 主体标签 进行显示主体内容（是一种双标签）
h1-h6 标题标签 被包起来的内容以标题的形式进行展现
有换行效果 h1-h6字体大小逐渐减小
（是一种双标签）
span 没有任何效果的标签（是一种双标签）
p标签 是段落标签 在结束标签后进行换行（是一种双标签）
br标签 是换行标签 在br处换行（是一种单标签）
strong标签 强调标签 被包含起来的内容加粗显示（是一种双标签）
em 斜体标签 被包含起来的内容进行倾斜（是一种双标签）
 ； 空格
< 小于号
>； 大于号
" 引号
© 版权符号
html注释

img标签 叫做图像标签 src=“路径” width=“宽度”
height="高度" alt=“图片替代文字” title=“帮助性文字”
a标签 链接标签 href="路径" target="打开位置"
title="提示性的文字"
a标签中的锚链接。由链接和锚点（标记）构成
锚点点位

功能性链接:a href="mailto:邮箱"
链接分类：页面间链接 、锚链接、功能性链接

概念：路径（指的文件存放的位置）
路径分为相对路径 以及 绝对路径

相对路径：相对于当前文件的位置
绝对路径：盘符--->文件位置 ..\指的是返回上一层
做开发通常采用相对路径进行操作


第二章
ul 无序列表标签（声明列表）（双标签）
li 列表项标签 （双标签）
ul type属性控制列表展示类型 disc（默认）square(实心方块) circle(空心圆)

ol 有序列表（双标签）
li 列表项标签 （双标签）
ol type属性控制列表展示类型 1 a/A i/I

dl 定义列表
dt 列表项标签
dd 列表项内容


table 表格标签
tr 行标签
td 单元格标签
colspan 所跨的列数
rowspan 所跨的行数
border 表格线的宽度

width 属性 指定宽度 可以为表格指定宽度 可以为单元格指定宽度

height 属性 指定高度 可以为表格指定高度 可以为单元格指定高度

align 属性 可以设置表格水平位置 left center right
可以设置单元格内容位置 left center right
valign属性 可以设置单元格垂直方向上的位置 top middle bottom （Xbaseline(基准线))


框架（frameset)
意义：可使一个页面分多个窗口
用法：
cols 表示把页面横向分割 % 为大小
rows 表示把页面纵向分割
scrolling 表示是否显示滚动条
noresize 表示是否允许调整框架窗口大小
framborder 表示是否显示窗口的边框

内联框架（iframe）
意义：
用法：