个人网页怎么制作代码(学生个人网页制作教程)

前端工作都是从创建一个网页文件开始的,一个最小的网页文件应该总是包含一些东西。

声明文档类型

  • <!doctype html>- HTML5。

网页标题

  • <title></title>-标题。

定义字符编码

  • <meta charset="utf-8">- UTF8。

定义视口的宽度

  • <meta name="viewport" content="width=device-width, initial-scale=1"> 针对移动设备进行优化并防止缩放或水平滚动。

包含指向自定义 CSS 和 JavaScript 的链接

  • css/style.css 样式文件 和 js/scripts.js js文件。

使用最新的 Internet Explorer 渲染模式(可选)

  • <meta http-equiv="x-ua-compatible" content="ie=edge">-不是强制性的,但可能会有所帮助。

index.html

<!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 脚本文件

到此,你基本已经了解了如何制作一个网页,建议能够亲手练习下,这样加深理解

给TA打赏
共{{data.count}}人
人已打赏
网络推广

抖音直播注意事项和具体方法(抖音直播互动注意哪些问题)

2022-11-11 23:30:00

网络推广

图标设计免费logo在线工具(免费一键logo设计推荐)

2022-11-13 23:30:00

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索