当前位置: 首页 > news >正文

html入门教程

HTML 入门教程

什么是 HTML

HTML(HyperText Markup Language)是用于创建网页的标准标记语言。它通过标签(tags)定义网页的结构和内容,例如标题、段落、链接等。

基本 HTML 文档结构

一个最简单的 HTML 文档包含以下结构:

<!DOCTYPE html>
<html>
<head><title>网页标题</title>
</head>
<body><h1>一级标题</h1><p>这是一个段落。</p>
</body>
</html>

  • <!DOCTYPE html> 声明文档类型为 HTML5。
  • <html> 标签是根元素,包含整个 HTML 文档。
  • <head> 标签包含元信息,如标题、字符集等。
  • <title> 标签定义浏览器标签页上显示的标题。
  • <body> 标签包含网页的可见内容。
常用 HTML 标签

标题

<h1>一级标题</h1>
<h2>二级标题</h2>
<h3>三级标题</h3>

标题从 <h1><h6>,数字越大,字体越小。

段落

<p>这是一个段落。</p>

链接

<a href="https://example.com">这是一个链接</a>

href 属性指定链接的目标地址。

图片

<img src="image.jpg" alt="图片描述">

  • src 属性指定图片路径。
  • alt 属性提供图片的替代文本。

列表 无序列表:

<ul><li>项目一</li><li>项目二</li>
</ul>

有序列表:

<ol><li>第一项</li><li>第二项</li>
</ol>

表单

表单用于收集用户输入:

<form action="/submit" method="post"><label for="name">姓名:</label><input type="text" id="name" name="name"><input type="submit" value="提交">
</form>

  • action 属性指定表单提交的地址。
  • method 属性指定 HTTP 方法(getpost)。
  • <input> 标签定义输入字段。
HTML 注释

注释不会显示在浏览器中,用于代码说明:

<!-- 这是一个注释 -->

总结

HTML 是构建网页的基础,通过标签定义内容和结构。掌握基本标签后,可以进一步学习 CSS 和 JavaScript 实现更丰富的网页效果。

http://www.dtcms.com/a/356388.html

相关文章:

  • Java使用apache.commons.math3的DBSCAN实现自动聚类
  • 【Docker/Redis】服务端高并发分布式结构演进之路
  • 构建免费的音视频转文字工具:支持多语言的语音识别项目
  • OpenTenBase实战:从MySQL迁移到分布式HTAP的那些坑与收获
  • mysql双机热备(主主模式)
  • 桌面GIS软件添加第三方图层
  • 【web3】十分钟了解web3是什么?
  • Java 将HTML文件、HTML字符串转换为图片
  • 交叉编译 手动安装 libzip 库 移植ARM 需要 zlib的
  • R ggplot2学习Nature子刊一张图,换数据即可用!
  • [机器学习]基于K-means聚类算法的鸢尾花数据及分类
  • 把 AI 塞进「智能跳绳」——基于 MEMS 传感器的零样本卡路里估算器
  • 机器学习回顾——线性回归
  • GitHub 宕机自救指南:打造韧性开发体系
  • 基于站点、模式、遥感多源降水数据融合与评估;Python驱动下,从基础处理、机器学习建模到气候态产品生成的全流程解析
  • Consul 操作命令汇总 - Prometheus服务注册
  • 选华为实验工具:eNSP Pro 和社区在线实验哪个更适合?
  • 腾讯位置商业授权微信小程序距离计算
  • OpenAI GPT-realtime 实时语音 API 完整指南:2025年语音AI的革命性突破
  • STM32的RTC模块及其应用场景
  • MTK Linux DRM分析(二十三)- MTK mtk_drm_crtc.c(Part2)
  • 嵌入式Linux驱动开发 - GPIO LED驱动
  • 税务岗位能力提升培训课程推荐
  • 嵌入式Linux驱动开发:定时器驱动
  • 解析DB-GPT项目中三个 get_all_model_instances 方法的区别
  • 【WebRTC】从入门到忘记
  • 解密 Vue 3 shallowRef:浅层响应式 vs 深度响应式的性能对决
  • 园区智慧水电管理系统:让能源管理从“成本黑洞”变“利润引擎”
  • 【GM3568JHF】FPGA+ARM异构开发板 使用指南:以太网
  • nginx 怎么将 https 请求转为 http