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/> | 表单标签 |


注释方法

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

  • 语法

<!--注释内容-->

  • 说明

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


相关推荐
mldong4 小时前
你的 Vue3 项目也能有钉钉同款审批流设计器:npm 装包,10 分钟画出第一条审批流
前端·vue.js
2分钟速写快排5 小时前
什么是 RAG?如何用 RAG 实现一个用户记忆?
前端·后端·ai编程
passerby60615 小时前
如何自己造一个时间处理库
前端·javascript·github
走到天涯海角6 小时前
react里面的长列表渲染优化
前端·react.js·前端框架
小羊没烦恼!6 小时前
Hello Web API系列教程——Web API与国际化
java·服务器·前端·javascript·php
北岛贰7 小时前
迷茫焦虑期,我做了一个带支付带官网的 AI 聊天虚拟恋人 App
前端·人工智能·后端
mayaairi8 小时前
Vue2 组件通讯(三):全局事件总线、PubSub、插槽与组件实例属性
前端·javascript·vue.js
kyriewen9 小时前
面试官问我:AI 都能写代码了,前端凭什么还值 25K
前端·javascript·人工智能
风骏时光牛马9 小时前
AI源码分析:拆解模型底层实现逻辑
前端
IT_陈寒10 小时前
React子组件莫名其妙重渲染?你可能漏了这个Hook
前端·人工智能·后端