# WTF-HTML

**Repository Path**: sty20030818/WTF-HTML

## Basic Information

- **Project Name**: WTF-HTML
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-01-03
- **Last Updated**: 2024-01-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# WTF-HTML

WTF HTML教程，，帮助新人快速入门HTML，并完成一个极简版[Uniswap页面](https://github.com/WTFAcademy/WTF-HTML/blob/main/09_UniswapHTML/readme.md)。

---

## 开发工具

我们建议大家使用 [VSCode](https://code.visualstudio.com/download) 开发 HTML，并用浏览器（Chrome）打开`.html`文件进行浏览。

## 入门

**第1讲：Hello HTML** ：【[代码](https://github.com/WTFAcademy/WTF-HTML/blob/main/01_HelloHTML)】 【[教程](https://github.com/WTFAcademy/WTF-HTML/blob/main/01_HelloHTML/readme.md)】

**第2讲：HTML元素** ：【[代码](https://github.com/WTFAcademy/WTF-HTML/blob/main/02_Element)】 【[教程](https://github.com/WTFAcademy/WTF-HTML/blob/main/02_Element/readme.md)】

**第3讲：常用文本标签** ：【[代码](https://github.com/WTFAcademy/WTF-HTML/blob/main/03_Text)】 【[教程](https://github.com/WTFAcademy/WTF-HTML/blob/main/03_Text/readme.md)】

**第4讲：列表和表格** ：【[代码](https://github.com/WTFAcademy/WTF-HTML/blob/main/04_List)】 【[教程](https://github.com/WTFAcademy/WTF-HTML/blob/main/04_List/readme.md)】

**第5讲：表单** ：【[代码](https://github.com/WTFAcademy/WTF-HTML/blob/main/05_Form)】 【[教程](https://github.com/WTFAcademy/WTF-HTML/blob/main/05_Form/readme.md)】

**第6讲：超链接** ：【[代码](https://github.com/WTFAcademy/WTF-HTML/blob/main/06_Hyperlink)】 【[教程](https://github.com/WTFAcademy/WTF-HTML/blob/main/06_Hyperlink/readme.md)】

**第7讲：图片** ：【[代码](https://github.com/WTFAcademy/WTF-HTML/blob/main/07_Img)】 【[教程](https://github.com/WTFAcademy/WTF-HTML/blob/main/07_Img/readme.md)】

**第8讲：语义元素** ：【[代码](https://github.com/WTFAcademy/WTF-HTML/blob/main/08_SemanticElements)】 【[教程](https://github.com/WTFAcademy/WTF-HTML/blob/main/08_SemanticElements/readme.md)】

**第9讲：HTML5** ：【[代码](https://github.com/WTFAcademy/WTF-HTML/blob/main/09_HTML5)】 【[教程](https://github.com/WTFAcademy/WTF-HTML/blob/main/09_HTML5/readme.md)】

**第10讲：响应式设计** ：【[代码](https://github.com/WTFAcademy/WTF-HTML/blob/main/10_Responsive)】 【[教程](https://github.com/WTFAcademy/WTF-HTML/blob/main/10_Responsive/readme.md)】

**第11讲：HTML与JavaScript** ：【[代码](https://github.com/WTFAcademy/WTF-HTML/blob/main/11_JavaScript)】 【[教程](https://github.com/WTFAcademy/WTF-HTML/blob/main/11_JavaScript/readme.md)】

**第12讲：HTML与CSS** ：【[代码](https://github.com/WTFAcademy/WTF-HTML/blob/main/12_CSS)】 【[教程](https://github.com/WTFAcademy/WTF-HTML/blob/main/12_CSS/readme.md)】

**第13讲：Uniswap页面** ：【[代码](https://github.com/WTFAcademy/WTF-HTML/blob/main/13_UniswapHTML)】 【[教程](https://github.com/WTFAcademy/WTF-HTML/blob/main/13_UniswapHTML/readme.md)】

**第14讲：BAYC页面** ：【[代码](https://github.com/WTFAcademy/WTF-HTML/blob/main/14_BAYCHTML)】 【[教程](https://github.com/WTFAcademy/WTF-HTML/blob/main/14_BAYCHTML/readme.md)】

## 资源

MDN HTML教程：[链接](https://developer.mozilla.org/zh-CN/docs/Learn/HTML)

## WTF HTML贡献者
<div align="center">
  <h4 align="center">
    贡献者是WTF学院的基石
  </h4>
  <a href="https://github.com/WTFAcademy/WTF-HTML/graphs/contributors">
    <img src="https://contrib.rocks/image?repo=WTFAcademy/WTF-HTML" />
  </a>
</div>