今天晚上写了一个html静态网页,一不小心写到18号去了
B/S架构详解:
资源分类:
1.静态资源;
2.动态资源;
1.使用静态网页开发技术发布的资源:
特点:
所有用户访问得到的结果都一样;
如:文本,图片,音频,视频,HTML,CSS,JavaScript;
如果用户请求的是静态资源,那么服务器会直接将静态资源发送给浏览器,浏览器内置的静态资源解析引擎可以将静态资源展示;
2.使用动态网页技术发布的资源:
特点:
所有用户访问,得到的结果可能不一样;
如:jsp/servlet,php,asp..
如果用户请求的是动态资源,那么服务器会执行动态资源,转换为静态资源,再发送给浏览器;
静态资源:
HTML:用于搭建基础网页,展示页面的内容;
CSS:美化页面,布局页面;
JavaScript:控制页面元素,使页面有一些动态的效果;
HTML:
最基础的网页开发语言;
概念:
HyperText Markup Language:超文本标记语言;
超文本:
超文本是用超链接的方法,将不同空间的文字信息组织在一起的网状文本;
标记语言:
由标签构成的语言.<标签名称>如html xml;
标记语言不是编程语言;
快速入门:
语法:
1.html文档后缀名(.html或.htm);
2.标签分类:
围堵标签:有开始和结束标签;
自闭和标签:开始和结束在一起; 如<br />;
3.标签可以嵌套:
正确:<a><b></b></a>;
错误<a><b></a></b>;
4.在开始标签中可以定义属性,属性是由键值对组成,值需要用引号(单双都可)括起来;
5.html标签不分大小写,建议小写;
标签:
1.文件标签:构成html最基本的标签;
<html>:html文档的根标签;
<head>:头标签,用于去指定html文档的一些属性,引入外部资源;
<title>:标题标签;
<!DocTYPE html>:定义该文档是html类型;
2.文本标签:
<h1>--><h6>:标题标签,字体逐渐变小;
<p>:段落标签;
<br>:换行标签,自闭和;
<hr>:显示一条水平线,自闭和.属性:color wideth size align;
<b>:字体加粗;
<i>:斜体;
<font>:格式,属性:face,color,size;
<center>:居中;
3.图片标签:
<img>;
属性:
src:指定图片位置;
4.列表标签:
<ol>:有序;
<ul>:无序;
<li>:列表项;
5.链接标签:
<a>;
属性:
href:指定访问资源的URL;
target:
_self:在当前页面打开,默认;
_blank:空白页面打开;
6.块状标签:
<span>:行内标签,内联标签;
<div>:占一整行;
7.语义化标签:
<header>;
<footer>;
如其意;
8.表格标签:
<table>:定义表格;
属性:
cellspacing:定义单元格之间的距离,如未为0,单元格线变为一条;
cellpadding:定义内容和单元格距离;
border:边框;
width:宽度;
bgcolor:背景色:
<tr>:行;
bgcolor;
align
<th>:表头;
<td>:单元格;
colspan:合并列;
rowspan:合并行
<caption>:标题;
<thead>;
<tbody>;
<tfoot>