2021/9/29

网页简介

服务器开发语言
- Java
- PHP
- Node.js
- Python
- C#

客户端形式
- 文字客户端
- 图形化界面
- 网页
  - 不需安装
  - 无须更新
  - 跨平台
  - 使用语言：HTML / CSS / JavaScript

W3C规范
- 网页的组成：
  - 结构：html（描述页面的结构）
  - 表现：css（控制页面中的元素样式）
  - 行为：JavaScript（响应用户操作）

HTML简介

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

文本：纯文本编辑器写出来的东西。如，记事本
新建文本文档：搜索 - notepad - 回车
推荐文本编辑器：notepad++

第一个网页

网页是由一个一个标签(也可以叫做元素)构成的，有头有尾 <标签名>我是标题</标签名>
eg： < h1 >我是一级标题< /h1 >
分段：< p >wwwww< /p >

根标签：< html > 网页中所有的内容都应该写到根标签（元素）里面 < /html >
< html >的子标签是< head >< body >，< head >的子标签< title >.

< head >中的内容是给浏览器看的，不显示。
浏览器中对用户可见的内容全写在< body >< /body >中。
< title >< /title >里写网页的标题，显示在标题栏。

自结束标签和注释

自结束标签：例如，< img >或< img />; < input >或< input />，只有自己，没有结束标签。
注释：<! - - - -> ，不直接显示，但可以在源码中查看。
【养成良好的编写注释的习惯，要求简单明了】
【注释不允许嵌套】

文档声明

html的文档声明
<!doctype html> or <!Doctype HTML>
写到第一行

进制

进制：
十进制
* 单位数字：10个（0-9）
二进制
* 单位数字：2个（0、1）
八进制（很少用）
* 单位数字：8个（0-7）
十六进制
* 单位数字：16个（0-9，a-f）

字符编码

所有数据在计算机中都是以二进制存储
编码：将字符转换为二进制码的过程。
解码：二进制转换为字符
乱码问题：编码和解码采用的字符集不同。
ASCII、GB2312、GBK、UTF-8（全球通用）
可以通过meta标签来设置网页的字符集，避免乱码问题。
<meta charset="utf-8">

完整的文档结构

文档：相当于开发说明书

zeal: 权威、纯英文、内容全
W3schlool 中文

2021/9/30

VScode安装及使用

快捷键：
ctrl+/ 注释
标签名 + tab 直接生成完整标签
！+ tab/Enter 生成初始网页模板

alt+shift+方向键向某方向复制
lorme+tab键生成一段英文文本

配置Live server ：实时刷新浏览器（右键 - Opening live serer）
设置 - auto save - afterdelay 文件自动保存

实体

meta标签

语义化标签

语义化标签

块元素和行内元素

* 块元素：对页面内容进行布局

2021/10/1 国庆快乐！学习也不能停哦！

语义化标签2

列表

超链接

< a >
< a href = " " >
1/ 在当前页面中打开超链接：target属性(指定超链接的打开位置)，选值_self
2/ 在一个新的页面中打开超链接：target属性，选值_blank
3/ 回到当前页面顶部：href属性，选值 #
4/ 跳转到页面的指定位置：将href属性设置为 #目标元素的id属性值
id属性（唯一不重复的）
- 每一个标签都可以添加一个id属性
- 是元素的唯一标识，页面中不能出现重复的id属性