HTML5教程：第二章 HTML5的常用元素与属性---基本元素

刘岩Tony

于 2014-10-27 18:36:35 发布

阅读量1.2k

点赞数

分类专栏： HTML5 文章标签： html5 html dom css

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.youkuaiyun.com/yanlovehan/article/details/40509705

版权

HTML5 专栏收录该内容

2 篇文章

订阅专栏

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.../>可以包含任意元素

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。