HTML5 学习01

  HTML的英语意思是:Hypertext Marked
Language,即超文本标记语言,是一种用来制作超文本文档的简单标记语言。

  所谓超文本,是因为它可以加入图片、声音、动画、影视等内容,事实上每一个 HTML 文档都是一种静态的网页文件,这个文件里面包含了 HTML
指令代码,这些指令代码并不是一种程序语言,它只是一种排版网页中资料显示位置的标记结构语言。  

  ┣ 通过 HTML
可以表现出丰富多彩的设计风格:
    图片调用:<IMG
SRC="文件名">
    文字格式:
<FONT SIZE="+5 " COLOR="#00FFFF">文字</FONT>
  ┣ 通过
HTML 可以实现页面之间的跳转:
    页面跳转:〈A
HREF="文件路径/文件名"></A>
  ┣ 通过
HTML 可以展现多媒体的效果:
    声频:<EMBED
SRC="音乐地址" AUTOSTART=true>
    视频:<EMBED SRC="视频地址"
AUTOSTART=true>

标签<body> 的属性:┣
 link ┈ 设定页面默认的连接颜色

           ┣  alink
┈ 设定鼠标正在单击时的连接颜色

           ┣ vlink
┈ 设定访问后连接文字的颜色

           ┣ background
┈ 设定页面背景图像

           ┣ bgcolor
┈ 设定页面背景颜色

           ┣ leftmargin
┈  设定页面的左边距

    ┣ topmargin
┈ 设定页面的上边距

           ┣ bgproperties
┈设定页面背景图像为固定,不随页面的滚动而滚动

              
   ┣ text ┄ 设定页面文字的颜色

HTML 几种常见特殊字符及其代码:┣  <  
 ┈     &lt;      ┣ ?
  ┈  &copy;

                ┣   >  
 ┈   &gt;    ┣ ×  ┈  &times;

                ┣   &    ┈   &amp;   ┣ ?
 ┈  &reg;

                ┣   "
    ┈  &
quot;  ┣ 空格
┈  &nbsp;

=======================================================
图像的处理

  浏览器可以显示的图像格式有 jpeg,bmp,gif。其中 bmp文件存储空间大,传输慢,不提倡用,常用的 jpeg 和 gif
格式的图像相比较,jpeg 图像支持数百万种颜色,即使在传输过程中丢失数据,也不会在质量上有明显的不同,占位空间比 gif 大,gif 图像仅包括
265色彩,虽然质量上没有 jpeg
图像高,但占位储存空间小,下载速度最快、支持动画效果及背景色透明等特点。因此使用图像美画页面可视情况而决定使用那种格式。

HTML5 学习01

时间: 2024-12-28 15:20:41

HTML5 学习01的相关文章

HTML5 学习01——浏览器问题、新元素、canvas

Internet Explorer 浏览器问题 问题:Internet Explorer 8 及更早 IE 版本的浏览器不支持HTML5的方式. <!--[if lt IE 9]> <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script> <![endif]--> 解决:html5shiv.js 引用代码必须放在 <

HTML5 学习笔记(一)——HTML5概要与新增标签

一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸.不开放). HTML5增强了浏览器的原生功能,符合HTML5规范的浏览器功能将更加强大,减少了Web应用对插件的依赖,让用户体验更好,让开发更加方便,另外W3C从推出HTML4.0到5.0之间共经历了17年,HTML的变化很小,这并不符合一个好产品的演进规则. 1.2.什么是HTML5 HTML5

HTML5 学习总结(一)——HTML5概要与新增标签

目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2.缺点 1.6.HTML5效果展示 1.7.HTML5学习与开发工具 1.7.1.基础要求 1.7.2.开发工具 1.8.HTML5语法规则与文档声明 1.8.1.语法规则 1.8.2.文档声明 1.8.2.文档声明 二.废弃的标签 三.新增的标签 3.1.新增的结构标签 3.2.新增加其它元素 3

HTML5 学习笔记--------》HTML5概要与新增标签!

一.HTML5概要 1.1.为什么需要HTML5 HTML4陈旧不能满足日益发展的互联网需要,特别是移动互联网.为了增强浏览器功能Flash被广泛使用,但安全与稳定堪忧,不适合在移动端使用(耗电.触摸.不开放). HTML5增强了浏览器的原生功能,符合HTML5规范的浏览器功能将更加强大,减少了Web应用对插件的依赖,让用户体验更好,让开发更加方便,另外W3C从推出HTML4.0到5.0之间共经历了17年,HTML的变化很小,这并不符合一个好产品的演进规则. 1.2.什么是HTML5 HTML5

HTML5 学习总结(一)——HTML5概要与新增标签(转载)

目录 一.HTML5概要 1.1.为什么需要HTML5 1.2.什么是HTML5 1.3.HTML5现状及浏览器支持 1.4.HTML5特性 1.5.HTML5优点与缺点 1.5.1.优点 1.5.2.缺点 1.6.HTML5效果展示 1.7.HTML5学习与开发工具 1.7.1.基础要求 1.7.2.开发工具 1.8.HTML5语法规则与文档声明 1.8.1.语法规则 1.8.2.文档声明 1.8.2.文档声明 二.废弃的标签 三.新增的标签 3.1.新增的结构标签 3.2.新增加其它元素 3

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学习小结

HTML5是用于取代1999年所制定的 HTML4.01和XHTML1.0标准的HTML标准版本.HTML5的第一份正式草案已于2008年1月公布:2012年12月,规范已经正式定稿.W3C计划在2014年底发布HTML5推荐标准,在2016年底发布HTML5.1推荐标准.HTML5有两大特点:强化了Web网页的表现性能:追加了本地数据库等功能. HTML5向前兼容,只去除很少的部分,比如<frame><font>等.HTML5面向移动,支持IP,GPS,WIFI MAC,GSM/

HTML5 学习

1.details元素 details元素标识用户要求得到并且可以得到的细节信息,用于描述文档或文档某个部分的细节.它可以与summary元素配合使用.summary元素提供标题或图例.标题是可见的,用户点击标题时,会显示出细节信息,也就是details里面定义的信息. <details> <summary>HTML 5</summary> This document teaches you how to learn about HTML 5 </details&

html5学习笔记(3)--主题结构元素-1

html5学习笔记(3)--主题结构元素-1 Article元素 以下为对应代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> </head> <body> <article> <header> <h1>极客学院</h