html和css基础:
一、前端基础:
软件的架构:
(1)C/S---客户端/服务器:
- 一般我们使用的软件都是C/S架构,比如QQ、360、office
- C表示客户端,用户操作的软件;S表示服务器,服务器负责处理软件的业务逻辑
- 特点:软件使用前必须得安装;软件更新时,服务器和客户端同时更新;而且不能跨平台使用;C/S通信采用自有协议,相对来说比较安全。
(2)B/S-----浏览器/服务器:
- B/S本质上也是C/S,只不过B/S架构的软件,是使用浏览器作为软件的客户端
- 通过使用网页形式使用,如淘宝、京东
- 特点,不需要安装;客户端不需要更新;软件可以跨平台使用
- 通行采用HTTP协议,相对来说不安全
二、结构:
- 结构:就是HTML页面结构
- 表现:css来控制样式
- 行为:javascript响应用户操作
三、html介绍:
可以使用记事本编辑代码,但是保存时,修改记事本.txt为.html。
//html基本结构
<html>
<head>
<title> </title>
</head>
<body>
<h1><h2>
......
</body>
</html>
四、html注释:
- <!-- -->、//、/** */等为注释,是不会直接显示在网页里,而是只在源码中出现,我们可以用注释对代码进行描述,使得其他开发者可以看到,从而帮助他们工作。注释内容一定要简明。
- html为根标签,每一个页面中只有一个根标签,根标签包括了网页中所有的内容。
- head是用来帮助浏览器解析网页,但是不会直接显示在网页页面里。
- title网页的标题标签,搜索引擎在检索页面时,首先会检索title,title里的名称可能会影响网页在搜索引擎里的排名。
- body设置网页主体内容,网页中所有可见内容都应该写在body中。
五、标签属性:
属性:可以通过属性设置标签中的内容,属性只能在开始标签中添加,属性为名值对结构,属性名=“属性值”,一个标签中可以设置很多个属性,属性之间需要使用空格隔开。