HTML基本知识

最新推荐文章于 2023-07-28 17:44:43 发布

吹吹夏夜的风

最新推荐文章于 2023-07-28 17:44:43 发布

阅读量380

点赞数

分类专栏：前端文章标签： HTML

本文链接：https://blog.csdn.net/weixin_40544320/article/details/100038792

版权

6 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--  html注释 符 -->
</body>
</html>

在这里插入图片描述

标题标签： <h1> </h1>
在这里插入图片描述
段落标签： <p> </p> ，会自动每个段落间隔一行
可以用   表示一个小空格。
为避免歧义：用 > 表示 > ; 用 < 表示 <

换行标签： <br \>

HTML 块标签和样式标签：
在这里插入图片描述

HTML 图片标签：
在这里插入图片描述

HTML 链接： <a> </a>

可以在里面使用图片链接，点击图片进行链接。
在这里插入图片描述

列表：

写下 ol>li*3 ，再按下 tab键，就会出现列表的样式并有三个。

写下 ul>(li>a{标题。。})*3 ，再按tab 键，就会出现可以链接的列表

写下 dl>(dt+dd)*3 ，再按tab 键，就会出现定义列表

在这里插入图片描述

表格：
table>(tr>td*3)*4 , 创建 4 行 3 列的表格。
在这里插入图片描述
合并单元格，需要修改行和列的个数，保证一致。

传统布局：

在这里插入图片描述

表单：

post 会把数据发送为服务器，而不在URL中显示。
在这里插入图片描述

在这里插入图片描述

在这里插入图片描述

这样就能点击文字是激活输入。 input 加上id, label 加 id

关注

专栏目录