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标记,定义浏览器窗口的标题,而主体包含一些网页中的实际内容。