HTML基础教程：列表与网页结构

需积分: 10 92 浏览量更新于2024-08-17 收藏 3.26MB PPT 举报

"北大青鸟提供的PPT教程介绍了如何使用HTML中的列表标签，以及HTML基本结构和相关知识点。" 在HTML中，列表是组织信息的重要工具，分为无序列表（unordered list）和有序列表（ordered list）。无序列表通常用`<UL>`标签定义，每个列表项由`<LI>`标签包裹。例如： ```html <UL> <LI>列表项内容1</LI> <LI>列表项内容2</LI> ... </UL> ``` 有序列表则使用`<OL>`标签，它也包含`<LI>`标签，但会自动为列表项添加数字或字母序号： ```html <OL> <LI>列表项内容1</LI> <LI>列表项内容2</LI> ... </OL> ``` 在示例中，还展示了如何自定义有序列表的数字样式，例如： ```html <OL type="1"> <LI>填写信息</LI> <LI>收电子邮件</LI> <LI>注册成功</LI> </OL> ``` 这里`type="1"`表示使用阿拉伯数字作为序号。此外，列表项还可以通过`type`属性改变样式，如`type="A"`（大写字母）、`type="a"`（小写字母）或`type="I"`（罗马数字）。 HTML是 HyperText Markup Language 的缩写，它是构建网页的基础语言。一个基本的HTML文件结构包括`<HTML>`、`<HEAD>`和`<BODY>`三个主要部分。`<HTML>`标签是整个文档的根元素，`<HEAD>`包含文档元信息（如标题`<TITLE>`），而`<BODY>`则包含用户在浏览器中看到的实际内容。例如： ```html <!DOCTYPE HTML> <html> <head> <title>我的第一个网页</title> </head> <body> Hello World! </body> </html> ``` 在HTML中，可以使用`<IMG>`标签插入图像，通过`src`属性指定图像的URL，`alt`属性提供替代文本。文本的对齐可以通过`<p>`标签的`align`属性或者CSS来实现，如`align="center"`。超链接则由`<A>`标签创建，其`href`属性指定了链接的目标地址，例如： ```html <a href="http://example.com">点击访问示例网站</a> ``` 本门课程的目标是教会学生如何利用HTML创建美观的静态商业网站，包括使用文本修饰、图像处理和超链接设置。通过学习，学生应能熟练掌握HTML的基本结构，使用文本、图像和链接标签，以及制作图文并茂的网页。预习检查涉及了HTML文档的基本结构、文本对齐方式和创建超链接的方法，这些都是构建HTML页面的基础知识。

theAIS

粉丝: 50
资源: 2万+

HTML基础教程：列表与网页结构

QT027-北大青鸟ppt课件教程

Linux系统管理 北大青鸟PPT

职业生涯规划模板2021-北大青鸟.软件工程师职业规划--★【汉魅】（29页）.ppt

北大青鸟 u盘文件夹含义

北大青鸟控制器调试软件编程模式二使用说明

html5第二章上机制作北大青鸟宣传片

北大青鸟控制器调试工具v2.1.2.x10

北大青鸟u盘调试工具教程

北大青鸟s3毕业项目

北大青鸟y2 app项目

最新资源

Linux系统管理北大青鸟PPT