html5——常用元素与属性-创新互联
html5是由标签组成的标记语言,本篇就介绍HTML5的部分标签
html5保留的常用标签
定义HTML注释 HTML5文档的根元素 定义HTML文档的头部页面元素定义HTML5的页面标题 <body> 定义HTML5文档的页面主体部分 <style> 该元素用于引入样式定义 <h2>到<h7> 定义标题一到标题六 <p> 段落标签 <br> 换行标签 <hr> 定义水平线 <div> 定义文档中的块 <span> 与div标签基本相似,默认不会换行</pre><p>代码示例:</p><pre><!DOCTYPE html> <html> <meta charset="utf-8"><!--定义编码方式--> <head> <title>标签代码示例 标题一
标题二
标题三
标题四
标题五
标题六
phpmysqlhtml
phpmysqlhtmltomcat
文本格式化标签
这些元素让文本在浏览器中呈现出特定的效果
定义粗体文本 定义斜体文本 定义强调文本 定义粗体文本,与标签的作用和用法基本相同 定义上标文本 定义下标文本 定义文本的显示方向,该标签可以指定dir属性,该属性值只能是ltr或者是rtl
代码示例:
文本格式化标签 加粗文本
斜体文本
粗斜体文本
被强调的文本
大号字体文本
加粗文本
小号字体文本
普通文本上标文本从左向右排列
从右向左排列
语义相关元素
html5保留了如下相关元素 用于表示一个缩写 用于表示一个地址用于定义一段长的引用文本用于定义一段短的引用文本 用于表示作品的标题用于表示一段计算机代码 用于定义一个专业术语
定义文档中被删除的文本 定义文档插入的文本预格式化标签 定义示范文本内容 定义键盘文本 用于表示一个变量超链接和锚点
超链接
,该元素可以指定 id class style等核心属性,也可以指定onclick等各种事件属性,还可以指定如下三个重要属性 href:指定超链接所关联的另一个资源
target:指定使用框架集中的哪一个框架来装载另一个资源,该属性的属性值可以是_self _blank _top _parent
百度 定位到test锚点列表相关标签
定义无序列表
定义有序列表 该元素可以指定如下三个属性,start :指定列表项的起始数字 type :哪种类型 的编号 reversed 该属性用于指定是否将排序反转 (目前没有浏览器支持该属性)
- 定义列表项目
用于定义列表
- 用于定义标题列表项
- 用于定义普通列表项
代码示例:
列表相关标签
- 列表一
- 列表二
- 列表三
- 列表一
- 列表二
- 列表三
-
图像相关标签:
src:该属性指定图片的所在的位置 alt:作为改图片的提示信息 height:该图片的的高度 width:该图片的宽度 usemap="#mapname"
表格相关标签:
用于定义表格 属性:cellpadding :指定单元格内容和单元格边框之间的间距 cellspacing :指定单元格之间的间距,该属性可以是像素值也可以是百分比 width:表格的宽度 定义表格行 定义表格的主体 定义表格的头 定义表格的脚 rowspan colspan 两个属性用于定义跨行跨列框架相关元素:
html5新增的通用属性:
contentEditable属性 该属性设置为true,那么浏览器将允许开发者直接编辑该HTML元素里的内容,可以继承,如果一 个HTML元素的父元素是可编辑的那么子元素默认也是可以编辑的 designMode 属性 相当于一个全局的contentEditable属性,如果把真个页面的designMode属性设置为on时,该页面 上所有可支持contentEditabe都变成可编辑状态 hidden属性 hiddle设为true,就意味着浏览器不显示该组件,浏览器也不会保留该组件所占用的空间,相当于 在CSS中设置display:none; spellcheck属性 设置spellcheck="true"浏览器将会对输入的文本内容执行输入检查html5新增的常用元素:应用较少,略
html5头部和元信息
定义单元格 | 定义表格页眉的单元格 |
---|