前端 HTML 概述

news2024/9/21 17:52:52

目录

1. HTML概述

1.1 超文本标记语言

1.2 标签

2. HTML 解析与编辑

2.1 解析与访问

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" />

CSS:主要用于页面元素美化;

:

JavaScript:主要用于页面元素的动态处理,;

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

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

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

2.2 编辑 html文件

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

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

       

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1974314.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

维修雅萌五代射频仪

维修雅萌五代射频仪&#xff0c;主板进水&#xff0c;看起来有点严重&#xff0c;看看这回能不能把它修好

MySQL--数据库索引

前言&#xff1a;本博客仅作记录学习使用&#xff0c;部分图片出自网络&#xff0c;如有侵犯您的权益&#xff0c;请联系删除 MySQL数据库--索引 索引是对数据库表中一列或多列的值进行排序的一种结构&#xff0c;使用索引可提高数据库中特定数据的查询速度 一、索引简介 1、…

python实现小游戏——植物大战僵尸(魔改版本)

制作一款DIY的‘植物大战僵尸’游戏引起了很多人的兴趣。在这里&#xff0c;我将分享一个使用Python语言在PyCharm环境中开发的初始状态版本。这个版本主要应用了pygame库来完成&#xff0c;是一个充满创意和趣味的魔改版本。 文章目录 前言一、开发环境准备二、代码1.main方法…

Unbuntu 服务器- Anaconda安装激活 + GPU配置

一、Anaconda安装激活 1.更新 sudo apt-get update 2.安装wget、vim sudo apt-get install wget sudo apt-get install vim 3.安装Anaconda 进入这个网址&#xff1a;Index of /anaconda/archive/ | 清华大学开源软件镜像站 | Tsinghua Open Source Mirror 点这里&#x…

【每日一题】【技巧】【LeetCode热题 100】【力扣】75. 颜色分类 C++

力扣75. 颜色分类 75. 颜色分类 题目描述 给定一个包含红色、白色和蓝色、共 n 个元素的数组 nums &#xff0c;原地对它们进行排序&#xff0c;使得相同颜色的元素相邻&#xff0c;并按照红色、白色、蓝色顺序排列。 我们使用整数 0、 1 和 2 分别表示红色、白色和蓝色。 …

永久旋转 PDF 文件的 2 种简便方法

PDF 文件通常由扫描仪创建&#xff0c;用于呈现文档或书籍。当您输出 PDF 作品时&#xff0c;打开它&#xff0c;会发现有几页是颠倒的。 你该怎么办&#xff1f; 将这些页面倒置扫描&#xff0c;按顺序排列&#xff0c;最后创建正确的 PDF 文件&#xff1f; 当然&#xff0…

暑假第三周任务——天气预报

暑假第三周任务——天气预报 文章目录 暑假第三周任务——天气预报前言URL与APIAPI与URL的关系 获取网络请求首页搜索界面详情界面添加功能 浏览界面总结 前言 这个天气预报主要是通过申请网络请求来获取实时数据&#xff0c;来实现一个天气预报的功能&#xff0c;在这里主要是…

对优先级队列(堆)的理解

目录&#xff1a; 一. 优先级队列&#xff1a; 二. 优先级队列的模拟实现&#xff1a; 三.常用接口介绍: 一. 优先级队列&#xff1a; 1 概念&#xff1a; 队列是一种先进先出的数据结构&#xff0c;但有些情况下&#xff0c;操作的数据可能带有优先级&#xff0c;一般出队列时…

红酒与爱情:浪漫时刻的佳酿

在爱情的世界里&#xff0c;红酒如同一首温柔的诗篇&#xff0c;轻轻诉说着浪漫与甜蜜。当定制红酒洒派红酒&#xff08;Bold & Generous&#xff09;与爱情相遇&#xff0c;它们共同绘制出一幅幅令人心醉的浪漫画卷&#xff0c;让每一刻都充满了无尽的柔情与温暖。 一、爱…

MLOPS工具集教程-快速入门MLflow

文章目录 一、什么是 MLOps&#xff1f;二、MLOps 工具有什么作用&#xff1f;三、免费开源 MLOps 工具和平台——MLflow3.1 MLflow介绍3.2 安装MLflow3.3启动MLflow3.4 API文档3.5 训练模型演示实例 MLOps 策略越来越多地应用于机器学习模型以及构建这些模型的团队中&#xff…

webpack打包发布~

1、安装webpack&#xff08;局部安装webpack&#xff09;。 npm i webpack webpack-cli -D 2、安装成功之后&#xff0c;你会在package.json文件中看到这个。 3、新建webpack.config.js文件&#xff0c;里面写配置编译模式&#xff0c;入口出口等&#xff08;这里演示的是单入…

任务管理器中的CompatTelRunner进程是做什么的?我该怎样把它关闭

一、问题描述 当我们打开电脑使用时候会发现系统反应较慢&#xff0c;使用起来没有那么流畅&#xff1b;此时我们打开任务管理器后发现是一个名为【CompatTelRunner】的进程占用大量的CPU资源导致&#xff08;点击任务管理器的CPU字样即可对使用资源进行排序&#xff09;&#…

【靶场实操】sql-labs通关详解----第二节:前端页面相关(Less-11-Less-17)

SQL注入攻击是一种针对Web应用程序的安全漏洞&#xff0c;那么自然&#xff0c;SQL注入攻击也和前端页面息息相关&#xff0c;用户输入未被正确处理、动态查询的构建、前端JavaScript代码错误&#xff0c;等等我问题都可能造成安全威胁。 在上一节&#xff0c;我们了解了基础的…

23届24届均可投!Engineering Star Program火热进行中

Hi 大家好&#xff0c;我是Chowley&#xff0c;我们组现在还有个青年工程师的HC&#xff08;23-24届均可&#xff09;&#xff0c;正在寻找QA队友&#xff0c;有兴趣用我内推码官网投递&#xff0c;简历直接发我ld 我是今年校招进入的虾皮&#xff0c;现在full-time两个月了&a…

互联网十万个为什么之什么是负载均衡?

负载均衡是一种对流量进行按需分发的服务&#xff0c;通过将流量分发到不同的后端服务器来扩展应用系统的吞吐能力&#xff0c;并且可以消除系统中的单点故障&#xff0c;提升应用系统的可用性。 为什么需要负载均衡&#xff1f; 负载均衡的出现主要是为了解决用户在网络服务…

【Godot4自学手册】第四十三用着色器(shader)给纹理描边

这一节我们学一下用着色器&#xff08;shader&#xff09;描边效果。来看看最终效果&#xff1a; 一、进行shader初始设置 首先我们进入NPC场景&#xff0c;选择Sprite2D节点&#xff0c;在检查器中中岛CanvasItem属性&#xff0c;并在Material->Material后方选择下拉按钮…

如何从智联招聘网站快速抓取职位详情?两大技巧揭秘

摘要&#xff1a; 本文将揭秘如何利用Python爬虫技术&#xff0c;高效且合法地从智联招聘网站抓取职位详情信息。通过实战示例&#xff0c;展现两大核心技巧&#xff0c;助你在大数据时代抢占先机&#xff0c;为你的市场分析、人才研究提供强大支持。 一、引言&#xff1a;数据…

LLM4Decompile反编译大模型的试用实践过程梳理

LLM4Decompile 是一款开源大型语言模型,专注于反编译工作,我们将其试用过程进行介绍: 论文地址:https://arxiv.org/abs/2403.05286 代码地址:https://github.com/albertan017/LLM4Decompile 首先,找到代码位置: 1.搭建基础环境1.python3,我用的是3.12.4 …

LinuxC++(7):认识主函数参数

主函数有哪些参数&#xff1f; main函数有三个参数&#xff0c;argc、argv和envp&#xff0c;它的标准写法如下&#xff1a; int main(int argc,char *argv[],char *envp[]){return 0; } 认识argc argc表示有几个参数&#xff0c;主函数自身也算一个&#xff0c;所以如果没…

解锁概念测量类比完成任务如何改变词语表征

欢迎来到雲闪世界。本文旨在讨论 word2vec 和 GloVe 算法的发展&#xff0c;因为这与这些算法的第二个应用目的有关&#xff1a;分析文本语料库中包含的概念。首先&#xff0c;根据 word2vec 算法的历史背景对其进行讨论。然后&#xff0c;描述类比完成任务&#xff0c;该任务突…