HTML 编辑基础(菜鸟必看篇)

1. HTML 编辑基础介绍

HTML(超文本标记语言)是网页制作的基础,是一种标记语言。它通常由一些标签来描述网页的结构和内容。HTML标签通常是成对出现,包括一个开始标签和一个结束标签。注释可以写在<!--和-->之间,HTML不区分大小写。

1.1 HTML编辑器推荐

在编辑HTML时,我们需要使用一些工具或软件,典型的HTML编辑器有:

Sublime Text

Atom

VS Code

Notepad++

Dreamweaver

以上几款编辑器都可以很好地完成HTML的编写工作。如果是入门用户可以选择 Notepad++、Sublime Text,而对于更专业的用户则可使用VSCode等更实用的编辑器。

1.2 HTML语法

HTML语法指定文档中使用的元素和属性。元素被用于描述内容的结构和语意,并使用开放和关闭标记来导入其他内容。常用的HTML标签有:

<p>: 段落

<h1>~<h6>: 标题

<div>:容器

<a>:超链接

<img>:图像

...

编写HTML的标签后必须在结束标签之前“关闭”:

<p>这是段落的内容.</p>

属性使用元素的内部,为元素添加额外的特性信息,属性总是在元素的开始标志内被指定。属性总是这样写的:属性名称="属性值":

<p class="strong">这是加粗字体的内容.</p>

在上例中,class属性被用于定义一个样式规则,在CSS中,属性选择器可以用该属性选择改样式规则。

1.3 HTML文件结构

HTML文档包括两部分:头部(head)和主体(body)。头部包含文档的元信息,而主体包含需要显示给用户的内容:

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>文档标题</title>

</head>

<body>

<h1>这是标题</h1>

<p>这是段落内容.</p>

</body>

</html>

以上是一个典型的HTML文件结构,DOCTYPE定义文档类型,html标记包含头部和主体部分。头部包含meta标记,指定文档的字符编码方式以及title标记,定义浏览器窗口的标题,而主体包含一些网页中的实际内容。