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

(0)
上一篇 2017年5月17日 17:41
下一篇 2017年5月22日 15:37

相关推荐

  • css+div布局学习路线!

    自学CSS+DIV布局步骤 一、认清目的 首先要认识为什么要学习CSS,知道学习CSS目的是什么。 认识学习目的才能坚持持之以恒、认识学习目的才有目的性从中得到乐趣和享受! 二、基础学习 1、了解CSS作用是什么? 2、css...

    2017年11月7日
    0610
  • html符号特殊字符编码对照表

    家可以看一下,在做HTML编码的时候总会用到的 代码如下: < !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://...

    2017年10月19日
    0630
  • 我的php学习第三天之HTML篇

    昨日回顾 计算机编码 所谓“编码”就是用什么二进制来表示一个字符。比如:a对应101,b对应110 101010010100101001010011101001010010110100101010 ASCII编码:用7位或8位(1个字节)二进制来表示一个字符,最多表示256...

    2015年10月14日
    0590
  • 网站访问请求相应的流程及服务器搭建

    一、通常访问的网站是保存在远程的服务器还是本地电脑,你是怎么判断的? 保存在远程的服务器,判断的标准和依据在网络是否连通的情况下能否正常访问。 二、什么叫服务器? 一台运行在网络上有着专门的用途计算机。...

    2017年5月17日
    0810
  • html标签元素的认识

    html <html></html>标签元素认识 以下是DIVCSS5为大家通俗介绍<html>标签用法与意义。 用法: 在HTML静态网页中,可以看见每个网页具有唯一<html>开始</html>结束,也就是<HTML&gt...

    2018年3月29日
    0740
  • 终于懂得了在html的段落里面改变字体状态了

    今天下午,捣鼓了一下终于明白了这么在段落<h>的标签里改变字体的状态了,比如字体颜色字体属性等。 原来只用在<h1>的标题里加上“style”代码后面跟属性值就可以改变字体状态了。 例如: <!DOCTYPE ht...

    2016年5月20日
    0692
  • 网站访问请求相应的流程及服务器搭建

    网站访问请求相应的流程及服务器搭建 通常访问的网站是保存在远程的服务器还是本地电脑,你是怎么判断的? 保存在远程的服务器,判断的标准和依据在网络是否连通的情况下能否正常访问。   什么叫服务器? 一台...

    2017年10月24日
    0620
  • DIV CSS字体居中实现DIV文字水平左右居中

    DIV CSS字体居中实现DIV CSS文字水平左右居中-css+div字体文字内容居中篇 使用DIV CSS实现字体居中的CSS样式单词为text-align,其值为center(居中)。 语法如下: div{text-align:center;}/*文字水平居中对齐*/ 这...

    2017年11月2日
    01130

发表评论

您的电子邮箱地址不会被公开。

评论列表(1条)

  • cwhello
    cwhello 2017年10月18日 17:17

    :!: :!: :!: :!: :!: 哈哈