W3Shool学习 - 初级教程

Posted viewcode

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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 元素之一。它的主要功能是描述网页的内容。

7. <div> 网页块的标记,主要用于分块、换行等。

8. <a href> 超链接的标志

9. <form> 表单,经常与<input>一起出现

<form>
First name: 
<input type="text"/"button"/"submit"/"search"/"week"/.... name="firstname" />
</form>
 

9.<table> 表格,<td> tablecell单元格  <tr> tablerow html表格行, <th> tablehead 表格头信息(html5)

10. <frameset> 框架集 <fame> 框架,相当于内建子页面,iframe可以直接在html body中直接使用

  <frameset cols="50%,50%">
    <frame id="leftFrame" src="frame_cdoc.htm">
    <frame id="rightFrame" src="frame_a.htm">
  </frameset>

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 的格式,那么大多数访问者都能明白你的日期。

以上是关于W3Shool学习 - 初级教程的主要内容,如果未能解决你的问题,请参考以下文章

学习varnish随笔

CAD2014学习笔记-文字编辑与尺寸标注

CAD怎么标注尺寸?CAD标注尺寸教程

Microsoft 语音识别结果的格式(挪威语)

Roc.EDU.阅读《挪威的森林》

2019第六届挪威Coralua国际合唱节来临了!