HTLM技术详解,新手必备

HTLM技术详解,新手必备

 

1HTML简介:

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

2HTML语法:

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

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

<hTml>

<head>

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

</head>

<body>

网页主体内容

</body>

</html>

4、常用的一些标签:

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

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

.webp 背景透明

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

.webp 动态图

源码:

<img src="1.bmp" />

<img src='1.bmp'>

<img src=1.bmp>

5、图片路径:

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

<!--以下2张图片使用绝对路径进行显示-->

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

/>

<img

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

png">

相对路径:访问的网页(网页使用图片),那这个网页就是参照物!!!

<img src="1.bmp">

<img src="QQ表情/menggou.webp">

<img src="../1.bmp">

<img src="../qq表情/yiwai.webp">

./ 当前目录

../ 当前目录的上一级

/ 服务器根目录

TIPS:优先选择相对路径

 

推荐阅读