web前端制作网站和代码(web前端网页制作的代码)

2023-12-28 分类：网站建设

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

声明文档类型<!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 脚本文件

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

接下来，我会大概讲下，网页如何布局并填充内容，感谢您的关注。

非常感谢您读完创新互联的这篇文章："web前端制作网站和代码(web前端网页制作的代码)"，仅为提供更多信息供用户参考使用或为学习交流的方便。我们公司提供：网站建设、网站制作、官网建设、SEO优化、小程序制作等服务，欢迎联系我们提供您的需求。

文章题目：web前端制作网站和代码(web前端网页制作的代码)
浏览路径：https://www.cdcxhl.com/news6/310756.html

成都网站建设公司_创新互联，为您提供电子商务、商城网站、品牌网站建设、微信公众号、营销型网站建设、网站改版

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容