零基础学前端第一天
程序员文章站
2022-03-21 22:33:11
为了明年做准备，希望可以整理出自己的知识体系。 --- --- 人贵有恒...
网页设计基础
1、软件分类
-
系统软件
- Windows
- Linux
- MacOS
-
应用软件
- Office
2、软件组成
-
客户端
- 用户通过客户端来使用软件
-
服务器
- 服务器负责在远程处理业务逻辑
- 服务器负责在远程处理业务逻辑
3、客户端
-
客户端的形式
-
文字客户端
- 古老的方式，通过命令行使用软件
-
图形化界面
- 通过点击拖动来使用软件（C/S 架构）
-
网页
- 通过网页来使用软件，所有的网站都属于这个范畴 （B/S 架构）
-
文字客户端
4、网页开发使用语言
-
HTML
- HTML用于描述页面的结构 ------ 结构
-
CSS
- CSS用于控制页面中元素的样式 ------ 表现
-
JavaScript
- JavaScript 用于响应用户的操作 ------ 行为
5、网页简史
5.1 历史
- 蒂姆·伯纳斯·李爵士：万维网的发明人
- 1991年8月6日，世界上第一个服务器何第一个网站在欧洲核子研究中心上线
- 世界上第一个网站: http://info.cern.ch/hypertext/WWW/TheProject.html.
5.2 W3C的建立
- 1994年建立万维网联盟（W3C）
- W3C的出现为了制定网页开发的标准
- 我们编写的网页都需要遵循W3C的规范！
6. HTML简介
- HTML（Hypertext Markup Language）超文本标记语言
- 它负责网页的三个要素之中的结构
- HTML使用标签的形式来标识网页的不同组成部分
- 超文本是用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。
- 扩展名（.html / .htm）
7. HTML基础标签
标签语法:
<标签名></标签名>
7.2 基础结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>
7.1 标题标签
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
7.2 自结束标签与注释
<!-- 我是一个注释，不会被执行，只做解释说明作用 -->
<!-- 自结束标签表示 -->
<标签名>
7.3 标签中的属性
- 标签中还可以设置属性（开始标签或者自结束标签中设置）
- Key : Value结构（键值对）
<h1><font color='red'>落霞与孤鹜齐飞</font></h1>
- 上述代码效果
7.4 文档声明
- HTML5的文档声明，浏览器会按照h5的语法进行解析
<!DOCTYPE html>
7.5 字符编码
- 所有数据在计算机中存储都要使用二进制（0、1）
- 将字符转换为二进制码的过程称为编码
- 将二进制码转换为字符的过程称为解码
-
字符集（charset）
- 编码何解码所采用的规则称为字符集
- 常见的字符集：ASCII、ISO-8859-1、GBK、GB2312、Unicode（万国码）、UTF-8
- 乱码问题
- 编码何解码采用的字符集不同就会出现乱码问题
- 编码指定在meta标签中
<meta charset="UTF-8">- 用来设置网页的元数据
7.6 实体
- 在网页中编写的对各空格默认情况会自动被浏览器解析为一个空格
- 同样的大于小于号也无法打出，（因为标签包含）
- 列举一些常用实体
| 显示结果 | 描述 | 实体名称 | 实体编号 |
|---|---|---|---|
| 空格 | |   | |
| < | 小于号 | < | < |
| > | 大于号 | > | > |
8、学习总结
第一天就先到这里，对要学习的内容，做哪些准备有了一个大概的印象和规划。同时，掌握了一些基本概念，没有动手写太多的代码，明细那开始进行练习。老师说的对，好记性不如烂笔头！
加油！！！
你总是这样相信这自己！！！
本文地址：https://blog.csdn.net/Zesheng_Wang/article/details/110089536