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来实现更复杂…

    2024年6月24日
    01
  • 我来说说如何在html中。

    在HTML中编写内容需要遵循一定的结构和规则,以确保网页的正确显示和功能实现,以下是一些详细的技术教学,帮助您在HTML中写出高质量的回答内容。 (图片来源网络,侵删) 1、HTML结构: 开始标签:使用<html&gt…

    2024年6月26日
    00
  • html设置字体上下居中。

    在HTML中,我们可以通过CSS样式来设置文字上下居中,这主要涉及到两种方法:一种是通过行内样式,另一种是通过内部或外部样式表,下面我将详细介绍这两种方法。 (图片来源网络,侵删) 1、行内样式:这种方法是在H…

    2024年6月25日
    01
  • 小编教你HTML如何改变某个元素的文本颜色。

    HTML是一种用于创建网页的标准标记语言,它可以用来定义网页的结构和内容,在HTML中,按钮(Button)是一种常见的交互元素,用户可以通过点击按钮来执行某些操作,要改变HTML中的按钮,我们可以使用CSS(层叠样式表…

    2024年6月24日
    01
  • 今日分享html怎么多选。

    在HTML中实现地点多选,我们可以使用HTML5的<datalist>标签结合JavaScript来实现。<datalist>标签用于为输入框提供预定义的选项,而JavaScript则用于处理用户的选择和操作,下面是详细的技术教学: (…

    2024年6月24日
    01
  • 我来说说html标题居中代码怎么写。

    在HTML5中,让标题居中显示图片的方法有很多,这里我将介绍一种常用的方法,即使用CSS样式来实现,以下是详细的技术教学: (图片来源网络,侵删) 1、我们需要创建一个HTML文件,并在其中添加一个标题和一个图片元…

    2024年6月25日
    03
  • 关于html如何实现按钮上拉菜单。

    在HTML中,实现按钮上拉菜单的方法有很多,这里我将介绍一种使用CSS和HTML实现的方法,这种方法的优点是简单易用,不需要额外的JavaScript或jQuery库,下面是详细的步骤和代码示例: (图片来源网络,侵删) 1、我…

    2024年6月24日
    01
  • 经验分享html怎么添加logo。

    在HTML中插入图片,可以使用<img>标签,以下是详细的技术教学: (图片来源网络,侵删) 1、你需要有一张图片,这张图片可以是你自己的,也可以是从网络上下载的,你需要知道这张图片的URL地址,这个URL地址…

    2024年6月24日
    01

联系我们

QQ:951076433

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