前端 HTML 概述
创始人
2024-11-11 20:07:35

目录

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

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

HTML is a very popular fore-end technology .

叫做开始标签

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

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

 比如,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,打开记事本编辑内容;

       

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

相关内容

热门资讯

裸辞做“一人公司”,我后悔了 去年这个时候,一位以色列程序员正在东南亚旅行。他顺手把一个在脑子里转了很久的想法做成了产品,一个让任...
南京建成国内首个Pre-6G试... 4月21日,2026全球6G技术与产业生态大会在南京开幕。全息互动技术展台前,一名远在北京的工作人员...
超梵求职受邀参加“2025抖音... 超梵求职受邀参加“2025抖音巨量引擎成人教育行业生态大会”,探讨分享优质内容传播,服务万千学员。 ...
摩托罗拉Razr 2026(R... IT之家 4 月 22 日消息,摩托罗拉宣布新一代 Razr 折叠手机将于 4 月 29 日在美国发...
库克卸任,特纳斯领航:苹果新纪... 苹果首席执行官蒂姆·库克将卸任,硬件工程主管约翰·特纳斯将接任,苹果公司今天宣布此事。 库克将在夏季...