html简单案例

以下是5个HTML简单案例:

  1. 显示文本和图片

    我的网页

    欢迎来到我的网页

    这是一个段落,用于介绍我的网页。

    一张图片

该示例中,使用h1标签显示一级标题,使用p标签显示段落,使用img标签显示图片。

  1. 布局和样式

    我的网页

    欢迎来到我的网页

    这是一个段落,用于介绍我的网页。

    一张图片

该示例中,使用style标签定义了网页的样式,使用div标签布局网页,并使用id属性给不同的元素命名。其中,#header#content是两个具有不同样式的区域。

  1. 超链接

    我的网页

    欢迎来到我的网页

    这是一个段落,用于介绍我的网页。

    前往百度

该示例中,使用a标签定义超链接,将该链接指向百度网站。

  1. 表格

    我的网页

    欢迎来到我的网页

    姓名 年龄 性别
    张三 25
    李四 30

该示例中,使用table标签定义表格,使用tr标签定义行,使用thtd标签定义表头和单元格。

  1. 表单

    我的网页

    欢迎来到我的网页




该示例中,使用form标签定义表单,使用label标签定义表单标签,使用input标签定义表单控件,其中type属性指定了控件类型,如文本框、邮箱和密码等。

相关推荐
BigTopOne4 分钟前
ArLiveLite — System Architecture
前端
JL1516 分钟前
如何用 MySQL 持久化、历史快照与游标实现多步 Redo/Undo
前端·数据库·mysql
灯澜忆梦26 分钟前
【基于GO的Web开发9】gin框架返回json
前端·后端·golang·gin
IMPYLH31 分钟前
HTML 的 <ins> 元素
前端·javascript·html
kymjs张涛33 分钟前
DeepSeek Harness源码分析:非 AI 开发者的 Agent 学习总结
前端·后端·面试
Dovis(誓平步青云)33 分钟前
番茄钟真正难的不是倒计时:启动、暂停、重置与页面销毁
android·服务器·前端
一千柯橘36 分钟前
了解 dev-tools 不同的 debug 模式
前端
晨米酱36 分钟前
Umi Mock 如何从文件声明变成 HTTP 响应
前端·javascript·设计
小粉粉hhh38 分钟前
记录前端菜鸟的日常——自动打包脚本
前端
CodeStats1 小时前
【Java进程通信】Java进程通信系统完全指南:从ProcessBuilder底层原理到多语言实战
java·前端·python·进程·ai编程·processbuilder