HTML简介与网页组成基本元素

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> 网页中常用的图片格式有

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

.png    背景透明

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

.gif     动态图

源码:

<img src="1.bmp" />

<img src='1.bmp'>

<img src=1.bmp>

 

5、图片路径:

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

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

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

/>

<img

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

png">

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

<img src="1.bmp">

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

 

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

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

 

./  当前目录

../  当前目录的上一级

/   服务器根目录

TIPS:优先选择相对路径

 

6、注释:注明、解释

可以使HTML代码不起作用,还能起到说明性的作用。HTML的注释格式如下:

<!--       说明性文字     -->

本文来自投稿,不代表重蔚自留地立场,如若转载,请注明出处https://www.cwhello.com/2243.html

如有侵犯您的合法权益请发邮件951076433@qq.com联系删除

(0)
重蔚的头像重蔚管理团队
上一篇 2017年5月19日 00:00
下一篇 2017年5月22日 15:37

相关推荐

  • 关于html怎么设置表格居中。

    在HTML中,我们可以使用CSS样式来设置表格居中,有多种方法可以实现表格的居中,以下是一些常见的方法: (图片来源网络,侵删) 1、使用margin属性 我们可以通过设置表格的margin属性来实现表格的居中,将表格的左…

    2024年6月24日
    014
  • 关于如何用html写出烟花的颜色。

    烟花是一种非常美丽的视觉效果,可以通过HTML和CSS来实现,在这篇文章中,我将详细介绍如何使用HTML和CSS来创建一个简单的烟花效果,我们将使用HTML来创建烟花的基本结构,然后使用CSS来添加样式和动画效果。 (图…

    2024年6月24日
    03
  • 经验分享html设置隐藏。

    在HTML中,我们可以通过CSS来控制div元素的显示和隐藏,以下是详细的技术教学: (图片来源网络,侵删) 1、使用内联样式 内联样式是直接在HTML元素中使用style属性来定义CSS样式,要隐藏一个div,我们可以设置其di…

    2024年6月25日
    01
  • 教你html两张图片。

    在HTML中,我们可以使用图标字体库来添加图标,图标字体库是一种特殊类型的字体,其中包含了一些预定义的图标,我们可以直接在网页中使用这些图标,以下是如何使用两个图标的详细步骤: (图片来源网络,侵删) 1、…

    2024年6月25日
    07
  • 小编分享html怎么写js代码。

    HTML(超文本标记语言)是一种用于创建网页的标准标记语言,而JavaScript(JS)是一种轻量级的脚本语言,主要用于网页交互和动态效果,在HTML中编写JavaScript代码,可以让网页具有更好的交互性和动态效果,本文将…

    2024年6月25日
    01
  • 小编教你如何html修改标签属性。

    要修改HTML标签的属性,你需要使用JavaScript,以下是详细步骤: (图片来源网络,侵删) 1、你需要获取你想要修改的HTML元素,你可以使用document.getElementById(),document.getElementsByClassName(),document…

    2024年6月25日
    02
  • 今日分享html免费手册下载安卓版。

    HTML手册是一本包含了HTML所有标签、属性和用法的参考书,它对于学习HTML语言非常有帮助,因为它可以提供详细的信息和示例代码,如何下载HTML手册呢?以下是详细的步骤: (图片来源网络,侵删) 1、打开浏览器:你…

    2024年6月25日
    00
  • 说说html如何拦截页面跳转。

    HTML是一种用于创建网页的标准标记语言,它本身并不具备拦截页面跳转的功能,我们可以通过JavaScript来实现这个功能,在JavaScript中,我们可以使用window.onbeforeunload事件来拦截页面跳转,以下是详细的技术教学…

    2024年6月25日
    02

联系我们

QQ:951076433

在线咨询:点击这里给我发消息邮件:951076433@qq.com工作时间:周一至周五,9:30-18:30,节假日休息