当前位置：首页 > article >正文

HTML基础学习（1）

article 2024/12/23 23:45:15

第一章、基础知识介绍
- 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>