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如何设置button。

    HTML(超文本标记语言)是一种用于创建网页的标准标记语言,在HTML中,按钮是一个非常重要的元素,它允许用户执行某些操作,如提交表单、重置表单等,在本教程中,我们将详细介绍如何在HTML中设置按钮。 (图片来源…

    2024年6月24日
    04
  • 我来分享html如何运行exe。

    HTML是一种用于创建网页的标记语言,而EXE是一种可执行文件格式,在正常情况下,HTML无法直接运行EXE文件,我们可以通过一些技术手段实现这个目标,本文将详细介绍如何通过HTML运行EXE文件的方法。 (图片来源网络…

    2024年6月24日
    01
  • 我来说说html如何让字体变换颜色。

    HTML是一种用于创建网页的标准标记语言,它可以用来组织和呈现文本、图像、链接等内容,在HTML中,我们可以使用CSS(层叠样式表)来控制文本的字体、颜色等样式,要让HTML中的字体变换颜色,我们需要学习如何使用CS…

    2024年6月24日
    02
  • 经验分享html mime。

    在HTML中制作迷宫游戏并不是一件简单的事情,因为HTML本身并不具备图形界面的绘制能力,我们可以通过结合HTML、CSS和JavaScript来实现一个基本的迷宫游戏,以下是一个简单的教程,教你如何在HTML中制作迷宫。 (图…

    2024年6月24日
    06
  • 分享html如何链接外部css。

    在HTML中链接外部CSS文件,可以通过以下步骤实现: (图片来源网络,侵删) 1、创建CSS文件 创建一个CSS文件,例如命名为styles.css,在该文件中编写CSS样式规则。 2、在HTML文件中引入CSS文件 在HTML文件的<hea…

    2024年6月25日
    00
  • 教你html如何设置br间距。

    在HTML中,<br>标签用于创建换行,HTML本身并没有提供直接设置<br>间距的选项,如果你想要调整两个<br>标签之间的间距,你需要使用CSS来实现这个效果。 (图片来源网络,侵删) 以下是一个简单的…

    2024年6月24日
    05
  • 小编教你如何精通python。

    要精通HTML,你需要理解其基础知识、掌握常用标签、熟悉页面布局技术,并且通过大量的实践来提升你的技能,以下是详细的步骤和建议: (图片来源网络,侵删) 1. 学习HTML基础 理解HTML的概念:超文本标记语言(HTM…

    2024年6月21日
    02
  • 我来教你如何将html使用sql数据库连接。

    要将HTML与SQL数据库连接,我们需要使用服务器端编程语言(如PHP、ASP.NET等)来处理数据库操作,这里以PHP为例,介绍如何将HTML与SQL数据库连接。 (图片来源网络,侵删) 1、环境准备 确保你的服务器已经安装了PH…

    2024年6月24日
    05

联系我们

QQ:951076433

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