《尚硅谷Web前端初学者零基础入门HTML+CSS基础教程全套完整版》学习记录1

软件的架构

我们常用的软件架构是C/S架构,即客户端/服务器架构。这种架构有三个特点:
1:软件使用前必须得安装
2:软件更新时,服务器和客户端得同时更新
3:C/S架构的软件不能跨平台使用
4:C/S架构的软件客户端和服务器通信采用的是自有协议,相对来说比较安全。(协议相当于密码本,对传输内容进行加密)

B/S架构(browsers/server)是指浏览器/服务器架构,本质上也是C/S,只不过B/S架构软件使用浏览器作为软件的客户端。通过使用浏览器访问网页的形式,来使用软件。
1:软件不需要安装
2:客户端不需要更新
3:只要系统中有浏览器,就可以跨平台使用:
4:B/S机构软件,客户端和服务器之间的通信采用的是通用的HTTP协议。

B/S架构软件开发流程:

1:产品经理对项目进行需求分析
2:网页设计师根据需求使用PS设计出网页
3:前端工程师将网页设计做成静态网页
4:后端工程师将静态网页修改为动态网页

万维网联盟(world wide web consortium:W3C)标准不是某一个标准,而是一系列标准的集合。网页主要由三部分组成:
结构(Structure):HTML
表现(Presentation):CSS
行为(Behavior):JavaScript

WHATWG:网页超文本应用技术工作小组,以推动HTML5标准为目的成立的组织。

HTML简介

HTML(Hypertext Markup Language)超文本标记语言,使用标签的形式来标识网页中的不同组成部分,叫做标记

所谓超文本指的是超链接,使用超链接可以让我们从一个页面跳转到另一个页面。

纯文本中,只能保存文本内容,图片、音频、视频等格式化的内容都不能设置。

写网页非常简单,只需要打开记事本编写一个文件,将文件保存成html格式,就可以用浏览器打开。在网页中,右键可以查看网页源代码

标签使用尖括号<>括起来,标签一般都是成对出现的,有开始标签和结束标签,并且在结束标签前面加上一个斜线,比如我们使用<h1>标签来标识一句话:

<h1>这是我的第一个网页</h1>

网页的标准格式:

首先要有一个根标签<html></html>,网页中所有内容都应该写在根标签里面,根标签里面还有两个子标签,headbody标签<head></head><body></body>,head里面还有一个title标签<title></title>head标签用于设置网页头部信息,用于浏览器解析网页,head标签里的内容不会在网页直接显示。页面中所有可见的内容都在body标签里,title标签里面的内容会显示在网页标题上:

<html>
	<head>
		<title>这是一个网页</title>
	</head>
	<body>
		<h1>这是我的第一个网页</h1>
	</body>
 </html>
  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值