又来写周记了

最新推荐文章于 2024-10-10 11:15:29 发布

李白白.

最新推荐文章于 2024-10-10 11:15:29 发布

阅读量43

点赞数

文章标签： html

本文链接：https://blog.csdn.net/qq_3047318787/article/details/134624244

版权

现在的任务是写项目，做一个网页

学习练习的过程中发现文字，盒子，图片乱飞，气笑了

下面是一点笔记吧

A

软件两种架构：C/S和B/S

前端学B/S

C/S：

客户端/服务器

1.一般我们使用的软件都是C/S架构，eg软件QQ，360

2.C表示客户端，用户通过客户端来使用软件

3.S表示服务器，服务器负责处理软件的业务逻辑

特点：

1.软件使用前必须得安装

2.软件更新时，服务器和客户端得同时更新

3.C/S架构的软件不能跨平台使用（安卓，ios）

4.C/S架构软件客户端和服务器通信采用的是自有协议，相对比较安全（协议==密码）

B/S：

浏览器/服务器

1.B/S本质上也是C/S，只不过B/S架构的软件，使用浏览器作为软件的客户端

2.B/S架构软件通过使用浏览器访问网页的形式，来使用软件（eg京东，淘宝，微博）

特点：

1.软件不需要安装，直接使用浏览器访问指定的网址即可

2.软件更新时，客户端不更新

3.软件可以跨平台，只要系统中有浏览器，就可以使用

4.B/S架构的软件，客户端和服务器之间通信采用的是通用的HTTP协议，相对来说不安全（可加HTTPS协议进行加密）

软件开发流程：

网页设计师根据需求设计网页--->前端工程师将手机做成静态网页--->后台工程师将静态的网页修改为动态网页

什么是结构，表现，行为

结构：

HTML用于描述页面的结构（骨架）

表现：

CSS用于控制页面中元素的样式（美化）

行为：

JavaScript用于响应用户操作（行动）

HTML

HTML（Hypertext Markup Language）超文本标记语言

超文本：超链接（从一个页面跳转到另一个页面）

超文本：“超级的文本”，内容更丰富

HTML：

负责网页的结构部分
使用标签的形式来表示网页中的不同组成部分

补充：

纯文本：在纯文本编辑器中编写的内容都是纯文本（eg记事本，Notepad++），网页就是用纯文本编写的

纯文本只能保持文本内容。图片，音频，视频等格式化的内容，都不能设置

标记：

生活中常见的图标都是一种标记，都有特殊含义。（文本变成超文本，就需要各种标记符号）

标签（一般成对出现），标记网页中的不同内容

eg：<开始标签名>内容</结束标签名>

        <h1>这是一个一级标题网页</h1>

根标签（有且只有一个）

eg：<html></html>

加上子标签：<html><head></head><body></body></html>

HTML标签属性：

可用于给标签提供附加信息
可以写在起始标签或单标签中
- <标签名属性名="属性值">
有些特殊的属性，没有属性名，只有属性值
- <input disabled>
注意：
- 不同的标签，有不同的属性；也有一些通用属性（在任何标签内都能写）
- 属性名，属性值不能乱写，都是W3C规定好的
- 属性名，属性值不区分大小写，但建议用小写
- 双引号也可以写成单引号，不写也行，但建议写双引号
- 标签中不要出现同名属性，否则后写的会失效

HTML基本结构：

【查看网页源代码】：程序员编写的源代码
【检查】：经过浏览器“处理”后的源代码

（日常开发中，检查用的最多）

语言：

每一个标记的写法，读音，使用规则，构成标记语言。

书写：

    <html>  
            <head>
                    <title>这是一个不会显示出来的网页</title>
            </head>
            <body>
                    <h1>这是一个一级标题网页</h1>
            </body>
    </html>

注意：

head标签中的内容不会在网页中直接显示，它是用来帮助浏览器解析页面的

body标签用来设置网页的主体内容，网页中所有可见的内容，都应该在body中编写

title网页的标题标签，默认会显示在浏览器的标题栏中
- 搜索引擎在检索页面时，会首先检索title标签中的内容
- 它是网页中对于搜索引擎来说最重要的内容，会影响到网页在搜索引擎中的排名

练习eg：

//该内容为：

*网页标题：毁灭吧 *网页内容：我是神经病，离神经病远一点

                <!--
                    //属性：   
                                可以通过属性来设置标签，处理标签中的内容
                                可以在开始标签中添加属性
                                属性需要写在开始标签中，实际上就是一个名值对的结构
                                
                    * 格式：   属性名="属性值"
                            
                    /注： 一个标签中可以同时设置多个属性，属性之间需要使用空格隔开
                    
                -->

补充：

size的最大就是7

文档声明

Html有很多版本，因此需要在网页最上面添加一个doctype声明（告诉浏览器网页的版本）

eg：

        标准模式（Standards Mode）
        怪异模式（Quirks Mode）
    -->

元素

一个完整的标签成为元素（元素<=>标签）
- eg：
元素：h1
元素：p 子元素：em （p是em的父元素）

HTMl字符编码

乱码出现的原因：
- 计算机中的任何内容，最终都需要转换为0或1这种二进制编码来保存
- 在读取内容时，需要将二进制编码转换为正确的内容
编码【存储】：根据一定的规则，将字符转换为二进制编码的过程
解码【读取】：二进制编码-->字符

字符集：

编码和解码所采用的规则，称为字符集

常见字符集：

ASCII 大小写字母，数字，一些符号，共计128个

ISO-8859-1 在ASCII基础上，扩充了一些希腊字符等，共计是256个

GB2312 继续扩充，收录了6763个常用汉字，682个字符

GBK 收录了的汉字和符号达到2000+，支持繁体中文

UTF-8 万国码，包含世界上哪个所有语言的：所有文字与符号（很常用）
注意：
- 存储时，务必采用合适的字符编号（否则无法存储，数据丢失）
- 存储时采用哪种方式编码，读取时就必须采用相同方式解码（否则数据能呈现，但数据错乱（乱码））