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

前端 HTML 概述

目录

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

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

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

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

2.2 编辑 html文件

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

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

       

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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • MATLAB在科研领域的重要性
  • E25.【C语言】练习:修改二进制序列的指定位
  • LeetCode Medium|【3. 无重复字符的最长子串】
  • 41缺失的第一个正数【力扣】【C++】
  • SAP支出管理,企业成本控制的智能钥匙
  • C语言之unsigned long long与struct相互转换实例(五十六)
  • 基于 systemc-2.3.1的virtual device 接入 qemu-arm
  • 深入解析 KMZ 文件的处理与可视化:从数据提取到地图展示项目实战
  • 计算几何 点乘 两点间距离 两向量夹角
  • C++ STL copy_backward, move_backward 用法
  • B3952 [GESP202403 一级] 小杨买书
  • python实现图像分割算法4
  • AI人工智能开发环境配置
  • 【人工智能】NLP入门指南:自然语言处理基础全解析
  • 计算机毕业设计选题推荐-学生作业管理系统-Java/Python项目实战
  • [iOS]Core Data浅析一 -- 启用Core Data
  • [Vue CLI 3] 配置解析之 css.extract
  • flask接收请求并推入栈
  • Java|序列化异常StreamCorruptedException的解决方法
  • Javascript设计模式学习之Observer(观察者)模式
  • Java基本数据类型之Number
  • js 实现textarea输入字数提示
  • MYSQL如何对数据进行自动化升级--以如果某数据表存在并且某字段不存在时则执行更新操作为例...
  • 百度地图API标注+时间轴组件
  • 简单易用的leetcode开发测试工具(npm)
  • 每天一个设计模式之命令模式
  • 说说动画卡顿的解决方案
  • 与 ConTeXt MkIV 官方文档的接驳
  • ​学习一下,什么是预包装食品?​
  • #微信小程序(布局、渲染层基础知识)
  • (14)Hive调优——合并小文件
  • (ZT)出版业改革:该死的死,该生的生
  • (超简单)构建高可用网络应用:使用Nginx进行负载均衡与健康检查
  • (附源码)spring boot网络空间安全实验教学示范中心网站 毕业设计 111454
  • (附源码)计算机毕业设计ssm本地美食推荐平台
  • (回溯) LeetCode 78. 子集
  • (佳作)两轮平衡小车(原理图、PCB、程序源码、BOM等)
  • (每日持续更新)信息系统项目管理(第四版)(高级项目管理)考试重点整理 第13章 项目资源管理(七)
  • (四)汇编语言——简单程序
  • (一)Linux+Windows下安装ffmpeg
  • (已解决)vue+element-ui实现个人中心,仿照原神
  • (原创)攻击方式学习之(4) - 拒绝服务(DOS/DDOS/DRDOS)
  • (转)菜鸟学数据库(三)——存储过程
  • (转)详解PHP处理密码的几种方式
  • * 论文笔记 【Wide Deep Learning for Recommender Systems】
  • .Net Core和.Net Standard直观理解
  • .net6解除文件上传限制。Multipart body length limit 16384 exceeded
  • .Net语言中的StringBuilder:入门到精通
  • .sh文件怎么运行_创建优化的Go镜像文件以及踩过的坑
  • .so文件(linux系统)
  • @31省区市高考时间表来了,祝考试成功
  • @angular/cli项目构建--http(2)
  • @RequestMapping用法详解
  • [ C++ ] template 模板进阶 (特化,分离编译)
  • [ vulhub漏洞复现篇 ] Hadoop-yarn-RPC 未授权访问漏洞复现