【无标题】笔记

最新推荐文章于 2025-12-21 15:55:57 发布

原创最新推荐文章于 2025-12-21 15:55:57 发布 · 270 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#笔记

重要人物：图灵（破译德国战争编码-英格玛）冯诺依曼（规定二进制）

计算机：硬件:CPU 内存硬盘

软件：系统软件

应用软件

应用——服务器——应用

应用的两种构架：C/S 构架:需安装偶尔更新不跨平台

B/S构架：无需安装无需更新可跨平台

大型应用软件，对安全性要求较高的应用必须使用B/S架构

前端：基础写网页

主流浏览器：chrome IE Firefox safari opera

服务器（内含很多资源）——内核——页面

网址

网站

网页（n个）:架构：HTML (超文本标记语言)

表现：css

行为Java script（JS）

html :

内容

<input>

</marquee>源代码

标签（又名元素：element 可嵌套）

<标签名属性名=“属性值” 属性名=“属性值” >

标签属性（提供附加信息）

注：1.不同标签有不同属性；也有一些通用属性

2.属性名属性值不能乱写，都是w3c规定好的

3.属性名和属性值均以小写为主

4.双引号规范（虽然可以写成单引号或者不写但是最好是规范的双引号）

5.标签中不要出现有同名属性否则后写的会失效

基本结构：

源代码只写出标签属性如:<marquee>尚硅谷，没有难学的技术</marquee>实际不合法，浏览器会自动识别并且修改，所以要注意代码规范

固定的结构：

<html>

<head>

<title>学习使用VScode

</head>

<body>

<marquee loof="1" bgcolor="red">新建学习HTML</marquee>

<input>

</body>

</html>

打开网页后右键检查

网页结构：

1.想要呈现的内容在bady中

2.head 中的内容不会出现在网页（标签和属性）的内容中

3.head中的title会出现在标题中

VScode

1.安装中文语言包

2.打开文件夹的两种方式

3.调节字体大小

4.想要切换小图标，就是用拓展中搜索icons

5.想要删除就去小漏斗中的筛选已安装的删除

安装liveserver

1.方便打开网页

2.打开网页的方式更贴近项目上线

3.代码出现改动后可以自动刷新

4.自动保存

避免的坑：1.VScoad只能打开文件夹，否则无法工作形成网页

2.必须是标准的HTML的结构否则无法自动刷新

HTML注释

注释快捷键ctrl+/ 撤销快捷键ctrl+z

文档声明(告诉浏览器当前的版本）

<!DOCTYPE html>

DOC:document

TYPE:type

字符编码

原则：

1.存储时必须采用合适的字符编码 否则无法存储数据会丢失

2.存储时用的哪种方式编码读取时就用哪种方式 否则会读取不成功（乱码）

设置语言：

翻译刷新，强制刷新，重新打开再刷新

标准结构：ctrl+shift+k

配置VScoad的内置插件emmet

在存放代码的文件夹中存放一个favicon.ico图片可以配置网站图标

MDN W3school

排版标签：

正文加粗大标题<h1>到<h6>不可以相互嵌套

段落标签<p>

<div>包裹段落（类似于生活中的包装袋）

语义化：标签默认的效果不重要（后期可以通过css随意调节效果）语义最重要

1.代码的可读性强清晰

2.有利于SEO（搜索引擎的优化）

3.方便设备解析（屏幕阅读器，盲人阅读器）

块级元素与行内元素

规则一：块级元素独占一行（块级和行内均可，几乎什么都能写）

规则二：行内元素不独占一行（可以写行内,但是不可块级元素）

<p>中不能有块