如何在线学习html5前端开发(前端入门先从制作一个简单的html5网页开始)
前端工作都是从创建一个网页文件开始的,一个最小的网页文件应该总是包含一些东西,下面我们就来聊聊关于如何在线学习html5前端开发?接下来我们就一起去了解一下吧!
如何在线学习html5前端开发
前端工作都是从创建一个网页文件开始的,一个最小的网页文件应该总是包含一些东西。
声明文档类型- <!doctype html>- HTML5。
- <title></title>-标题。
- <meta charset="utf-8">- UTF8。
- <meta name="viewport" content="width=device-width, initial-scale=1"> 针对移动设备进行优化并防止缩放或水平滚动。
- css/style.css 样式文件 和 js/scripts.js js文件。
- <meta http-equiv="x-ua-compatible" content="ie=edge">-不是强制性的,但可能会有所帮助。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>标题</title>
<link rel="stylesheet" href="css/main.css" />
<link rel="icon" href="images/favicon.png" />
</head>
<body>
<script src="js/scripts.js"></script>
</body>
</html>
其中,head 主要包含,提供有关页面的元信息标签 <meta>,比如 针对搜索引擎 ,关键词和描述及编码类型等,网页标题,css样式文件。
一般建议,script 标签写在body 结束之前。
是不是很简单,这是一个网页的基本框架,要想制作一个内容丰富,漂亮的网页,还需要学习很多知识。
需要重点学习的几个点- meta 标签,这个标签类型很多,可以参考这里以下:
https://www.w3school.com.cn/tags/tag_meta.asp
https://www.haorooms.com/post/html_meta_ds
- 在HTML中使用css样式的方法有:行内式、内嵌式、外联式,而外联式又分:链接式(link)和导入式(@import)
- script 脚本文件
到此,你基本已经了解了如何制作一个网页,建议能够亲手练习下,这样加深理解。
接下来,我会大概讲下,网页如何布局并填充内容,感谢您的关注。
,免责声明:本文仅代表文章作者的个人观点,与本站无关。其原创性、真实性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容文字的真实性、完整性和原创性本站不作任何保证或承诺,请读者仅作参考,并自行核实相关内容。文章投诉邮箱:anhduc.ph@yahoo.com