实验02用HTML制作简单网页.pptVIP

文本框下拉框单选框与复选框按钮添加表单用于用户输入文本信息，如姓名、邮箱等。用于选择或确认某些信息，如性别、兴趣爱好等。提供一系列选项供用户选择，如国家、城市等。提交表单或触发某些动作，如提交、重置等。文本框下拉框单选框与复选框按钮添加表单用于用户输入文本信息，如姓名、邮箱等。用于选择或确认某些信息，如性别、兴趣爱好等。提供一系列选项供用户选择，如国家、城市等。提交表单或触发某些动作，如提交、重置等。实验02：用HTML制作简单网页2023-2026ONEKEEPVIEWREPORTINGWENKUDESIGNWENKUDESIGNWENKUDESIGNWENKUDESIGNWENKU目录CATALOGUEHTML简介创建简单网页网页布局和样式交互功能网页发布与维护目录CATALOGUEHTML简介创建简单网页网页布局和样式交互功能网页发布与维护HTML简介PART01HTML简介PART01123HTML是HyperTextMarkupLanguage的缩写，即超文本标记语言，用于创建网页的标准标记语言。HTML定义了网页的结构和内容，通过各种标签来描述网页中的元素，如标题、段落、链接、图片等。HTML是网页开发的基础，任何复杂的网页都是由HTML构建的。HTML的定义和作用123HTML是HyperTextMarkupLanguage的缩写，即超文本标记语言，用于创建网页的标准标记语言。HTML定义了网页的结构和内容，通过各种标签来描述网页中的元素，如标题、段落、链接、图片等。HTML是网页开发的基础，任何复杂的网页都是由HTML构建的。HTML的定义和作用HTML的基本结构01一个HTML文档由一系列的HTML标签组成，包括`!DOCTYPEhtml`、`html`、`head`和`body`等。02head标签内包含了一些元数据，如文档的标题、字符集、样式表链接等。03body标签内包含了网页的主要内容，如文本、图片、链接等。HTML的基本结构01一个HTML文档由一系列的HTML标签组成，包括`!DOCTYPEhtml`、`html`、`head`和`body`等。02head标签内包含了一些元数据，如文档的标题、字符集、样式表链接等。03body标签内包含了网页的主要内容，如文本、图片、链接等。p：定义段落。img：定义图像。span：定义行内元素或文本片段。h1到h6：定义标题，h1最大，h6最小。a：定义链接。div：定义区块或部分。010203040506HTML的常用标签p：定义段落。img：定义图像。span：定义行内元素或文本片段。h1到h6：定义标题，h1最大，h6最小。a：定义链接。div：定义区块或部分。010203040506HTML的常用标签创建简单网页PART02创建简单网页PART02打开文本编辑器，如记事本、SublimeText等。创建一个新文件，并将其保存为以“.html”为扩展名的文件，例如“index.html”。在文件中输入HTML代码。创建HTML文件打开文本编辑器，如记事本、SublimeText等。创建一个新文件，并将其保存为以“.html”为扩展名的文件，例如“index.html”。在文件中输入HTML代码。创建HTML文件设置网页标题在HTML文件的`head`标签内添加`title`标签。在`title`标签内输入网页标题，例如“我的第一个网页”。设置网页标题在HTML文件的`head`标签内添加`title`标签。在`title`标签内输入网页标题，例如“我的第一个网页”。使用`p`标签添加段落，例如“这是一个简单的段落。”。使用`h1`至`h6`标签添加标题，例如`h1`表示一级标题，`h2`表示二级标题。添加段落和标题使用`p`标签添加段落，例如“这是一个简单的段落。”。使用`h1`至`h6`标签添加标题，例如`h1`表示一级标题，`h2`表示二级标题。添加段落和标题使用`a`标签添加链接，例如`ahref=访问示例网站/a`。在`href`属性中输入链接地址，在`a`和`/a`之间输入链接文本。添加链接使用`a`标签添加链接，例如`ahref=访问示例网站/a`。在`href`属性中输入链接地址，在`a`和`/a`之间输入链接文本。添加链接网页布局和样式PART03网页布局和样式PART03内联样式直接在HTML元素中添加`style`属性来