「HTML」从零开始学网页制作

yumo6661周前 (04-27)技术文章8

网页是一个包含HTML标签的纯文本文件

网页制作离不开浏览器制作网页工具

浏览器推荐【谷歌浏览器】或【火狐浏览器】

制作网页工具用电脑自带的【记事本】即可

六步即可学会最基础的网页制作!

第一步

右击桌面,选择新建,选择文本文档

第二步

打开新建的文本文档,输入以下内容(建议照敲一遍)

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>标题</title>
</head>

<body>
</body>
</html>

上面这些内容就是超文本标记语言,也称为HTML,现在HTML已经发展到第五代——HTML5,上面这些HTML5代码是帮助我们写出网页的基础。


第三步

右击文档重命名,修改文件后缀,将文件扩展名修改为.html


如果你看不到文件的扩展名那么就打开此电脑(我的电脑),在菜单栏查看勾选文件扩展名即可。

第四步

双击打开它,你会发现一片空白。


但并不是什么都没有,上图中箭头指的那一串字母就叫URL,也称“统一资源定位器”。因为这个文件只是本地文件,所以它现在的作用是定位你的文件存放位置,显示文档地址,说明文档放在什么地方。

第五步

忍受不了空空的感觉,那么就开始添加一些东西吧!

右击选择打开方式,选择用记事本打开

试试看把标题改成“这是一个标题”,按快捷键ctrl+s保存

刷新一下浏览器,于是标题就变成了“这是一个标题”

那么我们就可以知道,修改<title></title>里面的内容可以改变标题;同时<title>标签是<head>标签中唯一要求包含的东西。

第六步

一鼓作气,再添加一些内容吧!

在<body></body>这一对标签里面加上这样一段话:

<p>Hello</p>
<p>World</p>

然后保存刷新


恭喜你,你已经学会了最基础的网页制作了。

<p>这是什么意思呢?

这些被称为标签,上面出现尖括号的都属于标签,它们通常都是成对的,由开始标签和结束标签(结束标签加上斜杠)构成一组标签,例如<title></title>、<p></p>。

<p>标签定义段落,我们写文章一般是敲一下回车就换一行,但是网页不一样,你敲多少个回车都是不被识别的。

<p>有志者,事竟成,破釜沉舟,百二秦关终属楚;


苦心人,天不负,卧薪尝胆,三千越甲可吞吴!</p>
<p><p></p>

可以看到上面的一段话,敲多少个回车都没有用,而下面的一段话,用两个<p>标签就换行了。

相关文章

Javascript | 3种 HTML 转换为纯文本的方法

前几天,我手里的一个项目需要将富文本的所有 html 标签全部删除,得到纯文本后再存储到数据库中。在一系列得搜索操作之后,我找到了实现这个目的的几种方法,在这里我分享给大家,当你遇到同样的情况兴许也能...

什么是HTML

1 什么是HTMLHTML 是用来描述网页的一种语言。HTML 是一种在 Web 上使用的通用标记语言。HTML 允许你格式化文本,添加图片,创建链接、输入表单、框架和表格等等,并可将之存为文本文件,...

HTML 简介

HTML 简介HTML 实例<!DOCTYPE html> <html> <head> <meta charset="utf-8"> &...

是什么组成了html?html组成元素有哪些?

网页html的组成是由:文字、图片、音频、视频、超链接组成。1-文字由什么组成?文字标签在“body”标签下,由文本标签比如:标题<h1>~<h6>,段落<p>&l...

什么是 HTML

什么是 HTML?HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言 (Hyper Text Markup Language)HTML 不是一种编程语言,而是一种标记语言 (marku...

HTML简单介绍及常见元素

<!doctype html> <html> <head> <meta charset="utf-8"> <t...