html-css自学笔记1（前端理解架构，注释，标签）

爱被打了一巴掌 2023-02-28 08:59 5阅读 0赞

# html和css基础： #

### 一、前端基础： ###

**软件的架构：**

（1）C/S---客户端/服务器：

1.  一般我们使用的软件都是C/S架构，比如QQ、360、office
2.  C表示客户端，用户操作的软件；S表示服务器，服务器负责处理软件的业务逻辑
3.  特点：软件使用前必须得安装；软件更新时，服务器和客户端同时更新；而且不能跨平台使用;C/S通信采用自有协议，相对来说比较安全。

（2）B/S-----浏览器/服务器：

1.  B/S本质上也是C/S，只不过B/S架构的软件，是使用浏览器作为软件的客户端
2.  通过使用网页形式使用，如淘宝、京东
3.  特点，不需要安装；客户端不需要更新；软件可以跨平台使用
4.  通行采用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中。

### 五、标签属性： ###

属性：可以通过属性设置标签中的内容，属性只能在开始标签中添加，属性为名值对结构，属性名=“属性值”，一个标签中可以设置很多个属性，属性之间需要使用空格隔开。