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.0 图形构成实例练习二
Mar 19 HTML / CSS
使用CSS3和Checkbox实现JQuery的一些效果
Aug 03 HTML / CSS
基于CSS3实现立方体自转效果
Mar 01 HTML / CSS
5分钟让你掌握css3阴影、倒影、渐变小技巧(小编推荐)
Aug 15 HTML / CSS
css3实现动画的三种方式
Aug 24 HTML / CSS
HTML5拖放功能_动力节点Java学院整理
Jul 13 HTML / CSS
html5指南-5.使用web storage存储键值对的数据
Jan 07 HTML / CSS
HTML5 Web Workers之网站也能多线程的实现
Apr 24 HTML / CSS
html5生成柱状图(条形图)效果的实例代码
Mar 25 HTML / CSS
Html5 new XMLHttpRequest()监听附件上传进度
Jan 14 HTML / CSS
使用 CSS 轻松实现一些高频出现的奇形怪状按钮
Dec 06 HTML / CSS
分享CSS盒子模型隐藏的几种方式
Feb 28 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
Ajax PHP 边学边练 之三 数据库
2009/11/26 PHP
yii2使用gridView实现下拉列表筛选数据
2017/04/10 PHP
laravel5.1 ajax post 传值_token示例
2019/10/24 PHP
javascript 面向对象全新理练之原型继承
2009/12/03 Javascript
jQuery validate 中文API 附validate.js中文api手册
2010/07/31 Javascript
EasyUI学习之Combobox下拉列表(1)
2016/12/29 Javascript
Bootstrap进度条与AJAX后端数据传递结合使用实例详解
2017/04/23 Javascript
Node.JS利用PhantomJs抓取网页入门教程
2017/05/19 Javascript
javascript实现二叉树遍历的代码
2017/06/08 Javascript
Vue Ajax跨域请求实例详解
2017/06/20 Javascript
vue中设置height:100%无效的问题及解决方法
2018/07/27 Javascript
JavaScript中七种流行的开源机器学习框架
2018/10/11 Javascript
微信小程序用户位置权限的获取方法(拒绝后提醒)
2018/11/15 Javascript
使用jquery的cookie实现登录页记住用户名和密码的方法
2019/03/13 jQuery
Vue学习之常用指令实例详解
2020/01/06 Javascript
JavaScript享元模式原理与用法实例详解
2020/03/09 Javascript
不要用强制方法杀掉python线程
2017/02/26 Python
Python编程中NotImplementedError的使用方法
2018/04/21 Python
python实现简单多人聊天室
2018/12/11 Python
我用Python抓取了7000 多本电子书案例详解
2019/03/25 Python
django-rest-framework解析请求参数过程详解
2019/07/18 Python
pyinstaller 3.6版本通过pip安装失败的解决办法(推荐)
2020/01/18 Python
纯DOM+CSS3实现简单的小风车动画
2016/09/27 HTML / CSS
Under Armour安德玛德国官网:美国高端运动科技品牌
2019/03/09 全球购物
Claire’s法国:时尚配饰、美容、珠宝、头发
2021/01/16 全球购物
进程的查看和调度分别使用什么命令
2015/03/25 面试题
项目经理的岗位职责
2013/11/23 职场文书
跟单业务员岗位职责
2014/03/08 职场文书
乡镇交通安全实施方案
2014/03/29 职场文书
党员个人对照检查材料思想汇报
2014/09/16 职场文书
户籍证明模板
2014/09/28 职场文书
2015年教师党员承诺书
2015/04/27 职场文书
公路施工安全责任书
2015/05/08 职场文书
工伤事故赔偿协议书
2015/08/06 职场文书
交通安全教育主题班会
2015/08/12 职场文书
HTML基础详解(下)
2021/10/16 HTML / CSS