HTML学习总结

HTML是一种超文本标记语言,它包括一系列的标签,通过这些标签可以说明文字,图形,动画,声音,表格,链接等。是一种强大的文本标记语言。

HTML是一个网页的核心,无论是什么网页都必须有它的HTML。用课程里的话就是一个网页就好像一幢房子,HTML结构就是钢筋混泥土的墙,没有墙也就不可能构成一幢房子。HTML是用来描述网页的内容的,用以说明网页包含了什么。知道了HTML在网页制作中的地位,接下来就是学习HTML语法了。

作为一种文本标记语言,其主要学习内容我认为主要有标签,通过学习标签可以完成一系列强大的功能。无论是超链接的实现还是图片、表格、列表等都离不开标签的使用,接下来我对我认为重要的一些标签进行总结。

<html>
<head>
  <title>页面标题</title>
</head>
<body>
  <h1>标题</h1>
  <p>段落</p>
</body>
</html>

对于一个最简单的页面来说,我们需要有页面的标题,即展示在页面打开的头部。我们可以看到在代码中头部标题是为于<head></head>这两个标签之间的,所以我们可以知道头部内容实在<head></head>里展示的。我们还可以看到整个页面是在<html></html>标签内的,这是为了告诉浏览器我们这是一个HTML文本,因此浏览器便会以HTML的格式来展开我们的内容。而页面的主体则是在<body></body>里展示的,对于页面主体我们有丰富的内容来作为展示,最为简单的便是标题以及段落了,如同一篇简单的文章。相应的标签在代码中我们也是可以看到的。还有一点重要的是对于任意一个标签我们都是有两个<>包裹起来的,因此在写代码的时候切记有头有尾。

<a href="网址" target="_blank">网址名</a>

HTML中还有个我认为比较重要的是超链接,它可以实现从一个页面跳转到另一个页面的功能。从代码中我们可以看到实现超链接的标签包括href,target,<a>。href后接网页的链接,target="_blank"表示打开新页面,默认为在网页内打开,之后填写的是网址的名称即点开是所看到的内容。

不仅是超链接,我们还学习了网页中图片的处理方式,可以将其作为超链接来置放这个超链接的放置方式为

<img src="图片链接" alt="MDB Logo" width="200" height="200">

img表示此标签为图片处理,src为图片的超链接,alt表示获取图片出问题时显示的文字,之后为图片格式。图片还可以放置在项目目录中直接存取,但大多时候图片会很大,会影响网页的访问速度,因此通常我们将图片压缩后存放在项目中。

除了图片,还有表格,列表等。表格标签为<table></table>,列表包括有序无序两种,无序为<ul></ul>,有序为<ol></ol>。

在此次课程的HTML学习中,大概的内容就是这些了。但HTML的内容远不于此,我相信在后续网页制作的过程中会不断学习到。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值