端工作都是从创建一个网页文件开始的,一个最小的网页文件应该总是包含一些东西。
<!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 结束之前。
是不是很简单,这是一个网页的基本框架,要想制作一个内容丰富,漂亮的网页,还需要学习很多知识。
https://www.w3school.com.cn/tags/tag_meta.asp
https://www.haorooms.com/post/html_meta_ds
到此,你基本已经了解了如何制作一个网页,建议能够亲手练习下,这样加深理解。
接下来,我会大概讲下,网页如何布局并填充内容,感谢您的关注。
频地址:
HTML网页设计零基础入门教程(一),两分钟学会设计第一个网页。
文案:
大家好,我是老K。一个码龄超过10年的程序员。从今天起,我会给大家介绍,Web网站开发的最基本语言:HTML。本期视频给大家介绍怎么编写第一个网页。什么是HTML呢?HTML就是超文本标记语言,用来标记通过互联网传输的网页的格式。用HTML标记的网页是静态网页,后缀名一般是.html或.htm。静态网页制作完成以后,其内容不会变化。如果要修改内容,必须修改源文件。
HTML用各种元素组织文档,用一对尖括号标记元素的开始和结束。两个尖括号里面的表示元素的内容。例如:<title>人工智能</title>,表示网页的标题是,人工智能。所有的,web,设计语言都以HTML为基础。编写HTML,很简单。使用windows自带的,记事本,就可以编写。首先,创建一个文本文档。用记事本打开文档,输入HTML代码。我们先来看一下效果,稍后我会详细介绍源文件的内容。保存以后,关闭记事本。重命名文本文件,把后缀名改为html。用浏览器打开网页,就看到效果了。
我们来看源文件。
第一个元素,HTML,是顶级元素。所有的元素都包含在它里面。
第二个元素,head,表示文档的头部信息。
第三个元素,title,是head的子元素,表示网页的标题.
第四个元素,body,是网页的主体部分。
body,元素的内容是一句文本:世界,你好。
好了,这就是本期视频的内容。谢谢观看!再见!
源文件:
<html>
<head>
<title>This is the fisrt page</title>
</head>
<body>
Hello, world!
</body>
</html>
Cascading Style Sheets(层叠样式表),简称 CSS,是前端开发中不可或缺的一部分。它为网页提供了美观和一致的外观,同时也为用户提供了更好的用户体验。本文将引导你从 CSS 的基础入门到精通,帮助你成为一名优秀的前端开发者。
*请认真填写需求信息,我们会在24小时内与您取得联系。