HTML笔记:概念介绍

目录

web概念概述

软件架构

B/S架构详解

HTML


web概念概述

  • JavaWeb
    • 使用Java语言开发基于互联网的项目

软件架构

C/S: Client/Server 客户端/服务器端
  • 在用户本地有一个客户端程序,在远程有一个服务器端程序
    • 如:QQ,迅雷...
  • 优点
    • 用户体验好
  • 缺点
    • 开发、安装,部署,维护 麻烦
B/S:Browser/Server 浏览器/服务器端
  • 只需要一个浏览器,用户通过不同的网址(URL),客户访问不同的服务器端程序
  • 优点
    • 开发、安装,部署,维护 简单
  • 缺点
    • 如果应用过大,用户的体验可能会受到影响
    • 对硬件要求过高

B/S架构详解

  •  资源分类:
静态资源
  • 使用静态网页开发技术发布的资源
  • 特点
    • 所有用户访问,得到的结果是一样的
      • 如:文本,图片,音频、视频, HTML,CSS,JavaScript
    • 如果用户请求的是静态资源,那么服务器会直接将静态资源发送给浏览器。浏览器中内置了静态资源的解析引擎,可以展示静态资源
动态资源
  • 使用动态网页及时发布的资源
  • 特点
    • 所有用户访问,得到的结果可能不一样。
      • 如:jsp/servlet,php,asp...
    • 如果用户请求的是动态资源,那么服务器会执行动态资源,转换为静态资源,再发送给浏览器
  • 静态资源:
HTML
  • 用于搭建基础网页,展示页面的内容
CSS
  • 用于美化页面,布局页面
JavaScript
  • 控制页面的元素,让页面有一些动态的效果

HTML

  • 概念:是最基础的网页开发语言
    • Hyper Text Markup Language 超文本标记语言
  • 超文本:
    • 超文本是用超链接的方法,将各种不同空间的文字信息组织在一起的网状文本.
  • 标记语言:
    • 由标签构成的语言。<标签名称> 如 html,xml
    • 标记语言不是编程语言
  • 入门案例
    •  html文档后缀名 .html 或者 .htm
  • 标签分为
围堵标签
  • 开始标签结束标签
    • 如 <html> </html> 
自闭合标签
  • 开始标签和结束标签在一起
    • 如 <br/>
  • 标签可以嵌套:
    • 需要正确嵌套,不能你中有我,我中有你
      • 错误:<a><b></a></b>
      • 正确:<a><b></b></a>
  • 开始标签中可以定义属性
    • 属性是由键值对构成值需要用引号(单双都可)引起来
  •  html的标签不区分大小写,但是建议使用小写。
<html>

	<head>
		<title>title</title>
	</head>
	
	<body>
		<FONT color='red'>Hello World</font><br/>
		
		<font color='green'>Hello World</font>
	
	</body>

</html>
  • 【注】:参考黑马HTML教程

猜你喜欢

转载自blog.csdn.net/baidu_41388533/article/details/108449288
今日推荐