# HTML_Study **Repository Path**: sudan1024/HTML_Study ## Basic Information - **Project Name**: HTML_Study - **Description**: HTML入门学习及笔记 - **Primary Language**: Unknown - **License**: Not specified - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-04-30 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # HTML_Study HTML入门学习及笔记 这是配套视频的源代码及笔记，欢迎访问，制作不易，希望大家能多star或者fork！ 相信该资料会对大家有所帮助，感兴趣的可以下载来玩一玩或者学一学。 效果展示请点击： HTML源码，点我，复制以后存为html文件，即可访问，有需要的也可以直接下载，求给个start 源代码： ``` Node_of_HTML

提醒：学习时右键查看源代码


第一部分-简单标签元素

1.超链接（默认替换链接）

2.新建窗口跳转至链接

3.原窗口替换链接

4.这一行是没有粗体、斜体时的效果，对比下面

5.这个是粗体

6.斜体效果

7.下划线效果

8.删除效果

9.粗体、斜体、下划线、删除效果叠加

第二部分-表格------------------------华丽的分割线---------------------------------



1.普通表格

名字 性别 密码
Admin 男啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊 123
Violet 女 456
Andy 男 xxx
名字 性别 密码



2.合并表格
aaa aaa aaa aaa
aaa aaa
aaa aaa aaa aaa


3.列表-分别为顺序、倒序和英文字母顺序排列

(1)顺序排列
  1. 你好
  2. 我好
  3. 大家好

(2)倒序排列
  1. 你好
  2. 我好
  3. 大家好

(3)英文字母顺序排列
  1. 你好
  2. 我好
  3. 大家好


4.列表嵌套
  1. 图像处理
    1. java
    2. python
    3. PHP
  2. 大数据处理
    1. java
    2. python
    3. PHP
  3. 自然语言处理
    1. java
    2. python
    3. PHP


5.无序标签



第三部分-表单------------------------华丽的分割线---------------------------------



1.普通文本框（可以输入信息）


2.含占位符的文本框


3.不含占位符的文本框（有提示）



4.限定输入字符数大小的文本框


5.拓宽了的的文本框


6.只读的文本框


7.密码隐藏的文本框


8.多行表单，任意拉伸


9.按钮




10.范围选择



11.选择框
选择

12.单选框
那个语言天下第一
java PHP JavaScript

12.下拉选择表单
你最喜欢的手机品牌是什么


13.下拉选择表单及手动输入


14.邮件、电话、url、日期颜色等


15.隐藏表单


16.图片按钮及选择文件
薇尔莉特永远喜欢我！



第四部分-插入图片------------------------华丽的分割线---------------------------------



1.创建图片
薇尔莉特

2.找不到图片时
薇尔莉特

3.点击图片跳转到某个网站
薇尔莉特

4.分区响应图（大家可以点击任意一个app来玩一玩，很有意思吧）

第五部分-插入视频------------------------华丽的分割线---------------------------------



点击进行播放

第六部分-插入音频------------------------华丽的分割线---------------------------------



提醒：调节好音量后点击进行播放
```