插件窝 干货文章 完全不用基础的HTML5入门篇教程

完全不用基础的HTML5入门篇教程

class html gt lt 1004    来源:    2024-10-18

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" rel="external nofollow" rel="external nofollow" >这是笑霸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" rel="external nofollow"  rel="external nofollow" >这是笑霸fianl的csdn链接</a>

</body>
</html>

注释:HTML5 中默认的

请添加图片描述

字符编码是 UTF-8。

到此这篇关于完全不用基础的HTML5入门篇教程的文章就介绍到这了,更多相关HTML 入门内容请搜索插件窝以前的文章或继续浏览下面的相关文章希望大家以后多多支持插件窝!