HTML新手入门笔记整理:HTML基本介绍

网页

|------|-----------------------|
| 静态页面 | 仅可供用户浏览,不具备与服务器交互的功能。 |
| 动态页面 | 可供用户浏览,具备与服务器交互的功能。 |


HTML

HTML,全称HyperText Markup Language(超文本标记语言),是一种用于创建网页的标准标记语言。用于控制网页结构。

CSS,即Cascading Style Sheets(层叠样式表),用来控制网页外观的一种技术。

JS,JavaScript,一种嵌入到HTML页面中的脚本语言,由浏览器一边解释一边执行。用于控制网页行为。


基本结构


标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。

  • HTML 标签是由尖括号包围的关键词,比如 <html>
  • HTML 标签通常是成对出现的,比如 <b> 和 </b>
  • 标签对中的第一个标签是开始标签 ,第二个标签是结束标签
  • 开始和结束标签也被称为开放标签 和闭合标签
  • 标签分为"单标签"和"双标签"

结构

<标签>内容</标签>

一般标签

由于有开始符号和结束符号,因此可以在内部插入其他标签或文字。

自闭合标签

由于只有开始符号而没有结束符号,因此不可以在内部插入标签或文字。所谓的"自闭合",指的是本来要用一个配对的结束符号来关闭,然而它却"自己"关闭了。

|------------|------------------|
| 标签 | 说明 |
| <meta/> | 定义网页的信息(供搜索引擎查看) |
| <link/> | 引入"外部CSS文件" |
| <br/> | 换行标签 |
| <hr/> | 水平线标签 |
| <img/> | 图片标签 |
| <input/> | 表单标签 |


注释方法

对代码进行注释,可以方便理解查找以便同一个项目组的人员快速理解你的代码。

  • 语法

<!--注释内容-->

  • 说明

<!-- -->注释标签。<!--表示注释的开始,-->表示注释的结束。


相关推荐
卸任5 小时前
Vibe coding工具使用心得
前端·ai编程
brien96 小时前
为什么模型标称 1M,Google Antigravity 聊到 256K 却突然失忆?我们给它做了个原生行内监控圆环
前端
修炼的dance6 小时前
录屏关键帧间隔多少合适?六档实测,2秒到10秒小了75.6%
前端
Lank_M6 小时前
关键帧从1秒拉到10秒,录屏小87.3%,摄像头小10.8%
前端
补码缩写6 小时前
用 ffprobe 拆录屏,八成字节在 29 个关键帧上
前端
百思不得小李6 小时前
一个复杂的动态表单是如何实现的
前端·设计模式
陈随易7 小时前
Cmder 停更 17 个月,2.0 支持 Windows Terminal
前端·后端·程序员
风骏时光牛马7 小时前
前沿视界
前端
kyriewen7 小时前
我扫了 814 个依赖,97 个还敢要 Node 10
前端·javascript·程序员
陈随易7 小时前
3000 万人在用的翻译插件,重写一遍就是一门生意
前端·后端·程序员