html快速入门

最新推荐文章于 2022-03-12 20:54:12 发布

weixin_30629977

最新推荐文章于 2022-03-12 20:54:12 发布

阅读量56

点赞数

文章标签：网络 php java

原文链接：http://www.cnblogs.com/Witkey/articles/1628759.html

版权

一．网页编程基础：HTML(Hyper Text Markup Language)

CS本机单机结构

BS网络应用程序

WEP开发BS

HTML网络基础语言，通用的网络编程。

掌握表单的用法，掌握CSS。

二．Wep的基础知识

1．WEP与Internet

Internet提供的主要服务

telnet远程登陆.email、www、bbs、ftp等等

wep基于Internet基础服务

基本实现技术

1).TCP/ip协议

www(World wide wed)

浏览器（browser）和通信

http协议处于TCP/IP协议的应用,是超文本传输协议

2.http协议的特点

1）。面向连接的。保持连接

2).一次性的连接。每次连接只提供一次请求iis得到请求，发出html语言，一问一答的模式。一个客户端只能一次发一个请求。

3)、一种无状态协议，（默认）即服务器不保留与客户交易时的任何状态。主要是提高性能

3、HTTP规范定义了七种请求方法，常用的请求方法是GET（放在URL里的方式，1.头的里－不能发送大量的数据，最长只能传255个字符 2不安全。用于发送少量的数据）和POST（放在Body里面）。

head块body块

4、网页后缀.html\.hml

5、xml和html都是标记语言(SGML)

Xml是自定义的，HTML是标准的

6、WAP服务器IIS(Internet information server)+clr服务器运行环境

动态WEP

1、主要的服务器技术

Asp(Active server page)微软

Php(Hypertext preproces)

Jsp()JSP具有平台独立性，只要是Java程序可以运行的平台，都支持JSP程序

2、客户端技术、服务器端技术

快速入门

1）、大部分是成对出现元素<body></body>

2）、属性

<body>

<p属性align=”center”></p>表示段落块级元素

</body>

<b></b>内联元素

3)、标记

封闭类型

空标记，非封闭型

标记里加属性

标准的HTML

版本信息

文档头

文档体

1)、body主要属性

Background ：背景图像的URL

Text：文本的前景色

Link：链接的前景色

Vlink：已访问过的链接的前景色

Alink：活跃链接的前景色

Bgcolor：背景色

Id、class：为样式表设置的标识属性

Title：提示文字

Style ：样式信息

<bgsound src=”地址”>背景音乐

<hr width=50% size=10 color="blue" noshade >画横线长度、高度、颜色、实心

<pre></pre>原本格式

<center></center>统一居中

2)、文本：

font 、b/i/u 、div span

<b></b>粗体

<i></i>斜体

<u></u>下划线

<font size=”12” color=”red”></font>字体大小及颜色

<p></p>表示段落,可以加属性

<br>换行

<pre></pre>保留原形

&lt < &gt> &copy@

首行缩进

3)、样式

style="color:yellow;background-color:green"

Style=”color:red;text-align:center; padding-top:20px; margin-left:100px”颜色、位置、靠顶、靠左

4)、块

<div ></div>放在里的独占一行

Style=”border:1px solid red”

<span></span>不会独占一行

5)、列表

1、<ol type=”a” start=”3”>

<li type=”i”>第一个

<li value=3>第二个

</ol>

样式type=”a”\”A”\”1”\”I”\”i”

有序的

开始 start开始的，只能是整数

Value值是多少

2、<ul type=”disc”>
<li>第一个

<li>第二个

</ul>无序的

样式Disc square circle

3、自定义的列表

<dl>一个定义列表

<dt>定义列表第一级

<dd>定义列表的子级</dd>

</dt>

</dl>

6)、移动

属性:

Direction移动方向Left right up down

Behavior移动方式scroll循环slide一个回合alternate来回

Loop次数

Scrollamount 移动步长

Scrolldelay延时毫秒

Width,height高度与宽度

Bgcolor align

7)、链接

url:统一资源定位器,用来标识网络中的任何资源

协议-主机名-路径名-文件名

1、<a href=”地址” target=”blank”></a>在新窗口打开链接

Target属性：_Blank _self _top _parent

2、锚点

是文档中某行标记

<a name=”top”></a>定义锚点

<a href=”#top”>返回</a>链接锚点

<a href=”另一个页面.html#top”>到另一个页面到锚点</a>

8)、图片、音乐播放

<img dynsrc=”url”>播放

属性：

Width宽度

Height高度

Alt 描述alt=”这个图片”

Usemap 热点区：

元素:

Map 属性

title id class style lang dir

Name 映像名

area空标记属性

Shape 值:rect、circle、 poly

Coords 坐标上x,上y,下x,下y

Href 链接

9)、表格

< table>表格

属性：border=1 边框粗细

Cellpadding 单元格内容与边框的空白空间大小

Cellspacing 单元之间以及单元格和表格处边框之间的空白空间大小

Frame 代表包围的框架的宽度的边

Rules 单元格之间的边

Bordercolor边框颜色

Width、Height

<tr>行

属性：align=”right”\”left”

<td>单元格

属性:Valign=”top”\”bottom”

Rowspan 跨列 Colspan跨行

<caption>表格的标题

列分组：

<table>

<col align=”right”>第一列的

<col align=”center” span=2>第二列居中,后有两列都是

</colgroup>

</table>

行分组:

<tr><td></td></tr>把要分组的行放在里面

</tbody>

<thead></thead>表头行分组

<tfoot></tfoot>尾分组

四、图片和链接

A(href/name#)

Img(src)

Map(name)

Area(shape/cords/href)

小结－表格：table/tr/td

转载于:https://www.cnblogs.com/Witkey/articles/1628759.html

weixin_30629977

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html快速入门

一．网页编程基础：HTML(Hyper Text Markup Language)CS本机单机结构BS网络应用程序WEP开发BSHTML网络基础语言，通用的网络编程。掌握表单的用法，掌握CSS。二．Wep的基础知识1．WEP与InternetInternet提供的主要服务telnet远程登陆.email、www、bbs、ftp等等wep基于Inte...
复制链接

扫一扫