课程咨询:400-111-8989

  • 如何自学HTML5?想要学习HTML5需要掌握哪些知识?(一)

    发布:海酱集   来源:html5问吧  时间: 2018年08月09日

  • 今天小编要跟大家分享的文章是关于如何自学HTML5,想要学习HTML5需要掌握哪些知识的文章,HTML5和web前端开发技术越来越火,想要转行做HTML5开发人员的也越来越多,今天小编就为想要自学HTML5的小伙伴们准备了这篇入门级教程,希望能够对大家有所帮助,下面来跟小编一起看一看文章吧。...

  • 今天小编要跟大家分享的文章是关于如何自学HTML5,想要学习HTML5需要掌握哪些知识的文章,HTML5和web前端开发技术越来越火,想要转行做HTML5开发人员的也越来越多,今天小编就为想要自学HTML5的小伙伴们准备了这篇入门级教程,希望能够对大家有所帮助,下面来跟小编一起看一看文章吧。

    学习HTML5开发技术,首先,我们要理解html5、css3以及JavaScript这三者的作用与关系。

    html5就是一个框架,搭建框架需要用到各种标签。

    css3指的是样式,就是给这个框架穿上一件美美的衣服,你想怎么打扮就怎么打扮。

    JavaScript就像是给它一双舞鞋,让它旋转,跳跃~

    当然,这只是形象的表现我们编写的网页需要的功能。现在,就让我们正式看看html5这个框架是怎么构建的,需要用到哪些元素。

    HTML5元素(标签)

    HTML5编辑器——在这里我们用Visual Studio Code编辑器(下文使用简称:VSCode),当然,你还可以用其他编辑器,如Dreamweaver、Notepad++等,推荐使用(VSCode)。

    HTML5简单框架——打开VSCode,创建一个后缀为.html的文档,然后输入“!+Tab键”(输入法转换到英文,就能直接显示html的基本框架

    如何自学HTML5?

    大多数标签如<body>它都有一个</body>与之匹配,有一些标签如<br>,这是换行符,只单独存在,可以称为空标签。

    能够在网页上显示的文字、图片等,都放在<body>里面:<body>文字、图片</body>;

    1.HTML5文本标签

    标题——我们知道Word文档里面有定义标题的字体大小,在HTML中,标题是通过<h1>~<h6>标签来定义字体大小的。如图:

    如何自学HTML5?

    段落——一段文字,我们要给它分段,那么每一段,我们可以把文字放在<p>标签里。

    <p>此处放第一段文字</p><p>此处放第二段文字</p><p>此处放第三段文字</p>

    字体——我们来看一下比较常见的几种对字体修改的标签:

    § 加粗<b></b>、

    § 斜体<i></i>、

    § 下划线<ins></ins>、

    § 变小<small></small>、

    § 上标<sup></sup>、

    § 下标<sub></sub>、

    § 强调<em></em>、

    § 着重<strong></strong>、

    § 删除<del></del>、

    § 定义变量<bar></bar>、

    § 定义项目<dfn></dfn>、

    § 源代码<code></code>、

    § 例子代码<samp></samp>、

    § 用户输入<kbd></kbd>、

    § 引用<site></site>.

    § 水平线<hr>

    如何自学HTML5?

    注:<body>里面“回车”和“空格键”不能预览效果,我们要用到换行符<br>,空格符用“ ”。

    超链接——在一个网页上,我们鼠标单击某一关键词、某一张图片或某一个按钮,就会跳转到另一个页面,其实就是链接到这个页面。

    超链接用<a>来定义,其中最重要的属性“href”,它指示链接的目标。还有一个属性“target”,当“target=_blank”时链接的地址将会在新窗口打开;当“target=_self”时链接会在本地刷新,与默认效果相同。

    如何自学HTML5?

    效果图会有一个默认的超链接样式,鼠标单击就可以跳转到百度首页:

    如何自学HTML5?

    列表——列表分为有序列表跟无序列表。

    先说无序列表。无序列表的标签是<ul>,搭配着<li>一起使用,每一行前面是小圆点。

    如何自学HTML5?

    有序列表的标签是<ol>,跟无序列表一样,它同样需要搭配<li>一起使用,其中,<ol>中有两个比较实用的属性:一个是reversed(降序),另一个是type属性,type属性就是设置样式,如默认样式是阿拉伯数字“123”,我们还可以设置英文“abc”或罗马字符等。

    如何自学HTML5?

    以上就是小编今天跟大家分享的如何自学HTML5的文章,希望文章中的关于HTML5的基础知识能够对你有所帮助,想要了解更多HTML5相关知识记得关注达内HTML5培训官网哦。

  • 上一篇:HTML5教程-HTML5开发工具有哪些?

    下一篇:如何自学HTML5?想要学习HTML5需要掌握哪些知识?(二)

网站导航
2002-2018 达内时代科技集团有限公司 版权所有 京ICP证8000853号-56