对HTML的初步认识与知识总结

最新推荐文章于 2025-07-16 02:17:19 发布

原创最新推荐文章于 2025-07-16 02:17:19 发布 · 426 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

对HTML的初步认识与知识总结

html是超文本标记语言
一、初步了解
二、html语法
结构图

html是超文本标记语言

1）文本
超文本视频音频图片
2）浏览器解析html文件的顺序
从上往下，并且页面中元素的位置与该元素在html文件中的位置保持一致
3）html出现语法错误时，浏览器或者编辑器不会报错
4）html文件可以使用，.html或.htm文件后缀

一、初步了解

1）B/S架构
2）HTTP
浏览器
HTTP
服务器

请求/响应模式
   1. 请求
        请求头 - 浏览器的缓存机制、设置token【令牌】登录
        请求行 - 请求方式【post、get】、请求地址
        请求体 - 携带给服务器的数据
   2. 响应
        响应头 - 暂无
        响应行 - 状态码
        响应体 - 服务器返回给浏览器的数据/结果

二、html语法

1.结构

代码如下（示例）：

<!-- 指定浏览器以哪版本解析html文件 -->
<!DOCTYPE html>
<!-- html页面的根节点 -->
<html lang="en">
<head>
    <!-- 设置编码格式 -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 支持SEO/浏览器的检索 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 当前文件在浏览器打开时的选项卡的标题 -->
    <title>第一个页面</title>
</head>
<body>
    <div class="one" title="隐藏"> 第一个页面 </div>
   <span>span</span>
</body>
</html>

2.标签

开始标签
内容
结束标签

3.属性

使用在开始标签内部
class 类名
id 唯一标识
title 标题光标放入元素之后显示标题
style 样式 CSS3中设置类名样式
title 标题光标放入元素上之后显示标题

4.元素分类

1、块级元素

        1.独占一行空间，默认宽度沾满当前屏幕
        2.可以嵌套其他标签
        3.可以设置宽高
        div h1~h5 ul li。。。

2、行内元素

        1.可以与其他元素共享一行空间
        2.不可以嵌套其他块级标签
        3.不可以设置宽高     
         span a i b。。。

结构图

在这里插入图片描述

标签

#html