Html5元素及基本语法详解


Posted in HTML / CSS onAugust 02, 2016

HTML标签
开始标签(opening tag):开放标签
结束标签(closing tag):闭合标签

元素
定义:HTML元素指的是从开始标签到结束标签的代码(元素以开始标签为起始以借宿标签终止)
元素的内容:元素的内容指的是开始标签与结束标签之间的内容

元素的特点:
1,大多数HTML元素可嵌套(可以包括其他的HTML元素)
2,HTML文档有嵌套的HTML元素构成
3,不要忘记结束标签,未来的HTML版本不允许省略结束标签
4,空的html元素
5,没有内容的html元素被称为元素的空内容,空元素是在开始标签中关闭的
注意:
空元素和空内容的区别:空元素的开始标签和结束标签是相同的,注重的是标签。空内容指的是元素内的内容是空的,注重的是内容。

HTML基本结构
<!doctype html>:不是标签,只是用以声明帮助浏览器正确地现实网页
<head></head>元素是所有头部元素的容器
<meta>标签始终位于head元素中,标签提供关于HTML文档的元数据
<style>标签用于为HTML文档定义样式信息
<title></title>定义文档的标题
<body></body>之间的文本是网页课件的内容
<html></html>之间的文本描述网页

HTML属性
html标签可以拥有属性,属性提供有关html元素的更多信息
属性总是以名称/值对的形式出现
属性值应该始终被包括在括号内,双引号是最常见的,不过使用单引号也没有问题

 

Html5元素及基本语法详解

 

 HTML注释
可以在代码中插入注释,提高代码的可读性,注释不会显示在页面中,浏览器会忽略它们
格式:<!--this is a comment-->

XML/HTML Code复制内容到剪贴板
  1. <!doctype html>  
  2. <html>  
  3. <head>  
  4. <meta charset="utf-8">  
  5. <title>无标题文档</title>  
  6. <style>  
  7.   
  8. #box1{   
  9.     background-color:red;   
  10. }   
  11. .div1{background:yellow;}   
  12. .div2{border:1px solid #000;}   
  13.   
  14. </style>  
  15. </head>  
  16.   
  17. <body>  
  18.   
  19. <!-- id只能是唯一的 -->  
  20. <div style="width:100px; height:100px; border:1px solid #000;" id="box1 box2"></div>  
  21.     
  22.   
  23. <!--class可以是多个的-->  
  24. <div  style="width:100px; height:100px;"  class="div1 div2" ></div>  
  25.   
  26. <!--class可以是多个的-->  
  27.   
  28. <a href="#" title="我是一个提示信息">我是一个链接</a>  
  29.   
  30. </body>  
  31. </html>  

以上这篇Html5元素及基本语法详解就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

原文地址:http://www.cnblogs.com/Sivan/archive/2016/08/01/5727083.html

HTML / CSS 相关文章推荐
利用CSS3实现圆角的outline效果的教程
Jun 05 HTML / CSS
简单总结CSS3中视窗单位Viewport的常见用法
Feb 04 HTML / CSS
利用Bootstrap实现漂亮简洁的CSS3价格表实例源码
Mar 02 HTML / CSS
CSS3制作hover下划线动画
Mar 27 HTML / CSS
把富文本的回车转为br标签
Aug 09 HTML / CSS
HTML5是否真的可以取代Flash
Feb 10 HTML / CSS
html5 css3网站菜单实现代码
Dec 23 HTML / CSS
让IE下支持Html5的placeholder属性的插件
Sep 02 HTML / CSS
一些常用的HTML5模式(pattern) 总结
Jul 14 HTML / CSS
从零实现一个自定义html5播放器的示例代码
Aug 01 HTML / CSS
html5手机键盘弹出收起的处理
Jan 20 HTML / CSS
html5表单的required属性使用
Jul 07 HTML / CSS
Html5 web本地存储实例详解
Jul 28 #HTML / CSS
浅谈Html5中视频 音频标签 进度条的问题
Jul 26 #HTML / CSS
html5 初试 indexedDB(推荐)
Jul 21 #HTML / CSS
浅谈HTML5 &amp; CSS3的新交互特性
Jul 19 #HTML / CSS
HTML5和CSS3实例教程总结(推荐)
Jul 18 #HTML / CSS
HTML5 拖放功能实现代码
Jul 14 #HTML / CSS
HTML块级标签汇总(小篇)
Jul 13 #HTML / CSS
You might like
php利用cookie实现访问次数统计代码
2011/05/19 PHP
给ECShop添加最新评论
2015/01/07 PHP
PHP实现算式验证码和汉字验证码实例
2015/03/09 PHP
Laravel统计一段时间间隔的数据方法
2019/10/09 PHP
nginx 设置多个站跨域
2021/03/09 Servers
在Windows上安装Node.js模块的方法
2011/09/25 Javascript
JavaScript面向对象设计二 构造函数模式
2011/12/20 Javascript
多个datatable共存造成多个表格的checkbox都被选中
2013/07/11 Javascript
JS 新增Cookie 取cookie值 删除cookie 举例详解
2014/10/10 Javascript
jquery操作 iframe的方法
2014/12/03 Javascript
javascript 中的console.log和弹出窗口alert
2016/08/30 Javascript
运用jQuery写的验证表单(实例讲解)
2017/07/06 jQuery
vue+vux实现移动端文件上传样式
2017/07/28 Javascript
Vue工程模板文件 webpack打包配置方法
2017/12/26 Javascript
微信小程序实现人脸识别
2018/05/25 Javascript
vue路由事件beforeRouteLeave及组件内定时器的清除方法
2018/09/29 Javascript
详解JavaScript的数据类型以及数据类型的转换
2019/04/20 Javascript
详解Vue中使用Axios拦截器
2019/04/22 Javascript
微信小程序实现滑动操作代码
2020/04/23 Javascript
Python正则表达式非贪婪、多行匹配功能示例
2017/08/08 Python
django在接受post请求时显示403forbidden实例解析
2018/01/25 Python
python try except 捕获所有异常的实例
2018/10/18 Python
Python内存管理实例分析
2019/07/10 Python
python读取tif图片时保留其16bit的编码格式实例
2020/01/13 Python
一文带你掌握Pyecharts地理数据可视化的方法
2021/02/06 Python
Pandas数据分析的一些常用小技巧
2021/02/07 Python
小程序canvas中文字设置居中锚点
2019/04/16 HTML / CSS
酒店管理毕业生自荐信
2013/10/24 职场文书
班长竞选演讲稿
2014/04/24 职场文书
奥林匹克运动会口号
2014/06/19 职场文书
售票员岗位职责
2015/02/15 职场文书
楚门的世界观后感
2015/06/03 职场文书
体育部部长竞选稿
2015/11/21 职场文书
2016高校自主招生自荐信范文
2016/01/28 职场文书
Java 常见的限流算法详细分析并实现
2022/04/07 Java/Android
PostgreSQL逻辑复制解密原理解析
2022/09/23 PostgreSQL