怎么制作网页教程?最基础的入门教程(适合新

HTML 简介
什么是 HTML?
HTML 是一种用于描述网页的语言 。
HTML 代表超文本标记语言(Hyper Text)
HTML 不是一种编程语言,而是一种标记语言 ( )
标记语言是一组标签
HTML 使用标记标签来描述网页
HTML 标签
HTML 标签 标签通常被称为 HTML 标签 。
描述网页的 HTML 文档
HTML 文档包含 HTML 标签和纯文本
HTML 文档也称为网页
HTML标签是用尖括号括起来的关键字,例如
HTML标签通常是成对的,比如and
标签对中的第一个标签是开始标签,第二个标签是结束标签
开始和结束标签也称为开始和结束标签
HTML 文档 = 网页
HTML 编辑器
我们可以使用专业的 HTML 编辑器来编辑 HTML:
土坯
网络
HTML
让我们用记事本制作一个简单的网页:
第一步是打开记事本
如何启动记事本:
开始
所有程序
附件
记事本
第二步,在记事本中编辑HTML语言,如图:

怎么制作网页教程?最基础的入门教程(适合新

文章插图
第三步,保存HTML
从记事本的文件菜单中选择“另存为” 。
当您保存 HTML 文件时,您可以使用 .htm 或 .html 扩展名 。
第四步,在浏览器中运行HTML文件
启动浏览器并从“文件”菜单中选择“打开文件”命令,或直接双击文件夹中的 HTML 文件 。
结果应该是这样的:
怎么制作网页教程?最基础的入门教程(适合新

文章插图
这样,一个简单的网页就变成了 。
HTML 代码标题
创建网页时使用的标题是什么?一起来看看吧:
HTML 标题
Title() 由 - 等标签定义 。
定义最大的标题 。定义最小的标题 。
怎么制作网页教程?最基础的入门教程(适合新

文章插图

怎么制作网页教程?最基础的入门教程(适合新

文章插图
注意:浏览器会自动在标题前后添加空行 。
注释:默认情况下,HTML 会自动在块级元素(如段落和标题元素)前后添加一个额外的空行 。
HTML 代码 - 水平线
HTML 水平线
标签在 HTML 页面中创建水平线 。
hr 元素可用于分隔内容 。
怎么制作网页教程?最基础的入门教程(适合新

文章插图

怎么制作网页教程?最基础的入门教程(适合新

文章插图
提示:使用水平线(制表符)分隔文章中的小节是一种方法(但不是唯一方法) 。
HTML 代码 - 注释
HTML 注释
可以在 HTML 代码中插入注释以提高其可读性并使代码更易于理解 。浏览器会忽略评论并且不显示它们 。
评论是这样写的:
怎么制作网页教程?最基础的入门教程(适合新

文章插图

怎么制作网页教程?最基础的入门教程(适合新

文章插图
注意:在左括号(左括号)之后需要一个感叹号,而不是在右括号(右括号)之前 。
提示:正确使用注释有助于未来的代码编辑 。
HTML 代码 - 段落
HTML 段落
段落通过
标签已定义 。
怎么制作网页教程?最基础的入门教程(适合新

文章插图

怎么制作网页教程?最基础的入门教程(适合新

文章插图
评论:浏览器会自动在段落前后添加空行 。(
是块级元素)
提示:使用空段落标记插入空行是一个坏习惯 。与
标签替换它! (但不要使用
标签来创建列表 。不用担心,稍后您将了解 HTML 列表 。)
HTML 代码 - 换行