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样式linear-gradient的使用实例
Jan 16 HTML / CSS
CSS3教程:边框属性border的极致应用
Apr 02 HTML / CSS
css3 按钮样式简单可扩展创建
Mar 18 HTML / CSS
CSS3 :default伪类选择器使用简介
Mar 15 HTML / CSS
浅谈CSS3 动画卡顿解决方案
Jan 02 HTML / CSS
HTML5 常用语法一览(列举不支持的属性)
Jan 26 HTML / CSS
HTML5计时器小例子
Oct 15 HTML / CSS
详解canvas绘制网络字体几种方法
Aug 27 HTML / CSS
html5 移动端视频video的android兼容(去除播放控件、全屏)
Mar 26 HTML / CSS
AmazeUI 平滑滚动效果的示例代码
Aug 20 HTML / CSS
Html5页面播放M4a音频文件
Mar 30 HTML / CSS
CSS3实现列表无限滚动/轮播效果
Jun 23 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
destoon二次开发模板及调用语法汇总
2014/06/21 PHP
phplot生成图片类用法详解
2015/01/06 PHP
PHP4和PHP5版本下解析XML文档的操作方法实例分析
2017/05/20 PHP
聊聊 PHP 8 新特性 Attributes
2020/08/19 PHP
Laravel中GraphQL接口请求频率实战记录
2020/09/01 PHP
ThinkPHP6.0如何利用自定义验证规则规范的实现登陆
2020/12/16 PHP
懒就要懒到底——鼠标自动点击(含时间判断)
2007/02/20 Javascript
jQuery如何防止这种冒泡事件发生
2015/02/27 Javascript
jquery实现横向图片轮播特效代码分享
2015/11/19 Javascript
JSP基于Bootstrap分页显示实例解析
2016/06/12 Javascript
基于js实现的限制文本框只可以输入数字
2016/12/05 Javascript
vue router使用query和params传参的使用和区别
2017/11/13 Javascript
vue--vuex详解
2019/04/15 Javascript
微信小程序实现上传图片裁剪图片过程解析
2019/08/22 Javascript
微信域名检测接口调用演示步骤(含PHP、Python)
2019/12/08 Javascript
javascript数组元素删除方法delete和splice解析
2019/12/09 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
2020/10/15 Javascript
[05:13]TI4 中国战队 机场出征!!
2014/07/07 DOTA
[02:02]2018DOTA2亚洲邀请赛Mineski赛前采访
2018/04/04 DOTA
[08:56]DOTA2-DPC中国联赛2月23日Recap集锦
2021/03/11 DOTA
python函数返回多个值的示例方法
2013/12/04 Python
python 字典(dict)遍历的四种方法性能测试报告
2014/06/25 Python
Python写的创建文件夹自定义函数mkdir()
2014/08/25 Python
python基础教程项目三之万能的XML
2018/04/02 Python
把django中admin后台界面的英文修改为中文显示的方法
2019/07/26 Python
python Web flask 视图内容和模板实现代码
2019/08/23 Python
Python获取一个用户名的组ID过程解析
2019/09/03 Python
python爬虫实例之获取动漫截图
2020/05/31 Python
使用Python爬取Json数据的示例代码
2020/12/07 Python
Html5饼图绘制实现统计图的方法
2020/08/05 HTML / CSS
英国马匹装备和马术用品购物网站:Equine Superstore
2019/03/03 全球购物
家得宝墨西哥官网:The Home Depot墨西哥
2019/11/18 全球购物
资源工程专业毕业生求职信
2014/02/27 职场文书
行政主管岗位职责范本
2015/04/09 职场文书
python脚本框架webpy的url映射详解
2021/11/20 Python
Redis中key的过期删除策略和内存淘汰机制
2022/04/12 Redis