2. 科技
    3. 认识HTML

    认识HTML

    科技2026-03-30  10

    1.什么是HTML

    HTML是HyperText Markup Language(超文本标记语言)的简写，不是一种编程语言 ，而是一种标记语言，用于告诉浏览器如何构造页面。由一系列HTML元素组合成Web开 发人员想要的简单或者复杂的页面,用于搭建页面骨架。特点是语法简单，容量小，功能强大。

    “超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。HTML 也是一种规范，一种标准，它通过标记符号来标记要显示的网页中的各个部分。网页文件 本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内 容（如：文字如何处理，画面如何安排，图片如何显示等）。可以使用.html与.htm作为html文件的后缀名（扩展名）

    2.开发环境的搭建

    1）Sublime，Visual Studio Code都可以用来编辑Html文件，在软件内部安装插件，可以极大的加快编写代码的速度。

    2）Safari / Chrome / Firefox / Opera / IE 是五种主流的浏览器，因为HTML是在浏览器上解析执行的，每种浏览器对相同的HTML代码解析可能产生不同 的结果，所以需要安装多种主流的浏览器进行兼容性测试，并且Chrome与Firefox提供了 非常强大的代码调试工具。

    3）Httpd服务器，当完成了HTML代码的编写，需要将写好的Html网页部署到服务器中，Apache是世界 使用排名第一的Web服务器软件。它可以运行在几乎所有广泛使用的计算机平台上，由于 其跨平台和安全性被广泛使用，是最流行的Web服务器端软件之一. 主流服务器有httpd---apache阿帕奇--tomcat

    3. B /S架构

    B/S结构（Browser/Server，浏览器/服务器模式），是WEB兴起后的一种网络结构模式 ，WEB浏览器是客户端最主要的应用软件。这 种模式统一了客户端，将系统功能实现的核心 部分集中到服务器上，简化了系统的开发、维 护和使用。客户机上只要安装一个浏览器，服务器安装服务器软件，数据库软件等。是浏览器与服务器之间的交互

    4. HTTP协议（ HyperText Transport Protocol ）

    HTTP是超文本传输协议的缩写，它用于传送WWW方式的数据。HTTP协议采用了 请求/响应模型。客户端向服务器发送一个请求，请求头包含请求的方法、URL、协议 版本、以及包含请求修饰符、客户信息和内容的类似于MIME的消息结构。服务器以一 个状态行作为响应，响应的内容包括消息协议的版本，成功或者错误编码加上包含服务 器信息、实体元信息以及可能的实体内容。

    5.URL（ Uniform Resource Locator）统一资源定位符

    定位网络中唯一的一个资源。URL就像每家每户都有一个门牌地址一样，每个网页也都有一个Internet地址。当 你在浏览器的地址栏中输入一个URL或者单击一个超链接时，URL就确定了要浏览的地 址。浏览器通过超文本传输协议(HTTP)，将Web服务器上站点的网页代码提取出来， 并翻译成漂亮的网页。URL的格式如下： 协议://ip:port/项目/文件 例如：http://192.168.1.101:80/test/index.html

    http://ip:port/path

    http://134.175.154.93:80/sms/start.html

    ip:134.175.154.93 主机IP

    port：80 端口号 apache部署目录/var/www/html/...

    path:/sms/start.html

    6.HTML文档（ HTML Document）

    1）一个完整的HTML网页是由多个HTML元素按照一定的方式组成的。一个元素element的组成：标签名称tag、属性attribute、内容content

    2）DOCTYPE 在Html非常年轻的时候（1991、2年左右），doctype是用来作为一组规则的链接， HTML页面必须遵循这些规则才能被认为是好的HTML，这些规则会用来检测网页是 不是存在问题。然而，这些年没有人真正的关心doctype，他们只是一个历史产物必 须包含在页面中。① 严格的文档类型

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

    ② 宽松的文档类型

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    ③ H5文档类型 <!DOCTYPE html>

    3）HTML document

    <html>

    HTML的根元素，用来包含HTML文档的所有元素

    <head>

    包含在头部的内容不会被显示在页面中，这里通常包含页面的编码，作者，页面的描述信息，JavaScript的导入，CSS的导入等信息。

    <meta charset="utf-8">

    用来声明当前文档的编码方式为utf-8

    <title>

    用来声明当前文档的标题，标题将会出现在浏览器的选项卡中

    <body>

    所有想要显示在浏览器中的元素都被包含在该元素中。（构架，填充物）

    编码：编辑器（sublime utf-8） utf-8万国码 GBK国际码 Big5繁体字（环球新闻导报社）

    7.HTML元素

    <p>My cat is <strong>very</strong> grumpy.</p>

    8.HTML属性

    核心属性 大多数元素都可以使用的属性

    1. id    唯一标识2.class标识一类元素3.style样式4.title描述信息

    特有属性 某些元素才可以添加的属性 img ,src ,alt ,a ,href ,target

    自定义属性（h5） <div data-url=”www.briup.com”  data-content=”neirong”></div>

    9.HTML语法

    <!-- 这是一段注释 --> @ &copy

    10.html4/html5的区别

    ①代码结果一样 ②html4的DOCTYPE、META、其他标签语法复杂一点③兼容性 h4 更好， h5功能多

    Processed: 0.017, SQL: 9