← 返回列表

WEB 学习&HTML

WEB前端基础之HTML

WEB 学习&HTML
本文目录

这篇文章没有小标题,慢慢往下读吧。

前端开发
语言:HTML,CSS,JavaScript
前后端分离:降低成本,提高性能... 、

代码案例

xml
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8>
<title>HELLO WORLD</title>
<body>
<h>aaaaa</h>
<p>bbbbb</p>
</body>
</html>

理解:
1.<!DOCTYPE html>说明html是哪个版本
2.<head>....</head>头部
其中<title>..</title>标题(必须存在)
<meta>类似于对其的描述,用来索引
3.<body>...</body>主体
<h>...</h>标题
<p>...</p>段落
还有其他的标签,因为通过询问得知html能看懂就好,所以我就没有用很专业的语言去解释
在此其他的标签我也不过多赘述了

通过了解后html也就告一段落了
但是我想尝试自己用html搭建一个登陆界面

xml
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>WELCOME</title>
    </head>
    <body>
        <h1>用户登录</h1>

    <p>
        <label for="username">用户名:</label>

        <input type="text" id="username" name="username" placeholder="请输入用户名" required>
    </p>
    <p>
        <label for="password">密码:</label>
        <input type="password" id="password" name="password" placeholder="输入密码" required>
    </p>
    <p>
        <button type="submit">登录</button>
    </p>

    </body>
</html>

哦耶!运行成功

屏幕截图 2026-10-29 220014

而且通过自己动手又了解到这个是需要打包提交到服务器的(但是我没弄)
type+text普通文本输入框
required,必填,禁止空着
password是为了隐藏密码,如果用get则会显示密码拼在网址后面。

补充
为什么不直接做题?
因为我的基础特别薄弱,直接做题还是会或多或少的依赖AI,不如先打好基础TAT

评论 0

评论

0

还没有人说话,沙发空着。

说点什么

0 / 1000
留言会先经过审核,请别重复提交。