HTML5学习笔记-1.网页入门

1.标准URL格式:

访问方式://完整主机域名/目录路径/网页文件文件名

例:http://www.weather.com.cn/weather/101010100.shtml

访问方式:指URL访问数据的方式或通讯协议

例:http       WWW的访问

ftp         连接到ftp服务器进行文件传输

telnet     连接到远程主机进行远程登录

gopher   访问gopher服务器的数据

mailto     发送E-mail

主机名:按照主机提供的服务种类命名

域名:包括3部分:机构名称、机构类型、国家(地区)代码

例:cnmic.com.cn

2.网页类型:静态网页、动态网页

静态网页:后缀名:.htm/.html

动态网页:(1)客户端处理:插入JavaScript、VBScript语法

(2)服务器端处理:ASP、PHP、JSP等

3.常见图片格式:

(1)JPEG图形文件:*.jpg *.jpeg *.jpe *.jfif

真彩失真的压缩格式,能存储24bit真彩图像,图形文件小,不支持透明背景的功能

(2)GIF图形文件:*.gif

非失真的压缩格式,最多256色,可制作透明图、交错图和动画

(3)PNG图形文件:*.png

支持48bit颜色,支持透明图、交错图,图形文件大

4.常见声音格式:

(1)WAV格式:未经过压缩处理,音质最佳,文件最大

(2)MIDI格式:只记录乐器信息,不发送声音,文件非常小

(3)MP3格式:舍弃音频数据中人类听不到的声音,文件较小

(4)OGG格式:免费且开源,音质较MP3清晰,文件较MP3小,但仍不普及

5.网页文件命名规则:

(1)文件名可以使用a~z A~Z 0~9 减号(-) 下划线(_)

(2)禁止使用特殊字符或其他符号

(3)文件名之间不能有空格

(4)首页文件名必须按照网页服务器的定义命名(index.htm等)

(5)区分大小写(最好统一为小写英文)

6.网页版面设计

(1)固定式网页:文字与图片不会随着屏幕分辨率而产生唯一,但超出屏幕水平宽度的部分会被截断(必须拖曳水平滚动条)

一般将网页主要内容设计在800像素宽度之内

(2)相对式网页:网页宽度必须以百分比大小进行设置,文字和图形会随着屏幕分辨率而产生位移,制作难度比较高

时间: 2024-10-09 07:00:45

HTML5学习笔记-1.网页入门的相关文章

HTML5学习笔记(二)——表单1

表单一直是网页必不可少的一部分,一直以来,表单的作用被无限扩展,发展出了诸多新奇的用法,老版的HTML只支持很少的一部分常用表单,许多的新表单都需要借助CSS与JavaScript语言来进行构建,现在HTML5来了,她带来了新的表单,这些强大的表单项,可以省去一大块复杂的JavaScript代码,很值得去学习. 而且在新的表单里面,不再像以前每个表单都必须位于<form></form>之内,只要在<form></form>内定义一个id,然后在网页任何位置都

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

现代C++学习笔记之二入门篇2,数据转换

static_cast:    这种强制转换只会在编译时检查. 如果编译器检测到您尝试强制转换完全不兼容的类型,则static_cast会返回错误. 您还可以使用它在基类指针和派生类指针之间强制转换,但是,编译器在无法分辨此类转换在运行时是否是安全的. dynamic_cast: dynamic_cast在运行时检查基类指针和派生类指针之间的强制转换. dynamic_cast 是比 static_cast 更安全的强制类型转换,但运行时检查会带来一些开销. const_cast:    con

Html5学习笔记1 元素 标签 属性

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML5学习笔记</title> </head> <body bgcolor="#90ee90"> 1.Html5的元素<br/><br/> 元素指的是从開始标签到结束标签的全部代码<

MySQL学习笔记之一 MySQL入门

本人之前接触的关系型数据库主要是oracle和sqlserver,而对于mysql知之甚少,但查阅网上资料发现,mysql与oracle非常相似,所以学起来应该不会很费劲,在总结的时候可能更多的把关注点放在它与oracle的不同之处. 一.简介 MySQL是一个真正的多用户.多线程SQL数据库服务器.SQL(结构化查询语言)是世界上最流行的和标准化的数据库语言.MySQL是一个客户端/服务器结构的实现, 它由一个服务器守护程序mysqld和很多不同的客户程序和库组成. MySQL的普及并不局限于

现代C++学习笔记之二入门篇1

现代 C++ 强调: 基于堆栈的范围,而非堆或静态全局范围. 自动类型推理,而非显式类型名称. 智能指针而不是原始指针. std::string 和 std::wstring 类型(请参见 <string>),而非原始 char[] 数组. 标准模板库 (STL) 容器(例如 vector.list 和 map),而非原始数组或自定义容器. 请参见 <vector>.<list> 和 <map>. STL 算法,而非手动编码的算法. 异常,可报告和处理错误条

html5学习笔记2

css3选择器 1.通过元素的关键字,如p,div等 2.通过id属性 3.通过class属性引用 3.1通过class属性引用p标签,如:p.text{}//text样式只适用于p 4.通过任意键引用 例如:p[name]{}//仅引用带有name属性的p标签 p[name="my"]{}//仅引用带有name属性等于"my"的p标签 还可以使用正则表达式p[name^="my"]{} p[name$="my"]{} 5.通

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