HTML5 入门( 一)

  • html5简介
  • 新特征
    • HTML5 的一些改进
    • HTML5 的多媒体
  • 注释:
  • 基础
    • 标题
    • HTML 段落
    • HTML 链接
  • 一个简单的代码例子

html5简介

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。

新特征

1.用于绘画的 canvas 元素
2.用于媒介回放的 video 和 audio 元素
3.对本地离线存储的更好的支持
4.新的特殊内容元素,比如 article、footer、header、nav、section
5.新的表单控件,比如 calendar、date、time、email、url、search

HTML5 的一些改进

新元素
新属性
支持 CSS3、Video 和 Audio、2D/3D 制图
本地存储、本地 SQL 数据
Web 应用

HTML5 的多媒体

HTML5 你可以在网页中播放 视频(video)与音频 (audio) 。

HTML5 <video>
HTML5 <audio>

注释:

在开始标签中有一个惊叹号,但是结束标签中没有。
浏览器不会显示注释,但是能够帮助记录您的 HTML 文档。

<!-- 在此处写注释 -->

基础

标题

HTML 标题是通过<h> - <h1> 标签来定义的。
注意 最多6个标题 :h1到h6
<h1>这是一个标题</h1>

HTML 段落

<p>第一个段落</p>
<p>第二个段落</p>
....
p>第...个段落</p>

HTML 链接

HTML 链接是通过标签 <a> 来定义的
例如
<a href="https://blog.csdn.net/weixin_52062043?spm=1000.2115.3001.5343">这是笑霸fianl的csdn链接</a>

一个简单的代码例子


<html>
<head>
<meta charset="utf-8"><!-- 有中文需要此代码 <meta charset="utf-8"> 声明编码,否则可能会出现乱码。 -->
<title>final的html入门</title><!-- 这个是网页的名字 -->
</head>
<body>
这里就是网页的主体 <h1>标题一</h1>
<p>段落一:HTML5是构建Web内容的一种语言描述方式。</p>
<a href="https://blog.csdn.net/weixin_52062043?spm=1000.2115.3001.5343">这是笑霸fianl的csdn链接</a></body>
</html>

注释:HTML5 中默认的

字符编码是 UTF-8。

HTML5 入门( 一)相关推荐

  1. html编程入门指南,给萌新HTML5 入门指南

    本文由葡萄城技术团队原创并首发 转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具.解决方案和服务,赋能开发者. HTML5的发展改变了互联网技术趋势,前端热度依旧不减,所以对于应用开发人员 ...

  2. 给萌新HTML5 入门指南

    HTML5的发展改变了互联网技术趋势,前端热度依旧不减,所以对于应用开发人员前端技术也成了必备技能之一,本篇文章的目的是为了帮助萌新的入门指导,也同时希望能为老鸟起到一定查漏补缺的作用,那么让我们开始 ...

  3. html5 移动页面,html5入门到精通,移动设备的html5页面布局

    移动设备的html5页面布局 我们结合移动设备(手机和平板电脑)的特性,介绍HTML5中新增的语义化标签元素,以及在移动Web浏览器下Web页面布局的知识及例子. HTML5标准添加的新元素当中,用于 ...

  4. 推荐10个适合初学者的 HTML5 入门教程

    HTML5 作为下一代网站开发技术,无论你是一个 Web 开发人员或者想探索新的平台的游戏开发者,都值得去研究.借助尖端功能,技术和 API,HTML5 允许你创建响应性.创新性.互动性以及令人惊叹的 ...

  5. HTML5入门以及常用标签

    HTML5入门以及常用标签 今日内容 web技术简介 什么HTML? W3C 浏览器 第一个HTML网页 web技术简介 web技术中的三大内容 HTML[基本内容] CSS[界面美化] JavaSc ...

  6. HTML5入门之有序列表

    HTML5入门之有序列表 有序列表 说明 语法 演示 ------代码 ------效果 属性 reversed属性 代码 效果 type属性 代码 效果 start属性 代码 效果 默认样式 < ...

  7. HTML5入门之无序列表

    HTML5入门之无序列表 无序列表 说明 语法 演示 ------代码 ------效果 属性 默认样式 <ul> <li> 清除默认样式 清除完的效果 无序列表 说明 ul标 ...

  8. HTML5入门(创建项目)

    HTML5入门学习(创建项目) ps:本文章讲解的创建过程是基于HBuilder工具的 步骤 文件->新建->web项目 填写项目名称 选择项目保存地址 选择模板(一般情况下选择的模板是默 ...

  9. HTML5入门(ajax网络数据请求)

    HTML5入门(ajax网络数据请求) 参考文章地址:http://www.w3school.com.cn/jquery/ajax_ajax.asp jquery官网地址:https://jquery ...

最新文章

  1. 【JavaScript】JavaScript基础-变量、运算符与控制语句
  2. wcf http 返回图片
  3. 74cms 骑士人才系统v3.5.1 正式版
  4. 设置tableView的分割线从最左端开始
  5. php 7.2.5_CentOS7下PHP5.5.38升级PHP7.2.2
  6. WebGL编程指南理论分析之物体层次模型(局部运动)
  7. matlab数据归一化代码_深度学习amp;Matlab-LeNet实现图像分类
  8. 仿真器如何工作以及如何编写? [关闭]
  9. 处理字符数据--排序规则(Collation)
  10. 3D MAX脚本原理
  11. IDEA字体设置详解
  12. (附源码)spring boot智能车APP毕业设计250623
  13. CSDN博客排版技巧
  14. Glide源码分析以及三级缓存原理
  15. 仓库实现降本增效的秘密法宝,WMS智能仓储系统
  16. DSP芯片TMS320F2812之ADC模块的说明及使用步骤
  17. 添加网站验证,让搜索引擎收录你的网站
  18. 基于QT4的智能温度采集控制系统
  19. 英文实体识别stanrdfold
  20. 美国Linux服务器系统内核的详细介绍

热门文章

  1. polsarpro滤波后没有bmp文件_win10系统右键新建菜单中没有bmp如何解决
  2. excel表格多个文件夹计算机,excle多文件并排_如何在电脑桌面并排显示多个excel...
  3. 霍格沃兹测试开发学社技术学习笔记之——Python基础笔记
  4. 【单片机仿真】(六)寻址方式 — 变址寻址与相对寻址
  5. 解决 adb.exe 停止工作小续
  6. HTML+CSS第十课:常见的3种网页布局方式:表格布局、DIV+CSS布局、框架布局
  7. html界面——button设置样式
  8. linux下usb充电问题,如何解决在Ubuntu上iPad不能充电的问题
  9. centos7防火墙命令
  10. 产品经理1.1_如何高效的开展产品需求评审会