前端 HTML 概述

目录

[1. HTML概述](#1. HTML概述)

[1.1 超文本标记语言](#1.1 超文本标记语言)

[1.2 标签](#1.2 标签)

[2. HTML 解析与编辑](#2. HTML 解析与编辑)

[2.1 解析与访问](#2.1 解析与访问)

[2.2 编辑 html文件](#2.2 编辑 html文件)


1. HTML概述

HTML( Hyper Text Markup Language:超文本标记语言 ):主要用于网页主体结构的搭建,在网页上展示内容;

1.1 超文本标记语言

超文本 :HTML 本质上是文本文件,通过 HTML 标签把图片、视频、音频等各种多媒体材料引入到当前网页中,其呈现效果超越文本;

标记语言 :HTML 有一系列标签组成,每个标签有固定的含义和确定的页面显示效果;

1.2 标签

标签:分为单标签,双标签;

单标签:又被称为"空标签",用一个标签符号(<>)即可完整描述某个功能的标签;

< input type ="text" name="user name" />

双标签:又被称为为"体标签",由开始和结束两个标签符号组成的标签;

<p> HTML is a very popular fore-end technology .</p>

<p>叫做开始标签 ,</p>叫结束标签 ,开始标签和结束标签构成一个完整的标签,开始标签和结束标签之间的部分叫做文本标签体,简称标签体

属性:控制标签的功能和呈现效果;

比如,type 是属性名 ,"text" 是属性值

< input type ="text" name="user name" />

2. HTML 解析与编辑
2.1 解析与访问

在实际生产中,后缀为 html 的文件部署在服务器上,用户在浏览器输入网址或点击网页就是在向服务器中的某个 html 文件发送请求,服务器会将某 html 文件以响应的形式通过网络发送给客户端,客户端中的浏览器解析并展示html 代码;

学习过程中,在本地存储 html文件,通过电脑中的浏览器进行解析并展示与访问服务器中的 html文件是一样的效果;

2.2 编辑 html文件

前面说过,html 本质上是文本文件 ,因此文本编辑工具都可以编辑;

创建文本文档,修改后缀名为 .html,打开记事本编辑内容;

当然,内容需要遵循一定的语法,这里只是简单举例;

相关推荐
_阿南_8 小时前
项目中新增给AI制定的代码规范
前端·程序员
名字还没想好☜9 小时前
React 实现暗黑模式切换:localStorage 持久化、SSR 首屏闪烁与跟随系统主题
前端·javascript·react.js·ecmascript·react·next.js
console.log('npc')10 小时前
Git 冲突与 AI 协助指南
前端·人工智能·git·大模型
爱学堂IT分享11 小时前
Cesium可视化系统实战课程-Cesium教程学习
前端
糖墨夕11 小时前
理解大语言模型:Agent 的“大脑”
前端·agent
Rain的Java大神之路11 小时前
JavaWeb开发如何解决跨域问题
java·前端·后端·nginx·web安全·面试·运维开发
cpolar技术支持12 小时前
浏览器也能跑本地 AI:用 Transformers.js + WebGPU 做一个最小推理 Demo,cpolar 给同事远程体验
前端·ai·cpolar·webgpu·transformers.js
计算机魔术师13 小时前
OpenAI 发布 GPT-6 Astra:多项基准刷新纪录, cybersecurity 能力达 Critical 阈值
前端
xy345313 小时前
Axure9.0中继器遮罩实现方法
前端·ui·html·axure·原型·产品设计
风骏时光牛马13 小时前
智能任务自动化协同AI工作流
前端