iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >完全不用基础的HTML5入门篇教程
  • 383
分享到

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

2024-04-02 19:04:59 383人浏览 薄情痞子
摘要

目录HTML5简介新特征html5的一些改进HTML5的多媒体注释:基础标题HTML段落HTML链接一个简单的代码例子html5简介 HTML5是构建WEB内容的一种语言描述方式。H

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 入门内容请搜索编程网以前的文章或继续浏览下面的相关文章希望大家以后多多支持编程网!

--结束END--

本文标题: 完全不用基础的HTML5入门篇教程

本文链接: https://www.lsjlt.com/news/141335.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 完全不用基础的HTML5入门篇教程
    目录html5简介新特征HTML5的一些改进HTML5的多媒体注释:基础标题HTML段落HTML链接一个简单的代码例子html5简介 HTML5是构建Web内容的一种语言描述方式。H...
    99+
    2024-04-02
  • SQL 教程-入门基础篇
    文章目录 SQL 简介SQL 语法SQL SELECT 语句SQL SELECT DISTINCT 语句SQL WHERE 子句SQL AND & OR 运算符SQL ORDER BY...
    99+
    2023-08-31
    sql 数据库 mybatis mysql
  • Vue全家桶入门基础教程
    目录1. Vue概述 2. Vue的基本使用2.1 传统开发模式对比2.2 Vue.js之HelloWorld基本步骤2.3 Vue.js之HelloWorld细节分析3....
    99+
    2024-04-02
  • python3完全零基础入门视频
    【课程内容】 计算机基础常识Python语言概览、安装与运行Python 变量、数据类型及存储Python 常用数据类型概览数值与字符串列表list字典表dict 与元组 tuple文件与类型汇总语句、表达式与if分支循环语句迭代函数定义与...
    99+
    2023-01-31
    入门 基础 视频
  • python入门基础教程
    Python是一门简单易学、功能强大的编程语言,适合初学者入门。下面是一个简要的Python入门基础教程,帮助您快速上手Python编程。1. 安装Python:首先,您需要在计算机上安装Python解释器。您可以从Python官方网站(h...
    99+
    2023-10-25
    python 入门 基础教程
  • EF Core基础入门教程
    EF Core 是一个ORM(对象关系映射),它使 .NET 开发人员可以使用 .NET对象操作数据库,避免了像ADO.NET访问数据库的代码,开发者只需要编写对象即可。 EF Co...
    99+
    2024-04-02
  • Swaggo零基础入门教程
    目录配置流程注意区分下载swaggo初始化快速上手gin-swagger简单测试详细配置配置流程 注意区分 go-swagger != swaggo 二者功能差不多,都是生成接口文档...
    99+
    2023-01-28
    Swaggo入门 Golang Swaggo入门
  • Python入门教程(非常详细)从零基础入门到精通,看完这一篇就够了
    前言 本文罗列了了python零基础入门到精通的详细教程,内容均以知识目录的形式展开。 第一章:python基础之markdown Typora软件下载Typora基本使用Typora补充说明编程与编...
    99+
    2023-09-01
    python 开发语言 Python学习 python基础 pycharm
  • springboot基础篇(快速入门 + 完整项目案例)
    目录 1.springboot简介2.REST风格1.简介2.RESTful 3.复制工程4.属性配置1.application.properties2.application.yml、....
    99+
    2023-09-04
    spring boot restful java
  • JavaScript基础教程:从入门到精通的完整指南
    JavaScript是一种脚本语言,广泛用于web开发,本文将从入门到精通,全面解析JavaScript基础知识,带领读者深入理解JavaScript编程。 一、JavaScript简介 JavaScript是一种脚本语言,它可以嵌入HT...
    99+
    2024-02-08
    JavaScript 编程 web开发 入门 教程
  • 黑客入门教程(非常详细)从零基础入门到精通,看完这一篇就够了
    想要成为黑客,却苦于没有方向,不知道从何学起,下面这篇黑客入门教程可以帮你实现自己的黑客梦想,如果想学,可以继续看下去,文章有点长,希望你可以耐心看到最后  Web安全相关概念(2周)  ·熟悉基本概念(SQL注入、上传、XSS、 、CSR...
    99+
    2023-09-17
    安全 web安全 java
  • python入门基础教程02 Pytho
    02 Python简介Python简介Python是一种解释型、面向对象、动态数据类型的高级程序设计语言,属于应用层软件。自从20 世纪90 年代初Python语言诞生至今,它逐渐被广泛应用于处理系统管理任务、自动化运维、图像处理游戏和We...
    99+
    2023-01-31
    基础教程 入门 python
  • 完美Python入门基础知识点总结,看完你的Python就完全入门了!
    Python标识符在 Python 里,标识符有字母、数字、下划线组成。在 Python 中,所有标识符可以包括英文、数字以及下划线(_),但不能以数字开头。Python 中的标识符是区分大小写的。以下划线开头的标识符是有特殊意义的。以单下...
    99+
    2023-06-02
  • Leaflet基础入门教程示例
    目录什么是Webgis?什么是Leaflet?在Vue中安装Leaflet,与其他依赖在App.vue中使用初始化地图chinaProvider地图瓦片addControls使用工具...
    99+
    2023-01-04
    Leaflet 基础 Leaflet 入门教程
  • python入门基础教程10 pytho
    if分支语句分支语句的作用是在某些条件控制下有选择的执行实现一定功能语句块。if 分支语句则是当if后的条件满足时,if 下的语句块被执行,语法格式如下所示:if <condition>:     statements让我们看看...
    99+
    2023-01-31
    基础教程 入门 python
  • HTML入门零基础教程(四)
    嗨,大家好,我是异星球的小怪同志 一个想法有点乱七八糟的小怪 如果觉得对你有帮助,请支持一波。 希望未来可以一起学习交流。 通过前三篇的学习,相信你们对HTML有了一些基础的了解,那么我们就来先做一个小练习,巩固一下之前所学习的知识。 目...
    99+
    2023-08-31
    html 前端 css javascript vscode
  • python入门基础教程05 Pytho
    Python-Shell反馈常见错误初学者通常会使用Python-Shell来学习Python基础及语法知识,在使用Python-Shell 时会遇到这样或者那样的错误,有的是语法错误,有的是键入的函数或者变量名字拼写错误,现就初学者常出现...
    99+
    2023-01-31
    基础教程 入门 python
  • python入门基础教程09 pytho
    表达式表达式,是由数字、算符、数字分组符号括号、自由变量和约束变量等以能求得数值的有意义排列方法所得的组合,故表示通常是由操作数和操作符两部分组成,如果操作符前后均有操作数,我们称此类操作符是双目运算符,例如加法、减法、取模、赋值运算等运算...
    99+
    2023-01-31
    基础教程 入门 python
  • 入门Java线程基础一篇就够了
    目录一、线程初步认识1、什么是线程2、Java本身就是多线程3、为什么要使用多线程4、线程的优先级5、线程的状态6、Daemon线程二、线程启动和终止1、构造线程2、什么是线程中断3...
    99+
    2024-04-02
  • 渗透测试入门教程(非常详细),从零基础入门到精通,看完这一篇就够了
    什么是渗透测试 渗透测试就是模拟真实黑客的攻击手法对目标网站或主机进行全面的安全评估,与黑客攻击不一样的是,渗透测试的目的是尽可能多地发现安全漏洞,而真实黑客攻击只要发现一处入侵点即可以进入目标系统。 一名优秀的渗透测试工程师也可以认为是一...
    99+
    2023-08-18
    linux 运维 服务器
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作