web

来源：互联网发布：mac照片如何归类编辑：程序博客网时间：2024/04/30 02:53

网页的组成
一般网页是由四部分组成
网页的内容
网页的结构
网页的表现形式
网页的行为

网页的结构
在网页中，结构的定义使用的HTML语言。
HTML：超文本标记语言。

网页的表现形式（字体大小颜色背景布局）
在网页中，用来编写文档表现形式的语言是CSS（层叠样式表）

网页的行为
在网页中，用来编写的行为的语言是JavaScript简称JS和DOM文档对象模型。

超文本输出协议HTTP：协议就是一套规则和过程.
网页的分类：
静态网页：网页的黑绒和关外股始终保持不变
动态网页：分为客户端网页与服务器动态网页
客户端动态网页 JavaScript ActiveX和Java Applet
服务器端动态网页 JSP/Servlet、ASP/ASP.net、PHP、CGI、Ruby等

WebStrom 除了JS编辑功能，HTML5和CSS3的编写
AptanaStudio包括JavaScript编辑和调试
StyleMaster一款领先的跨平台CSS开发工具
Brackets一款开源的代码编辑器
TopStyle一款功能专注于CSS设计的辅助工具

HTML Hypertext Markup Language 超文本标记语言是一种基本的Web玩玩工业设计语言，主要用于实现静态的万维网文档。
1997年1月 HTML4被发布为正式标准
1999年12月，W3C又推出HTML4.01

HTML的标签语法
(1)双标记<标记>内容</标记>
(2)单标计<标记/> 最常用的单标计<BR/>
(3)标记属性<标记属性1 属性2 属性3....>
<img style="***" width="75%" />
(4)注释语句 

HTML基本结构
<!DOCTYPEhtml>
<HTML>
<HEAD>
<title>文档标题</title>
</HEAD>
<BODY>
HTML文档的主题部分
</BODY>
</HTML>
头标签<head></head>
此标签对之间可以使用<title></title><script></script>
<head></head>标签对之间的内容是不会在浏览器的框内显示出来的.两个标签必须一起使用.
<title></title>决定了显示在页面标题栏中的文字

<body></body>标签是HTML文档的主题部分,其中放置的是页面中的所有内容,如图片、文字、表格、表单、超链接等设置。
<body>标签通过CSS样式的设置可控制整个页面的显示方式.

颜色值是一个关键字或一个RGB格式的数字
RGB颜色有四种表达形式:
#RRGGBB如#00cc00
#RGB 如#0c0
RGB(X,X,X)x是介于0-255
RGB(y%,y%,y%)y是一个介乎0.0到100.0之间的整数(如RGB0%,80%,0%)

标题标签<hn> n为1-6
格式:<hn>标题内容</hn>
说明:<hn>标签本身具有换行作用,标题总是从新的一行开始.
提供6个等级,n越小,标题字号越大.

段落标签<p>
<p></p>标签对是用来创建一个段落,在此标签对之间加入的文本将按照段落的格式显示在浏览器上.
使用该标签符后,每块文本段落之间都会空出一行.

段内换行标签<br/>
大多数情况下,段落标签符<p>是分割文本的最佳符号,会分段;<br/>用于在一段内换行,新航与上一行之间并不空出一行.

水平线段标签<hr/>
<hr/>标签是单独使用的标签,是水平线标签.

原样显示文字标签<pre></pre>
用于计算机代码的引用

<span>行内分组

<div>区域分块标签

<div style="color:#00FF00">
</div>

只做了解
{b标记设置文字为粗体
i标记为斜体
sub标记和sup标记使文字成为下标或上标}

< &lt <
> &gt >
& &amp &
" &quot "
空格 &nbsp  
?(版权) &copy ©
× &times ×
? &reg ®
÷ &divide ÷

列表标签
三种列表形式
无需列表ul 列表项目标签<li>
有序列表ol 列表项目标签<li>
定义列表dl 列表项目标签<dt>注释标签<dd>

超链接标签<a></a>
基本格式为<a href="资源地址">链接文字</a>
资源地址是最重要的,一旦路径上出现差错,该资源就无法从用户端取得.1

协议名//服务器地址/文件位置/文件名:通讯端口

电子邮件链接

<a href="mailto:xiaohua9981@sina.com">这是我的电子邮箱</a>

目录标记锚点链接
1)创建一个定位标记,设置文件中将要链接的位置.
<a id="链接位置名称"></a>
2)在调用此链接的文件中的特定部分,定义链接.
格式是:<a href="文件名#链接位置名称">链接文字</a>
如果是在一个文件内跳转,文件名可以省略不写

图像标签<img>
<img src="images/ball.gif">
src 图像的url路径
alt 提示文字
width 图像宽度
height 图像高度
音频标签<>
视频标签<>
<video></video>
<audio></audio>
autoplay 自动播放
loop 循环
preload 预备播放如果使用autoplay 则忽略该属性

表格标签<table>,<th>,<tr>,<td>
在一个最基本的表格中,必须包含一组<table>标签,一组标签<tr>和一组<td>或<th>.

<table></table>定义一个表格开始和结束
<tr></tr>定义一行标签一组行标签内可以建立由<td>或<th>标签定义的单元格
<th></th>定义表头单元格.其中的文字以粗体显示.<th>标签必须放在<tr>标签内
<td></td>定义单元格标签,<td>标签必须放在<tr>标签内.
合并多列
<th colspan=#> <td rowspan=#>

表格的标题标签<caption>

块级元素与内嵌元素
块级元素 div blockquote 列表元素(dl ol ul)
fieldset form h1-h6 hr p pre table等
内嵌元素 span a img label 所有的表单输入元素 iframe object等
块级元素换行,内嵌不换行

文档级标记<html><head><body>

表单
<form id="myForm" name="myForm" action="default.jsp" method="post">
</form>

最小的表单格式
<form action="表单处理程序的URL" 数据发送到哪里method="get|post"></form> 如何发送到处理程序的.

accept 规定通过文件上传进行提交的文件类型
accept-charset 规定服务器处理表单数据所接受的字符集
enctype 设置表单资料的编码方式

Input和type type是属性用户输入区
select和option 下拉列表
textarea 多行输入的文本框

0 0