HTML5 入门( 一)

简介: 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 中默认的


698d7b90a95441deae20efc62c525c15.png


字符编码是 UTF-8。

目录
相关文章
|
6月前
|
前端开发 JavaScript 开发工具
【HTML/CSS】入门导学篇
【HTML/CSS】入门导学篇
64 0
|
2月前
|
前端开发 程序员
【前端web入门第二天】01 html语法实现列表与表格_合并单元格
本文介绍了HTML中的列表与表格的使用方法。列表包括无序列表(`&lt;ul&gt;`嵌套`&lt;li&gt;`)、有序列表(`&lt;ol&gt;`嵌套`&lt;li&gt;`)和定义列表(`&lt;dl&gt;`嵌套`&lt;dt&gt;`和`&lt;dd&gt;`)。
60 19
|
1月前
|
移动开发 前端开发 JavaScript
HTML入门(详细)
HTML入门(详细)
25 0
|
2月前
|
前端开发 Windows
【前端web入门第一天】02 HTML图片标签 超链接标签 音频标签 视频标签
本文档详细介绍了HTML中的图片、超链接、音频和视频标签的使用方法。首先讲解了`&lt;img&gt;`标签的基本用法及其属性,包括如何使用相对路径和绝对路径。接着介绍了`&lt;a&gt;`标签,用于创建超链接,并展示了如何设置目标页面打开方式。最后,文档还涵盖了如何在网页中嵌入音频和视频文件,包括简化写法及常用属性。
50 13
|
2月前
|
前端开发 程序员 C++
【前端web入门第一天】01 开发环境、HTML基本语法文本标签
本文档详细介绍了HTML文本标签的基础知识。首先指导如何准备开发环境,包括安装VSCode及常用插件;接着全面解析HTML的基本结构与标签语法,涵盖从基本骨架搭建到注释的使用,以及标题、段落、换行和平行线、文本格式化等标签的具体应用,适合初学者循序渐进地掌握HTML。
|
3月前
|
缓存 Java 应用服务中间件
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二)
这篇文章详细介绍了在SpringMVC中创建JSP页面的全过程,包括项目的创建、配置、Tomcat的设置,以及如何实现页面跳转和配置模板解析器,最后还对比了JSP和HTML模板解析的差异。
SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二)
|
3月前
|
移动开发 开发者 HTML5
构建你的首个个人网站:HTML基础入门
【8月更文挑战第29天】在数字化时代,拥有一个个人网站是展示自我、分享知识和技能的窗口。本文将引导你通过简单的步骤,使用HTML构建你的第一个个人网站。我们将探索HTML的基础标签,页面结构,以及如何将这些元素融合在一起创建一个简单的网页。无论你是编程新手还是希望扩展你的技术工具箱,这篇文章都提供了一条清晰的路径,帮助你开始你的网站开发之旅。
|
5月前
杨老师课堂之网页制作HTML的学习入门-含有案例1
杨老师课堂之网页制作HTML的学习入门-含有案例
42 3
|
5月前
|
存储 移动开发 API
HTML5本地存储:从入门到精通
HTML5本地存储:从入门到精通
73 1
|
5月前
|
前端开发
前端基础学习(一)HTML入门
前端基础学习(一)HTML入门
32 0
前端基础学习(一)HTML入门