首页 / 知识

HTLM技术详解，新手必备

2023-04-11 16:00:00

1、HTML简介：

HTML，Hyper Texture Markup Language，超文本标记语言。在计算机中以.html、.htm作为扩展名，浏览器可以访问在页面。简单来说就是网页。

2、HTML语法：

语法非常简洁、比较松散，以相应的英语单词关键字进行组合，不区分大小写，大多数有开始有结束，成对出现。有些标签不是成对的出现，这个标签（元素element）称为短标签，比如图片<img>或<img />

3、网页组成的基本元素：

<hTml>

<head>

<title>第一个HTML页面</title>

</head>

<body>

网页主体内容

</body>

</html>

4、常用的一些标签：

图片<img> 网页中常用的图片格式有

.webp 图片清晰度很高、体积很小，用的最多

.webp 背景透明

.bmp 清晰度很高、但是体积很大，会影响网页打开的速度。

.webp 动态图

源码：

5、图片路径：

绝对路径：真是的物理路径或域名路径，是固定的，上传网页时，可能会导致图片无法显示。

<img src="C:\Users\Administrator\Desktop\1.bmp"

<img

src="http://www.cwhello.com/images/wind/logo.

png">

相对路径：访问的网页（网页使用图片），那这个网页就是参照物！！！

./ 当前目录

../ 当前目录的上一级

/ 服务器根目录

TIPS：优先选择相对路径