创建 (网页-HTML) 教程

网页-HTML

今天让我们重新开始!
HTML作为最容易入门的编程语言,它能为网页提供最基础的结构,加上CSS的装饰和JavaScript为页面添加功能,就能从最基本的结构演变成精美的网页。

一.下面代码是HTML布局的基本结构

标题(网站的名称) ............网站的内容..........

2.请仔细看上面的代码,不难发现它们是一种包含关系。
3.如

标题(网站的名称) ,我们将它称为标签,title就是它的名字,它组合起来的名字为 title标签。
4.标签在HTML代码中是成对出现的,如你好,我是body标签,这就是一对body标签,它们分为开头和结尾,为开始标签,结束标签,当标签不成对,缺少开始或结束标签的时候就会引发异常。

二.新建一个网页
1.新建网页文件的时候,需要一定的格式,不能乱搞一通,常用的网页文件目录格式如下:
主目录 → 创建 (网页-HTML) 教程

如下图:

创建 (网页-HTML) 教程

2.这是根据网页所需内容来创建的文件夹,开始制作网页的时候,将网页资源分类存储,方便日后查找资源和维护。

三.网页最基本的页面代码
1.新建一个HTML页面代码,可以使用工具或自己创建。如使用常用的工具:
(1)Adobe Dreamweaver CC 2019
(2)Visual Studio 2015
(3)自己创建:首先在刚刚新建好的HTML文件夹里创建一个记事本,输入你的网页名称, 然后将后缀名改为html,就会弹出下面的提示,然后点击是就OK了。
创建 (网页-HTML) 教程

(4)这样子就创建好了,大家的图标可能有所不同,HTML文件的图标是根据你电脑的默认浏览器来显示的,这个时候就不要太在意它的图标了。
创建 (网页-HTML) 教程

(5)将下面的代码写到HTML文件里,让最简单的网页显示出来,我使用的工具是
Adobe Dreamweaver CC 2019,没有编程工具的可以到网上下载一个。

代码:
<!doctype html>

演示 你好,你的网页创建成功了。

创建 (网页-HTML) 教程

(6)没有下载好工具又急于尝试的朋友可以将代码复制到记事本,然后在把记事本的后缀名改成HTML,用浏览器打开就可以。
创建 (网页-HTML) 教程

(7)网页效果
创建 (网页-HTML) 教程

网页的logo和名字就已经可以显示出来了,网页logo就是一张图片,我已经把logo图复制到Img文件夹里面,自己想要什么logo自己更换就好了。