HTML5教程:第二章 HTML5的常用元素与属性---基本元素
2014-10-27 18:36
267 查看
1.基本元素
HTML5的基本元素如下:<!--......-->:定义HTML注释。
<html>:根元素,允许完全省略这个元素
<head>:头元素,允许完全省略这个元素
<title>:文档的页面标题
<body>:文档的页面主题部分,该标签的核心属性元素:id、class、style。可以指定的事件属性:onload、onunload、onclick、onmousedown、onmouseup、onmouseover、onmousemove、onmouseout、onkeypress、onkeydown、onkeyup,这些属性用于指定javascript脚本。
<style>:用于引入样式定义
<h1>到<h6>:定义标题一到标题六
<p>:定义段落,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性
<br>:插入一个换行,该标签可以指定id、class、style等核心属性
<hr>:定义水平线,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性,HTML5中<hr.../>还代表了主题结束的语意
<div>:定义文档中的节,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。
<span>:与<div>基本相似,区别是该定义的节默认不会换行,该标签可以指定和<div>相同的属性
注意:几乎所有的html标签都可以指定d、class、style等属性。其中id属性用于为html元素指定一个唯一的标识,该标识是通过DOM访问html元素的重要途径;class和 style属性是CSS样式相关的属性
<span.../>、<div.../>和<p.../>元素的区别:
相同点:
效果有些类似
都可以作为其他内容的容器
不同点:
换行与段落上:
<span.../>元素不会导致换行
<div.../>会导致换行
<p.../>会产生一个段落
作为容器上:
<span.../>和<p.../>元素只能包含文本、图像、超链接、文本格式化元素和表单控件元素等内容
<p.../>可以包含<span.../>,但<span.../>不能包含<p.../>
<div.../>可以包含任意元素
相关文章推荐
- HTML5教程:第二章 HTML5的常用元素与属性---文本格式化元素
- 疯狂html5讲义(二):HTML5简的常用元素与属性(二):html5新增的通用属性
- HTML学习笔记(四)_HTML5常用元素与属性
- 疯狂html5讲义(二):HTML5简的常用元素与属性(三):html5新增的常用元素
- HTML学习笔记(二)_HTML5常用元素与属性
- html5的常用元素与属性,第一节:HTML5保留的元素
- HTML5简的常用元素与属性(二): html5新增的通用属性
- HTML5+CSS3+JS(第二课).HTML5保留的常用元素(三)和新通用属性
- HTML学习笔记(三)_HTML5常用元素与属性
- 第2章 HTML5常用的元素与属性
- html5——常用元素与属性
- HTML5中表单元素常用的属性设置
- HTML5常用元素与属性
- 疯狂html5讲义(二):HTML5简的常用元素与属性(一):html5保留的常用元素
- 2.HTML5常用元素和属性
- HTML自学之旅(一)基本元素与属性练习
- HTML5中元素的全局属性
- HTML5教程:4.1 新增元素与属性
- 《Web编程入门经典》学习笔记 - Lesson01:创建结构化文档:XHTML简介、核心元素、属性组与基本文本格式
- html5废弃的元素和属性