1.软件架构
CS:client/server 客户端/服务器端
BS:browser/server浏览器/服务器端
1.1.BS架构的详解
1.1.1. 资源分类 分为静态资源和动态资源
静态资源:
- 使用静态网页开发技术发布的资源(html css javascript)
- 如新闻,不管是谁,看的一样
- 如果用户请求的是静态资源,那么服务器会直接将静态资源发送给浏览器,而浏览器内置了静态资源解析引擎,可以展示静态资源。
动态资源:
- 使用动态网页技术开发发布的资源(jep/servlet,php,asp)
- 所有用户访问,得到的结果可能不一样
- 如果用户请求的动态资源,那么服务器会执行动态资源,转换(后面得明白如何转换)为静态资源,然后服务器端往浏览器发送的是静态资源。
2.HTML
用于搭建基础网页,展示页面的内容,超文本标记语言,超文本(用超链接的方法将各种不同的文字信息组织在一起的网状文本),标记语言(就是<标签名称>):如html、xml。标记语言不是编程语言,写上就会执行。
2.1.标签分类
- 围堵标签:<html></html> <head></head> <body></body>
- 自闭和标签:开始标签和结束标签在一起,也就是一行前后,如<br/>(换行符)
- 标签可以嵌套 需要正确的嵌套,不能你中有我,我中有你。
- 如何定义属性:在开始标签中可以定义属性,属性是由键值对构成,值需要用引号(单双引号都行)
- 大小写区分么? html中不区分大小写,建议小写。
2.2.标签学习:
- 文件标签
- 文本标签
- 图片标签
- 列表标签
- 超链接标签 :
<a> 定义一个超链接 ,如<a >点我</a>
属性:1.href:指定访问资源得url(统一资源定位符)
2.target: _self 默认值,本页面打开 _blank 新页面打开
3.除了访问外部链接,也可以访问内部链接,即<a href=”./5_列表标签.html”>列表标签</a>
4.还可以添加一些邮箱等协议,如 <a href=”mailto:[email protected]”>联系我们</a> 点击联系我们,将会自启动本地邮箱客户端
<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/html"> <head> <meta charset="UTF-8"> <title>链接标签</title> </head> <body> <a href="https://www.baidu.com">点我</a><br> <!-- 超链接,在本页面显示--> <a href="https://www.baidu.com" target="_self">点我</a><br> <!-- 超链接,本页面显示 一般默认就是_self--> <a href="https://www.baidu.com" target="_blank">点我</a><br> <!-- 超链接,新增页面显示--> </body> </html>
- 表格标签
3.CSS
用于布局页面,美化工作
4.javascript
用于页面的动态效果,控制元素,而不是动态资源。第三节会学习
原文地址:https://www.cnblogs.com/rango0550/p/12175476.html
时间: 2024-10-05 01:15:23