HTML5-入门。

什么是HTML5?

HTML5是超文本语言,不是编程语言,html5是html语言的最新版本,需要注意浏览器的兼容性问题。

HTML5技术一般是指的是HTML5、CSS3、JavaScript三种技术的结合。

HTML5主要负责文档内容的结构和含义。

CSS3主要负责描述文档内容样式。

JavaScript主要用来负责文档内容的行为。

HTML5的基本结构。

<!doctype html>//最新版本html,即heml5

<html lang="en">//文件开始标记

<head>//文件头开始标记
      <meta charset="UTF-8">//指定字符编码

  <title>Document</title>

</head>//文件头结束标记

<body>//文件主题开始标记

</body>//文件主题结束标记

</html>//文件结束标记

使用记事本创建网页步骤。

新建文本文档 --> 编写HTML代码 --> 保存,另存为是后缀名为html文件--> 选择保存类型为所有文档,编码为 utf-8

HTML5新增的结构标签。

<header></header>页眉

<hgroup></hgroup>标题组合

<nav></nav> 导航

<footer></footer>页脚

<section></section>区块

<article></article>文章

<aside></aside>侧边栏

<figure></figure>  用于对元素进行组合。一般用于图片或视频

<figcaption></figcaption>用于对figure的内容进行说明

<time></time> 时间

<datalist></datalist>数据列表 ,配合输入框来使用

<details></details>描述

<summary></summary>对details的简介

<dialog></dialog> 对话框

<address></address>地址

<mark><mark>标记  自带带黄色背景,其他用法和span一样

<keygen></keygen>秘钥(报废了)

<progress></progress>进度条  可以设置 value max min ...

<meter></meter>进度条,用法和上面的差不多

    今天就先写这么多,有任务在身,明天继续。

时间: 2024-10-14 21:04:13

HTML5-入门。的相关文章

【活动】不用买书,不用花钱,可以免费看HTML5入门连载了

清华大学出版社推出的<HTML 5网页开发实例详解>适合HTML 5开发初学者和前端开发工程师.本书一经上市,就获得了读者的一致好评,为感谢读者,推出本书的连载活动.   本书术新颖.与时俱进,结合时下最热门的技术,如Node.js.响应式设计.移动开发.MVC,让读者在学习HTML 5的同时,了解熟识更多相关的世界先进技术.对于无法全面讲解的一些框架,还给出了GitHub的详细地址供读者参考. 本书贴近读者.贴近实际,大量成熟第三方组件和框架的使用和说明,帮助读者快速找到问题的最优解决方案,

10分钟HTML5入门基础知识(一)

毫无疑问,对于开发人员而言,HTML5已是一个热点话题.如果你需要快速了解HTML5的功能的基本原理,阅读本文是你最好的选择. 本文来自The Code Project的付费搜索位置,由Solution Center提供.这里的文章致力于向大家提供我们认为对开发人员来说有用和有价值的产品和服务的相关信息由IE9和HTML5 / CSS3 Zone带来 . 本文会涵盖新的语义标签.为绘图和动画而设计的画布(canvas).音频和视频支持,以及在旧版浏览器上如何使用HTML5.看完这些内容所用的时间

HTML5入门1

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="keywords" content="这是我的网站" /> <title>我的HTML5</title> </head> <body> <header>logo图片</header>

HTML5 -入门 (----------------------css样式(1)---------------------—)

---恢复内容开始--- 一css基础入门与css选择器 CSS英文全拼:cascading style sheet 层叠样式表. 在html中使用:要在head中写style标签,所有样式放在style标签中. <style>       color: red;  设置文本颜色 font-size: 30px; 设置文本大小 设置背景颜色 background-color: blue; font-weight: bold; 设置文本粗体 font-style: italic; 设置文本斜体

HTML5 入门基础

HTML5概述HTML5於2004年被WHATWG(网页超文本技术工作小组)提出,於2007年被W3C接纳.在2008年1月22日,第一份正式草案已公布.WHATWG表示该规范是目前正在进行的工作,仍须多年的努力. HTML 版本从 Web 诞生早期至今,已经发展出多个 HTML 版本:1.HTML           19912.HTML+         19933.HTML2.0      1995.1         RFC4.HTML3.2      1996.1         W3

HTML5 入门笔记

1.各种表签的含义与写法: 注释:<!-- .. -->   声明版本为5:<!DOCTYPE html> 字体设置:<meta charset="utf-8" /> 属性:  所有元素的全局属性; 只适用于某个元素的专用属性;  事件处理器的内容属性; <div> 用于划分区域,但不能表示区域的含义;倾向于格式化划分文档; <section> 表示文档任意的逻辑分区;属于全局属性 <article> 内容相对于其

HTML5入门指南

如今WEB技术风云变化,HTML5异军突起,我将带领各位领略HTML5的风采魅力. HTML5到底是什么? 一般广义而言的HTML5则包含了HTML.CSS和JavaScript三个部分,而不只是第一印象仅仅HTML部分而已,在CSS 3和JavaScript层面也有许多的创新,让整个网页从布局到处理都更加给力,新囊括的技术让之前实现相当困难且安全性危机重重的功能变为了现实, HTML5好处-为什么要用HTML5 THML5在布局上更得体,记得以前的主流table过渡到主流div:今的布局对搜索

由浅入深学Spring MVC HTML5入门教程

开发快报: websocket 强制下线功能,玩转websocket技术 ------------------------------------------------------------------------------------------------------------------------- A 代码生成器(开发利器);   增删改查的处理类,service层,mybatis的xml,SQL( mysql   和oracle)脚本,   jsp页面 都生成 就不用写搬砖的

HTML5学习总结——HTML5入门与新增标签

一.HTML5概要 1.1.为什么需要HTML5 概念: HTML5 是继 HTML4.01, XHTML 1.0 和 DOM 2 HTML 后的又一个重要版本, 旨在消除富 Internet 程序(RIA)对 Flash, Silverlight, JavaFX 一类浏览器插件的依赖. 1991年HTML1.0标准出现1997年HTML4.0发布,4.0标准下的浏览器局限性Flash (安全与稳定堪忧.耗电.触摸.不开放)SilverlightJavaApplet2008年HTML5出现, W

Html5入门应用技巧,初学者必读

Web技术的发展速度太快了,如果你不与时俱进,就会被淘汰.因此,为了应对即将到来的HTML5,本文总结了22个HTML5的初级技巧,希望能对你进一步学习好HTML5会有所帮助. 1. 新的Doctype声明 XHTML的声明太长了,我相信很少会有前端开发人员能手写出这个Doctype声明. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""> HTML5的Doctype声明很短,看到这个声