1.markdown 格式
| # 标题1 |
| ## 标题2 |
| ### 标题3 |
| #### 标题4 |
| ##### 标题5 |
| ###### 标题6 |
| |
| * 无序列表 |
| * 无序列表 |
| * 无序列表 |
| |
| **强调** |
| |
| 分隔符 |
| *** |
| |
| 1. 有序列表 |
| 2. 有序列表 |
| 3. 有序列表 |
| |
| ```html |
| 代码块 |
| <html></html> |
| ``` |
| |
| 这是`行内代码` |
| |
2.如何掌握一个 HTML 标签
| 1.了解该标签的语义以及功能 |
| 2.了解该标签的属性以及属性值 |
| 3.了解该标签属于单标签还是双标签 |
3.基本页面模板
| |
| <!doctype html> |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <title>年轻人的第一个网页</title> |
| </head> |
| <body> |
| <h1>年轻人的第一个网页</h1> |
| <hr> |
| </body> |
| </html> |
4 HTML 标签总结
4.1 主体结构标签
标签名 |
语义和功能 |
属性 |
单标签还是双标签 |
html |
根标签 |
|
双标签 |
head |
页面头部 |
|
双标签 |
body |
页面主体 |
|
双标签 |
4.2 HEAD 中的标签
标签名 |
语义和功能 |
属性 |
单标签还是双标签 |
meta |
设置网页的元信息 |
charset:设置字符集编码(utf-8) |
单标签 |
title |
标题栏标题 |
|
双标签 |
4.3 格式排版标签
标签名 |
语义和功能 |
属性 |
单标签还是双标签 |
h1~h6 |
一级标题~六级标题 |
|
双标签 |
p |
段落 |
|
双标签 |
hr |
分隔线 |
|
单标签 |
br |
换行 |
|
单标签 |
pre |
内容原格式显示 |
|
双标签 |
div |
没有语义 |
|
双标签 |
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?