HTML入门教程:创建与结构

需积分: 0 1 下载量 150 浏览量 更新于2024-08-17 收藏 10.57MB PPT 举报
"html 初级教程" HTML,全称HyperText Markup Language,即超文本标记语言,是用于创建网页的标准标记语言。它结合了文本内容和元数据,使得信息能够以结构化的方式呈现,并通过互联网进行共享和传输。HTML文件通常以.htm或.html为扩展名,是构成万维网(Web)的基础。 1. HTML文档的编写方法: - 手工直接编写:使用简单的文本编辑器如记事本,直接输入HTML代码,然后保存为.htm或.html格式。 - 可视化HTML编辑器:利用软件如Frontpage、Dreamweaver等,提供图形界面,方便非程序员创建网页。 - 动态生成:在Web服务器端,通过编程语言实时生成HTML内容。 2. 网页文件命名规范: - 使用*.htm或*.html作为扩展名。 - 文件名中不应含有空格。 - 避免特殊字符,仅允许下划线 "_" 和英文、数字。 - 文件名区分大小写,但大部分系统中不敏感。 - 首页文件通常命名为index.htm或index.html。 3. HTML文件的基本结构: - HTML文档由包围整个文档的`<html>`标签开始,分为两个主要部分:`<head>`和`<body>`。 - `<head>`包含文档元信息,如标题`<title>`和元数据`<meta>`。 - `<body>`则包含实际显示在浏览器中的内容。 4. HTML元素: - 元素是HTML的基本组成单元,由开始标签(如`<body>`)和结束标签(如`</body>`)组成,中间是元素内容。 - 元素标记使用尖括号包围,结束标签前加斜杠。 5. HTML元素属性: - 元素可以拥有属性,比如`<p align="center">`中的`align`属性,用于设置段落居中。 - 属性与元素名间用空格分隔,属性值用引号包围。 例如,下面是一个简单的HTML页面示例: ```html <html> <head><title>我的第一张网页</title></head> <body> <p align="center">欢迎来到我的主页!</p> </body> </html> ``` 这个例子中,`<title>`定义了页面标题,`<body>`包含了用户可见的内容,而`<p align="center">`定义了一个段落并将其内容居中。 学习HTML是网页设计的基础,掌握了这些基础知识,你可以创建出结构清晰、内容丰富的网页。随着对CSS(层叠样式表)和JavaScript的深入学习,你将能构建更加交互式和视觉吸引人的网页。