第1天学习Web技术笔记

2021 年 07 月 13 日

709 次浏览

1122字数

## 手写笔记

![图1](https://xuegao.obs.cn-north-4.myhuaweicloud.com/theme/picture/wz/%E5%B0%8F%E5%AD%A6%E6%9C%9F%E5%89%8D%E7%AB%AF%20P1-min.png)
![图2](https://xuegao.obs.cn-north-4.myhuaweicloud.com/theme/picture/wz/%E5%B0%8F%E5%AD%A6%E6%9C%9F%E5%89%8D%E7%AB%AF%20P2-min.png)
![图3](https://xuegao.obs.cn-north-4.myhuaweicloud.com/theme/picture/wz/%E5%B0%8F%E5%AD%A6%E6%9C%9F%E5%89%8D%E7%AB%AF%20P3-min.png)

---

## 一.HTML介绍

1. 是什么
   叫做：超文本标记语言
   HTML5*H5*[最新]
   HTML标准:W3C(国际万维网组织)制订
2. 执行软件
   浏览器[Chrome,Firefox,Opera,Safari,Edge]
3. 为什么
   做web项目，界面用
4. 谁来用
   后端开发，web前端，网页美工UI
5. 什么时候用
   需要时使用
6. 用在哪
   用在网页上，搭建网页结构/元素

---

## 二.HTML表单开发

1. 表单怎么写

```html
<form action="此处写要跳转的网页名字">
	
</form>
```

2. 文本框怎么写

```html
文本框<input type="text" placeholder="此处为文本框占位字符，不写为空">
```

3. 密码框怎么写

```html
密码<input type="password" placeholder="请输入密码，此处为密码框占位字符，不写为空">
```

4. 单选按钮怎么写

```html
单选按钮<input type="radio" name="gender">单选按钮详情
```

5. 下拉选择怎么写

```html
下拉选择<select>
<option>1</option>
<option>2</option>
<option>3</option>
<option>写下拉选择内容</option>
</select>
```