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中文字镂空、透明值、阴影效果设置示例小结
Mar 07 HTML / CSS
介绍CSS3使用技巧5个
Apr 02 HTML / CSS
基于css3仿造window7的开始菜单
Jun 17 HTML / CSS
CSS3的颜色渐变效果的示例代码
Sep 29 HTML / CSS
CSS3下的渐变文字效果实现示例
Mar 02 HTML / CSS
css3 矩阵的使用详解
Mar 20 HTML / CSS
浅析CSS3 用text-overflow解决文字排版问题
Oct 28 HTML / CSS
详解HTML5 canvas绘图基本使用方法
Jan 29 HTML / CSS
Html5饼图绘制实现统计图的方法
Aug 05 HTML / CSS
amazeui时间组件的实现示例
Aug 18 HTML / CSS
基于CSS3画一个iPhone
Apr 21 HTML / CSS
Canvas如何做个雪花屏版404的实现
Sep 25 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
【星际争霸1】人族1v7家ZBath
2020/03/04 星际争霸
Yii2针对指定url的生成及图片等的引入方法小结
2016/07/18 PHP
浅谈PHP匿名函数和闭包
2019/03/08 PHP
Laravel手动返回错误码示例
2019/10/22 PHP
PHP数组array类常见操作示例
2020/05/15 PHP
onsubmit阻止form表单提交与onclick的相关操作
2010/09/03 Javascript
Javascript技巧之不要用for in语句对数组进行遍历
2010/10/20 Javascript
javascrpt绑定事件之匿名函数无法解除绑定问题
2012/12/06 Javascript
js中style.display=&quot;&quot;无效的解决方法
2014/10/30 Javascript
javascript数组遍历for与for in区别详解
2014/12/04 Javascript
JS点击链接后慢慢展开隐藏着图片的方法
2015/02/17 Javascript
简介JavaScript中search()方法的使用
2015/06/06 Javascript
jQuery轻松实现表格的隔行变色和点击行变色的实例代码
2016/05/09 Javascript
谈谈因Vue.js引发关于getter和setter的思考
2016/12/02 Javascript
Bootstrap Table使用整理(二)
2017/06/09 Javascript
详解webpack+vue-cli项目打包技巧
2017/06/17 Javascript
详谈js原型继承的一些问题
2017/09/06 Javascript
vue 动态绑定背景图片的方法
2018/08/10 Javascript
对vue中的事件穿透与禁止穿透实例详解
2019/10/28 Javascript
详解Python函数可变参数定义及其参数传递方式
2017/08/02 Python
轻松理解Python 中的 descriptor
2017/09/15 Python
Python实现的NN神经网络算法完整示例
2018/06/19 Python
Python发展简史 Python来历
2019/05/14 Python
Python 读取串口数据,动态绘图的示例
2019/07/02 Python
opencv+python实现鼠标点击图像,输出该点的RGB和HSV值
2020/06/02 Python
CSS3实现圆角、阴影、透明效果并兼容各大浏览器
2014/08/08 HTML / CSS
Hudson Jeans官网:高级精制牛仔裤
2018/11/28 全球购物
网络通讯中,端口有什么含义,端口的取值范围
2012/11/23 面试题
数学教学随笔感言
2014/02/17 职场文书
师德建设实施方案
2014/03/21 职场文书
租赁协议书范本
2014/04/22 职场文书
计划生育证明格式及范本
2014/10/09 职场文书
先进个人推荐材料
2014/12/29 职场文书
开票员岗位职责
2015/02/12 职场文书
导师工作推荐信
2015/03/27 职场文书
详解Redis主从复制实践
2021/05/19 Redis