目录
- 第一章、基础知识介绍
- 1.1)基础知识介绍
- 1.1.1)计算机介绍:硬件和软件
- 1.1.2)架构介绍
- 1.1.3)网站介绍
- 1.2)HTML基础介绍
- 1.2.1)HTML创建网页文件与标签
- 1.2.2)标签
- 1.2.3)标签的属性
- 1.2.4)html的结构和标签
- 第二章、开发准备
- 2.1)下载vscode
- 2.1.1)官网下载
- 2.1.2)安装插件
- 2.2)字符编码介绍
- 2.3)设置网站图标
- 2.4)附录:开发者文档
友情提醒:
先看目录,了解文章结构,点击目录可跳转到文章指定位置。
第一章、基础知识介绍
1.1)基础知识介绍
1.1.1)计算机介绍:硬件和软件
1.1.2)架构介绍
1.1.3)网站介绍
1.2)HTML基础介绍
1.2.1)HTML创建网页文件与标签
HTML是超文本标记语言:更丰富的文本,能够识别标记,这些标记有自己的语法,规则。
1.将文本文档后缀改为 .html
2.将文本使用标签包裹例如:
<marquee>跑马灯效果,跑马灯</marquee>
跑马灯效果,跑马灯
1.2.2)标签
双标签
<marquee>三生三世十里桃花 </marquee>
单标签,仅有少数的几个
<input>
标签里面可以夹着其他标签,例如:
<marquee> 三生三世十里桃花<input></marquee>
1.2.3)标签的属性
1.空格分隔作为区分,
属性loop代表循环次数
属性bgcolor代表背景颜色
属性type 代表类型
属性disabled代表禁用
<marquee loop="1" bgcolor="orange">
三生三世十里桃花
<input type="password">
<input disabled>
</marquee>
1.2.4)html的结构和标签
<!DOCTYPE html>
是文档声明
<meta charset="UTF-8">
设置编码方式
<html lang="zh">
设置语言
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>
标题111111111111111111111111111
</title>
</head>
<body>
<marquee loop="1" bgcolor="orange">
三生三世十里桃花
<input type="password">
</marquee>
</body>
</html>
第二章、开发准备
2.1)下载vscode
2.1.1)官网下载
vscode官网
官网下载windows版本,一键安装
2.1.2)安装插件
1.搜索插件
2.点击安装/install按钮。安装插件
3.安装其他插件
2.2)字符编码介绍
链接:字符编码的介绍,以及乱码
2.3)设置网站图标
1.图片后缀为.ico
2.图片必须和代码文件同层
3.图片要拖进vscode内
2.4)附录:开发者文档
w3c官网
https://www.w3school.com.cn/
附录:标签汇总
html标签汇总