2020-8-17JavaWebDay_04

今天晚上写了一个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>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值