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 相关文章推荐
定义css设备类型-Media Queries图表简介及使用方法
Jan 21 HTML / CSS
使用CSS3在触屏上为按钮实现激活效果
Sep 27 HTML / CSS
css3的transform造成z-index无效解决方案
Dec 04 HTML / CSS
css3学习系列之移动属性详解
Jul 04 HTML / CSS
让IE支持HTML5的方法
Dec 11 HTML / CSS
突袭HTML5之Javascript API扩展4—拖拽(Drag/Drop)概述
Jan 31 HTML / CSS
html5 worker 实例(一) 为什么测试不到效果
Jun 24 HTML / CSS
HTML5添加鼠标悬浮音响效果不使用FLASH
Apr 23 HTML / CSS
CSS3点击按钮圆形进度打钩效果的实现代码
Mar 30 HTML / CSS
纯CSS实现hover图片pop-out弹出效果的实例代码
Apr 16 HTML / CSS
关于CSS浮动与取消浮动的问题
Jun 28 HTML / CSS
纯CSS3实现div按照顺序出入效果
Jul 15 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 模拟post_验证页面的返回状态(实例讲解)
2013/10/28 PHP
Fedora下安装php Redis扩展笔记
2014/09/03 PHP
php使用标签替换的方式生成静态页面
2015/05/21 PHP
javascript动画效果类封装代码
2007/08/28 Javascript
JavaScript 无符号右移运算符
2009/04/17 Javascript
JavaScript基础语法让人疑惑的地方小结
2012/05/23 Javascript
js修改table中Td的值(定义td的单击事件)
2013/01/10 Javascript
当某个文本框成为焦点时即清除文本框内容
2014/04/28 Javascript
JS实现可关闭的对联广告效果代码
2015/09/14 Javascript
jQuery中DOM节点删除之empty与remove
2017/01/20 Javascript
C#微信小程序服务端获取用户解密信息实例代码
2017/03/10 Javascript
JS对象序列化成json数据和json数据转化为JS对象的代码
2017/08/23 Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
2018/03/05 Javascript
vue组件实现弹出框点击显示隐藏效果
2020/10/26 Javascript
js实现图片上传并预览功能
2018/08/06 Javascript
微信小程序日历/日期选择插件使用方法详解
2018/12/28 Javascript
vue源码nextTick使用及原理解析
2019/08/13 Javascript
tweenjs缓动算法的使用实例分析
2019/08/26 Javascript
JS数组索引检测中的数据类型问题详解
2021/01/11 Javascript
Python修改MP3文件的方法
2015/06/15 Python
解决pyqt中ui编译成窗体.py中文乱码的问题
2016/12/23 Python
python itchat实现微信自动回复的示例代码
2017/08/14 Python
python二进制文件的转译详解
2019/07/03 Python
Python求两点之间的直线距离(2种实现方法)
2019/07/07 Python
PyTorch中Tensor的数据类型和运算的使用
2020/09/03 Python
在Python中字典按值排序的实现方法
2020/11/12 Python
韩国三大免税店之一:THE GRAND 中文免税店
2016/07/21 全球购物
大学学年自我鉴定
2013/10/28 职场文书
安全检查管理制度
2014/02/02 职场文书
超市周年庆活动方案
2014/08/16 职场文书
2015年基层党组织公开承诺书
2015/01/21 职场文书
2015年会计个人工作总结
2015/04/02 职场文书
工作会议通知
2015/04/15 职场文书
周恩来的四个昼夜观后感
2015/06/03 职场文书
导游词之平津战役纪念馆
2019/11/04 职场文书
Python尝试实现蒙特卡罗模拟期权定价
2022/04/21 Python