HTML基础教程:标记、属性与文件命名

需积分: 9 0 下载量 138 浏览量 更新于2024-08-17 收藏 4.52MB PPT 举报
"HTML基本语法-东北大学html" HTML(HyperText Markup Language)是一种标记语言,用于构建和设计网页。它是互联网上应用最广泛的语言,允许开发者通过一系列的标签来描述网页的内容和结构。 一、标记语法 HTML中的标记是构成网页的基本元素。标记通常由尖括号 "<>" 包围,例如 `<html>`、`<head>` 和 `<body>`。这些标记定义了网页的不同部分。有些标记是单标记,如 `<br>`,它表示一个换行,不需要闭合标签。而大多数标记是双标记,如 `<p>`(段落)和 `<h1>`(一级标题),它们由始标记和尾标记组成,如 `<p>这是段落内容</p>`。 二、属性语法 标记可以具有属性,用来进一步定义其行为或外观。例如,`<img>` 标记用于插入图像,它可以有 `src` 属性指定图像源,`alt` 属性提供替代文本。例如:`<img src="image.jpg" alt="描述图像的内容">`。属性通常以键值对的形式出现,如 `size=3` 或 `align=left`。 三、HTML文件的命名 创建HTML文件时,文件名应遵循一定的规则: 1. 扩展名通常是 `.htm` 或 `.html`,表明文件是HTML文档。 2. 文件名只能包含英文字母、数字和下划线,避免使用空格和其他特殊字符。 3. 网站首页的默认文件名通常是 `index.htm` 或 `index.html`。 四、编写HTML文件的注意事项 1. 所有的HTML标记都需要用尖括号包围,以便浏览器识别和处理。 2. 标记应正确嵌套,即打开的标签需要有相应的关闭标签,以保持良好的语义结构。 3. 保持代码的整洁和一致性,有助于提高代码的可读性和维护性。 4. 使用注释来解释复杂或不常见的代码段,便于后期维护。 掌握这些基本的HTML语法和规则是成为一名合格的网页开发者的首要步骤。通过组合不同的标记和属性,可以创建复杂的网页布局,添加图像、链接、列表、表格等元素,进一步丰富网页内容。此外,配合CSS(层叠样式表)和JavaScript,可以实现更动态的交互和视觉效果。