W3Shool学习 - 初级教程

1. html格式标记

超文本标记语言:

<html>

<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>

</html>

标签成对出现。

1. html 对应网页

2. body对应内容

3. h1对应标题, 用来描述网页中最上层的标题。h2二级标题

4. p对应段落,<p> </p> 段落结束标记

5. <DOCTYPE>

所有的 HTML 和 XHTML 页面都应当使用 <Doctype> 元素来定义遵照何种 HTML 版本。

doctype 定义了您正在使用的 HTML 版本,并为浏览器提供重要的信息以便其更快速一致地呈现您的页面。

如:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"

"http://www.w3.org/TR/html4/frameset.dtd">

6. <title> 元素是最重要的 HTML 元素之一。它的主要功能是描述网页的内容。

2.CSS 指层叠样式表 (Cascading Style Sheets)

来由:新的 HTML 标签和属性(比如字体标签和颜色属性)添加到 HTML 规范之中,因此创建文档内容清晰地独立于文档表现层的站点变得越来越困难。

样式表定义如何显示 HTML 元素。

分离样式的定义和使用

字体标签和颜色属性通常被保存在外部的 .css 文件中。

多个同名html元素的样式的优先级:

当同一个HTML元素被不止一个样式所定义时,会使用哪个样式呢?

一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。

  1. 浏览器缺省设置
  2. 外部样式表
  3. 内部样式表(位于 <head> 标签内部)
  4. 内联样式(在 HTML 元素内部)

因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:<head> 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。

3. javascript

JavaScript 被用来改进设计、将动态文本放入html,响应事件,验证表单、检测浏览器、创建cookies,等等。

用于与页面进行交互,是一种脚本语言。

javascript会被浏览器执行,而AJAX技术,是一种异步请求的javascript,主要用于网页的动态加载。

4. xml

w3c的一种标准,是一种数据容器,用于描述数据,而html用于显示数据。

XML 文档对象模型定义访问和操作XML文档的标准方法。

DOM 将 XML 文档作为一个树形结构,而树叶被定义为节点。

5. 服务端脚本

服务器脚本能做什么呢?

1. 首先在服务端执行:

2. 动态地向 web 页面编辑、改变或添加任何的内容

3. 对由 HTML 表单提交的用户请求或数据进行响应 -->

4. 访问数据或数据库,并向浏览器返回结果

5. 为不同的用户定制页面

6. 提高网页安全性,使您的网页代码不会通过浏览器被查看到

JSP, PHP就是服务端脚本语言。

7. SQL

增查删改,操作结构化数据。

insert into, select, delete, update.

定义结构化数据的语句:

CREATE TABLE - 创建新表

ALTER TABLE - 变更(改变)数据库表

DROP TABLE - 删除表

CREATE INDEX - 创建索引(搜索键)

DROP INDEX - 删除索引

8. HTML 4.01

XHTML支持xml的html。

9. XSLT

用户转换数据的工具,用于转换xml语言。

10. 浏览器类型和特性

Internet Explorer

微软的 Internet Explorer(IE) 是当今最流行的因特网浏览器。它发布于 1995 年,并于 1998 年在使用人数上超过了 Netscape。

Netscape

Netscape 是首个商业化的因特网浏览器。它发布于 1994 年。在 IE 的竞争下,Netscape 逐渐丧失了它的市场份额。

Mozilla

Mozilla 项目是从 Netscape 的基础上发展起来的。今天,基于 Mozilla 的浏览器已经演变为因特网上第二大的浏览器家族,市场份额为大约 20%。

Firefox

Firefox 是由 Mozilla 发展而来的新式浏览器。它发布于 2004 年,并已成长为因特网上第二大最流行的浏览器。

Opera

Opera 是挪威人发明的因特网浏览器。它以下列特性而闻名于世:快速小巧、符合工业标准、适用于多种操作系统。对于一系列小型设备诸如手机和掌上电脑来说,Opera 无疑是首选的浏览器。

Chrome

Chrome 是免费的开源 web 浏览器,它由 Google 开发。该浏览器于 2008 年 9 月发布。Chrome 4 是最新的谷歌浏览器。

Safari

Safari 是由苹果公司开发的浏览器,适用于 Mac 和 Windows 系统。该浏览器于 2003 年 6 月发布。

11. 样式表使用注意事项

1. 请勿使用 font 标签

因为其会增大文档,不容易维护,使用样式,一行就能搞定

2. 请勿使用固定的字体尺寸

如100%, 140 %等相对字体,使用浏览器的自身功能

3. 请勿使用很小的默认字体尺寸

4. 始终使用一致的背景颜色

12. 图像

使用 "alt" 属性

alt 属性允许你为图像(也可以为其它的元素)提供一条相对应的文字描述。

实例:

<img src="images/bana.jpg" alt="Banana" />

有时候浏览器会无法显示图像。具体的原因有:

用户关闭了图像显示

浏览器是不支持图形显示的迷你浏览器

浏览器是语音浏览器(供盲人和弱视人群使用)

如果您使用了 alt 属性,那么浏览器至少可以显示或读出有关图像的描述。

13. 国际标准

1. 字符集

对每个文档在用的字符集进行标记,对于提升网站的品质来说至关重要。

请始终在 <head> 元素内 使用下面的的元元素:

<meta http-equiv="Content-Type" content="text/html;charset=X" />

把 X 替换为你所使用的字符集,比如ISO-8859-1、UTF-8 或者 UTF-16。

2. 日期

国际标准化 (ISO) 为日期定义的国际标准格式是 "yyyy-mm-dd",yyyy 是年,mm 是月,dd 是日。

如果您使用了 ISO 的格式,那么大多数访问者都能明白你的日期。

时间: 2024-10-13 10:28:23

W3Shool学习 - 初级教程的相关文章

《英语语法新思维初级教程》学习笔记(二)名词

参考资料: 1. <英语语法新思维初级教程> ? 知识点 ▼ 名词是用来表示人.事物.地点以及抽象事物的名称. ▼ 名词通常分为两大类:专有名词(proper noun)和普通名词(common noun). ▼ 专有名词表示特定的人.物.机构或场所等的名词(首字母须大写).如:Paris,the United States和Bill Gates等. ▼ 普通名词又分为:可数名词(countable noun)和不可数名词(uncountable noun)两类. ▼ 可数名词 = 个体名词

《英语语法新思维初级教程》学习笔记(一)名词短语

参考资料: 1. <英语语法新思维初级教程> ? 知识点 ▼ 英语是“固定词序语言(a fixed-word-order language)”. ▼ 语言的构造级别分五个层次:1. 词(word):2. 短语(phase):3. 句子(sentence):4. 段落(paragraph):5. 篇章(discourse) a red rectangle emblazoned with five starts. ▼ 名词短语是由名词和它的修饰语一起构成的.名词的修饰语与名词的关系分两种:1. 放

《英语语法新思维初级教程》学习笔记(三)冠词

参考资料: 1. <英语语法新思维初级教程> 2. 英语国际英标表 ? 知识点 ▼ 限定词的是对名词起限定作用的各类词的总称,具体作用有限定名词所指的范围,对名词起泛指或特指.定量或或不定量等限定修饰. ▼ 冠词属于限定词(determiner),对名词起修饰作用.英语中的冠词由三个,其中两个是不定冠词a和an,一个是定冠词the(也可以认为它也是两个,同型不同音). out of the question // 不可能 out of question // 毫无疑问 ▼ the在辅音前读[ð

Babylonjs 初级教程---微软的基于webgl的H5 3D游戏引擎

Babylon.js 页面图像库 游戏创建系统! Hi!欢迎阅读 Babylon.js 初级教程, 这是后面学习最棒的基于Javascript的网页图形库框架所需必备知识的一个基础介绍. 你想知道什么是框架么?  你可以把框架认为成 建筑里的脚手架, 它支撑你围绕它创建新东西而不必为底层细节操心. Babylon.js构造里一个复杂的系统, 让网页图形库更容易使用. 我们希望以一种非常快速的方式教给你大量的信息.  通常这里的任务都有多于一种方式达成.  我希望你自己去发现其它的方式.  根据对

Win2012R2 Hyper-V初级教程15 -- 基于Kerberos与CA证书的系统容灾(中)

二.基于CA证书的HTTPS复制 ??????? 刚刚看了一下关于基于Kerberos与CA证书的系统容灾(上)还是2017-08-31写的,到现在半年过去了,懒癌太重了,一直没有更新,从今天起将逐步更新完初级教程,希望能够有更多的博友了解并学习微软的虚拟化技术.前面我们说到了基于HTTP的复制,在内部网络的时候我们可以采用这种方法,因为本身而言内网相对安全很多,如果你是需要进行跨广域网的复制,建议你最好配置CA证书服务,通过443端口进行数据传输,以保证数据的安全性.下面我们就来说一下基于CA

shellKali Linux Web 渗透测试— 初级教程(第三课)

shellKali Linux Web 渗透测试— 初级教程(第三课) 文/玄魂 目录 shellKali Linux Web 渗透测试—初级教程(第三课)... 1 课程目录... 1 通过google hack寻找测试目标... 2 一个asp站点的sql注入... 3 一个php站点的sql注入... 4  课程地址:点击 课程目录 两个基本案例,以sql注入入手,目标为熟悉基本的思路,关注细节信息. 关于google hack,web 扫描,sql注入更详细和复杂的内容后续教程会专门讲解

VFP+6.0中文版教程--初级教程

下载地址:网盘下载 Microsoft Visual FoxPro 6.0中文版教程 初级教程目录 第一课 开场白第二课 见识一下面向对象的编程第三课 简要介绍对象.属性.事件.方法第四课 常用的对象.属性.事件.方法第五课 常用编程命令及常用函数第六课 编一个完整的软件第七课 编程中的一些技巧第八课 程序的调试第九课 软件的编译及生成安装盘 下载地址:网盘下载

全套视频学习资料教程手册 100G左右solidworks 2013 win32 win64

ESI PAM-RTM 2010.0 Windows & Linux-ISO 2CD ISOVER TechCalc v1.0.2.7 1CD KISSsoft 2013 SP5 1CD Pipe Flow Expert 2013 v6.39.1.1 1CD Simprotek.Symprosys.v3.0 1CD TechCalc v1.0.2.7 1CD Bentley.Maxsurf.(SELECTseries2).V8i.v19.00.01.92.Win32_64 2CD Graeber

Python爬虫学习系列教程

Python爬虫学习系列教程 大家好哈,我呢最近在学习Python爬虫,感觉非常有意思,真的让生活可以方便很多.学习过程中我把一些学习的笔记总结下来,还记录了一些自己实际写的一些小爬虫,在这里跟大家一同分享,希望对Python爬虫感兴趣的童鞋有帮助,如果有机会期待与大家的交流. Python版本:2.7 一.爬虫入门 1. Python爬虫入门一之综述 2. Python爬虫入门二之爬虫基础了解 3. Python爬虫入门三之Urllib库的基本使用 4. Python爬虫入门四之Urllib库