阅读(2959)

web的基础和html简单的标签

最后一次修改 2017年08月21日

一、企业应用计算的演变

Host-based

Clientserver

Web-base(是当前用的最多的一种模式)

不同的客户端可以按装不同的东西,一代比一代更好,但是第三种(BS是有缺点的,不支持大型产品,因为它支撑不起,但是它是最流行的,只要有互联网就可以用。建一个服务器就可以用了。

 

二、网页组成部分1-w3c标准

1、结构化标准语言(html&XML

呈现网页内容,文字,图片等内容

2、表现标准语言(CSS

网页样式,颜色,字体大小

3、行为标准语言(DOM&ECMAScript

网页的交互行为(js),轮播图。

一)、网页的结构

1、文档标题,段落和列表等称做结构。结构使内容更加具有逻辑性,易用性。

在网页中,结构的定义使用的是html语言。

二)、网页的内容

创建网页的目的是为了将信息提供给浏览网页的用户看

三)、网页的表现形式

字体大小,字体颜色,版面布局,背景等等;所以外观都称为表现形式。在网页中用css样式来编写。

四)、网页的行为

网页与用户交互、响应鼠标或是按键事件,校验用户的输入,甚至动态地在网页运行时添加,更改文档内容,表现形式以及结构

 

三、web应用程序的组成部分2web服务器

Internet存放网页的计算机称为web服务器。

Web服务器上通常会运行一个专门用来提供网页服务的wb服务器软件

Apache

Tomcat

IIS

Node.js

Web服务器本质上是一个可以提供网页浏览服务的可执行软件,web服务器启动后,改软件就一直运行,并监听为操作系统为该乳尖分配的端口(操作系统为web服务器分配的端口通常是808080

(前端最主要用的服务器是node.jsjs可以开发前端和后端。与Java一样可以做大型项目的开发。做网站优化是记得艺名(中文)和本命(IP地址)的区别是方便记。每一个数据都要指定一个端口(不同端口有不同的作用)这样是确定数据的交换。

 

四、web应用程序的组成部分3web浏览器

Web浏览器是一个连接到web服务器,向web服务器请求信息,然后解析返回来的html标记,并将其显示在浏览器窗口内的程序。

如各种浏览器。

web标准的支持不同,造成跨浏览器网页编程困难。

对以上进行总结:WEB应用程序的组成部分3个:

页面,服务器,浏览器。

五、web应用程序的组成部分4:http协议

Web服务器和web浏览器是通过http(超文本传输协议)协议进行通信的。它是一套规则和过程,它使计算机能够通过web交换信息。有了http协议,那么不管这些计算机在哪个地方,使用的是什么操作系统,运行的是什么文本服务器软件,使用的是什么浏览器产品,它们都可以通过http相互通讯。

http协议的功能:  

    HTTP,HTTP协议的作用是什么?

 

HTTP:Hypertext Transfer Protocol 
超文本传输协议(HTTP)是应用层协议,由于其简捷、快速的方式,适用于分布式和合作式超媒体信息系统。自 1990 年起,HTTP就已经被应用于WWW 全球信息服务系统。

 

HTTP允许使用自由答复的方法表明请求目的,它建立在统一资源识别器(URI)提供的参考原则下,作为一个地址(URL)或名字(URN),用以标志采用哪种方法,它用类似于网络邮件和多用途网际邮件扩充协议(MIME)的格式传递消息。

 

HTTP 也可用作普通协议,实现用户代理与连接其它 Internet 服务(如 SMTP、 NNTP、 FTP、 GOPHER及WAIS )的代理服务器或网关之间的通信,允许基本的超媒体访问各种应用提供的资源,同时简化了用户代理系统的实施。

 

HTTP是一种请求 / 响应式的协议。一个客户机与服务器建立连接后,发送一个请求给服务器,请求的格式是:统一资源标识符(URI)、协议版本号,后面是类似 MIME 的信息,包括请求修饰符、客户机信息和可能的内容。服务器接到请求后,给予相应的响应信息,其格式是:一个状态行包括信息的协议版本号、一个成功或错误的代码,后面也是类似 MIME 的信息,包括服务器信息、实体信息和可能的内容。

 

HTTP 的第一版本HTTP/0.9 是一种简单的用于网络间原始数据传输的协议。而由RFC1945定义的HTTP/1.0 ,在原 HTTP/0.9 的基础上,有了进一步的改进,允许消息以类 MIME 信息格式存在,包括请求/响应范式中的已传输数据和修饰符等方面的信息。但是,HTTP/1.0 没有充分考虑到分层代理服务器、高速缓冲存储器、持久连接需求或虚拟主机等方面的效能。相比之下,HTTP/1.1 要求更加严格以确保服务的可靠性。关于安全增强版的HTTP(即S-HTTP),将在相关文件中再作介绍。

 

 

六、网页的分类

静态网页:不便于修改

动态网页(2个):    客户端、服务器

 

七、Html代码的语法

<html?
<head>
<title></title>
</head>
<body>
 
<strong><header></header>
<sectong></section>
<footer></footer></strong>
 
</body>
</html>

上面三个框架是用到大的布局,《页眉,主题,页脚》

 

 引入的路径包含:

  本地路径,相对路径,绝对路径,一般网页都采用相对路径。

 

  •    ul为无序列表ol为有序列表,都是要配合li,他们是组合标签,中间不能打乱其他标签。是固定的。做链接都是在li标签中加入<a>标签。

    •   ul,ol都是有属性的,标号的表示有,

      Type=””,默认值:disc,实心圆;circle:空心圆;square:实心方块

 

 

 

  • dl标签里放dtdd,是自定义标签,dt表示:标题,dd:列表的内容。

<dl>

<dt></dt>

<dd></dd>

</dl>

  • 下面的和ul功能相似:

<dl>

<dt></dt>   

</dl>

 

  • H5的新增标签<nav></nav>导航标签,是语义化标签。

 

超链接:

站内:

顶部设计的一个锚点

底部设置了一个返回到本页的顶部。

站外:

  是一个完整的URL地址,必须以http://开头。

Alt作用:当图片不能正常显示时,显示alt属性设置的文字。

Title作用是提示。

 

 

  • Article作用:在网页中表示正文。
  • aside:表示侧边栏。
  • footer:页脚信息。
  • header:标题和副标题等等。

 

 

 

  • Address标签表示作者的相关信息。斜体,无强调作用。

一般不放公司的地址信息。

  • <em>标签是倾斜体,有强调作用。


字体格式化标签:

HTML常用特殊字符:只要你认识了 HTML 标记,你便会知道特殊字符的用处。

&lt;<小于号或显示标记
&gt;>大于号或显示标记
&amp;&可用于显示其它特殊字符
&quot;引号
&reg;®已注册
&copy;©版权
&trade;商标
&ensp;半个空白位
&emsp;一个空白位
&nbsp; 不断行的空白
  • Video标签:视频,有宽高,controlcontrol的含义是设置是否显示控制面板,视频会显示播放的按钮等功能。

    •   

    • src :视频的属性

    • poster:视频封面,没有播放时显示的图片

    • preload:预加载

    • autoplay:自动播放

    • loop:循环播放

    • controls:浏览器自带的控制条

    • width:视频宽度

    • height:视频高度

    • 属性有:

真正影响视频的只有宽度。高度值是随元素改变。

 

 

 

  • Table  表格:

    

<table> 标签定义 HTML 表格。

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

  • <hr> :水平线

  • <pre></pre>是预格式化标签:内容与编写的格式在浏览器上是一样的,但是字体变小了。

下面的元素决定以后的布局,必须重点掌握: