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

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.xdnf.cn/news/18993.html

相关文章:

  • Matlab函数转C语言供Keil使用
  • 【论文阅读】Sparse4D v2:Recurrent Temporal Fusion with Sparse Model
  • PDF,HTML,md格式文件在线查看工具
  • TensorFlow 深度学习 | 使用子类 API 实现 Wide Deep 模型
  • 动态规划01背包
  • 当不想安装telnet或nc时,可使用 Linux 系统默认自带的bash原生网络功能或ping(辅助判断)测试连通性
  • 法律审查prompt收集
  • java19学习笔记
  • 【机器学习入门】3.2 ALS算法——从评分矩阵到精准推荐的核心技术
  • Java泛型使用常见报错
  • hive udf函数实现在sql查询网站价格
  • 网站加载慢,linux服务器接口请求响应变慢,怎么排查,一般是什么原因
  • 工业相机的类型及不同类型的应用
  • 一文说清楚ABAP中的‘显示提交(Explicit Commit)’和‘隐式提交(Implicit Commit)’
  • word去空格去空行_word辅助工具 word批量处理
  • Python采集小红书笔记详情,json数据返回
  • 深度解密SWAT模型:遥感快速建模、DEM/LU/气象数据不确定性、子流域/坡度划分、未来土地利用与气候变化情景模拟及措施效益评估
  • 生产环境Spark Structured Streaming实时数据处理应用实践分享
  • ZArchiver解压器:强大的安卓解压缩工具
  • 数据结构 第三轮
  • 使用 Dify 和 LangBot 搭建飞书通信机器人
  • Elasticsearch AI 语义搜索(semantic_text)
  • 群晖Nas上使用工具rsync工具usb同步数据
  • 国际期货Level2分时Tick历史行情数据处理分析
  • Vue2+Element 初学
  • 如何备份 TECNO 手机上的短信
  • position属性
  • rabbitmq学习笔记 ----- 多级消息延迟始终为 20s 问题排查
  • 2025最新uni-app横屏适配方案:微信小程序全平台兼容实战
  • Java开发MongoDB常见面试题及答案