HTML初级教程

html简介

HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签,通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。
超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

来源

HTML基于更古老一些的语言SGML定义,并简化了其中的语言元素。这些元素用于告诉浏览器如何在用户的屏幕上展示数据,所以很早就得到各个Web浏览器厂商的支持。

创造者

HTML是Tim Berners-Lee“李爵士”发明的。他发明了万维网(WWW)包括HTML、HTTP、URL,万维网是基于互联网创建的。WWWC是万维网委员会。蒂姆·伯纳斯-李 (Tim Berners-Lee,1955年6月8日-),英国计算机科学家,万维网发明者,2016年度图灵奖得主,英国皇家学会工艺院院士 ,麻省理工学院计算机科学及人工智能实验室创办主席及高级研究员,网页科学研究倡议会总监,麻省理工学院集体智能中心咨询委员会成员。1990年12月25日,他和罗伯特·卡里奥在CERN一起成功通过Internet实现了HTTP代理与服务器的第一次通讯。

创建页面

html结构

HTML分为三个层次:1.解析模式 2.头部 3.身体
普通框架为下

<!DOCTYPE html>
<html>
	<head>
		<title>页面标题</title>
	</head>
	<body>
	</body>
</html>

运行结果如下
运行结果
其中,<title>的作用是显示标题,语法如下

<title>页面标题</title>

显示文字

标题文字

标题文字拥有6种,分别是<h1><h2><h3><h4><h5><h6>,除了这些标题类型以外,没有其他的标题类型了。若是输入其他的标题类型,将会自动替代成内容文本。
就拿以下的做例子:

<!DOCTYPE html>
<html>
	<head>
		<title>HTML</title>
	</head>
	<body>
		<h1>HTML</h1>
		<h2>HTML</h2>
		<h3>HTML</h3>
		<h4>HTML</h4>
		<h5>HTML</h5>
		<h6>HTML</h6>
		<h7>HTML</h7>
	</body>
</html>

显示结果如下
显示结果
我们可以看到这里显示了7种不同的标题样式,但是第7种就不属于标题类型,属于我们下面的内容文字,所以说,HTML就只有6种标题样式。

内容文字

显示内容文字通常是用<p>来表示,语法如下:

<p>需要显示的文字</p>

示例:

<!DOCTYPE html>
<html>
	<head>
		<title>页面标题</title>
	</head>
	<body>
		<p>需要显示的文字</p>
	</body>
</html>

显示结果:
显示结果

插入图片

插入图片通常使用<img>,具体语法如下:

<img src='图片路径',alt="替代文本">

其中,src代表的是图片路径,而alt,主要用于无法显示图片时所显示的替代文本。
示例:

<!DOCTYPE html>
<html>
	<head>
		<title>页面标题</title>
	</head>
	<body>
		<img src='html.webp',alt='HTML'>
	</body>
</html>

显示结果如下图:
显示结果

创建超链接

一个网页,超链接是必不可少的,创建超链接,通常使用<a>。语法如下:

<a href='网页路径或文件路径'>超链接显示文字</a>

示例:

<!DOCTYPE html>
<html>
	<head>
		<title>百度</title>
	</head>
	<body>
		<a href='https://www.baidu.com'>百度</a>
	</body>
</html>

显示结果
百度
本期教学就到此结束了。
这是本人的第一篇文章,不喜勿喷!
感谢观看!

  • 12
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值