HTML入门教程:构建无序列表与页面结构
需积分: 15 21 浏览量
更新于2024-07-10
收藏 4.9MB PPT 举报
本资源主要介绍了HTML的基本概念和无序列表的使用,是大学学习HTML的初步教程。其中,无序列表(UL)常用于呈现项目列表,如例子中展示的星期天至星期六的列表。此外,还涵盖了HTML文档的结构、基本HTML标签的运用、特殊字符的插入、超级链接的创建等内容。
HTML简介:
HTML,全称HyperText Markup Language,是一种用于创建网页的标准标记语言。它可以用来控制页面布局,定义内容样式,并且能够插入各种媒体元素,如音频和视频。HTML文档由一系列标签组成,这些标签告诉浏览器如何解析和显示内容。
HTML文档结构:
一个HTML文档通常包含三个主要部分:`<HTML>`、`<HEAD>`和`<BODY>`。`<HTML>`标签是整个文档的容器,`<HEAD>`部分用于存储文档元信息,如标题(`<TITLE>`),而`<BODY>`部分则包含实际可见的内容,如标题(`<H1>`)、段落(`<P>`)等。
HTML标签:
在HTML中,标签通常以尖括号包围,如`<H1>`表示一级标题,`<UL>`表示无序列表,`<LI>`表示列表项。`<BODY>`标签内的属性,如`BGCOLOR`,可以用来设置背景颜色,例如`<BODY BGCOLOR="LAVENDER">`将背景设为薰衣草色。
无序列表(UL)与列表项(LI):
无序列表(`<UL>`)用于创建项目列表,每个列表项由`<LI>`标签包裹。在示例中,列举了星期的每一天,每个星期日到星期六都用`<LI>`标签包裹,放置在`<UL>`标签内,形成了一个无序的列表。
超级链接:
HTML文档中可以创建超级链接,允许用户跳转到其他页面或同一页面的其他位置。链接通过`<A>`标签实现,如`<A HREF="url">链接文本</A>`,其中`href`属性指定链接的目标地址。
编辑器与浏览器:
编写HTML代码通常需要使用文本编辑器,如DreamWeaver,这是一款专业用于HTML设计和编码的工具。编写完成后,代码会在浏览器中解析并显示为用户友好的网页。
总结:
本教程旨在帮助初学者理解HTML的基础,包括无序列表的使用,以及HTML文档的基本结构和标签系统。通过学习,学生将能够创建简单的HTML页面,描述文档结构,插入特殊字符,以及建立超级链接。这些技能是构建任何Web内容的基础。
405 浏览量
209 浏览量
2021-06-14 上传
1765 浏览量
115 浏览量
837 浏览量
点击了解资源详情
184 浏览量
西住流军神
- 粉丝: 31
- 资源: 2万+
最新资源
- easypanel虚拟主机控制面板 v1.3.2
- Coursera
- wind-js-server:用于将Grib2风向预报数据公开为JSON的服务
- 生命源头论坛 LifeYT-BBS V2.1
- TUTK_IOTC_Platform_14W42P2.zip TUTK IOTC官方sdk
- WeatherJournalApp
- 电商小程序源码项目实战
- 美女婚纱照片模板下载
- GB 50231-1998 机械设备安装工程施工及验收通用规范.rar
- MPT-开源
- facebook-archive:使用Facebook的存档数据可以享受一些乐趣
- 阿普奇工业显示器PANEL2000.zip
- action_react
- Torus-开源
- 应用js
- WPF将控件中的文字旋转.zip