项目五李白个人生平（资源）

鼠扑 · 2024-12-9 01:35:46

本项目旨在能够灵活运用整章知识点设计页面。本项目创建了“唐朝诗人群像”网站的第三个页面——即李白个人生平页面，重要完成其 HTML部分。
【项目目标】

灵活运用HTML 根本标志。
把握在 HTML页面中嵌入多媒体对象的方法。

【项目内容】

利用HTML标志对网页举行结构化。
能够合理的分别网页结构。

【项目步骤】
本项目素材包括音频、图片和文本，新建 HTML 文件，命名为 libai-experiencel.html。
将“李白生平履历素材.txt” 文件的全部内容粘贴到<body>标志间。
1.网页总体结构化
素材“李白生平履历素材.tx”文件分为13个部分，见解释。分别是！--header-->、＜！-背景音乐 ->、＜！--标题李白-->、！--页面尾部-->、<！--1导读-->.••<！--10story故事3-->。在本部分做页面结构化是为了在后续项目中举行页面结构，参照项目图5-1所
（1）＜header>及<nav>标签：页面头部将作为页面的主导航，因此将解释中页面头部的
"首页.•调查问卷”内容添加到指定标签内。
（2） <aside> 标签：将解释背景音乐部分，即文字〝背景音乐”，将添加到<aside>标签
内。此部分将作为背景音乐。
（3） <main>标签：此部分包括了从“1导读—10 故事3”的十个主题，将其加入到
＜main>标签中。主体 main 将分别为两个部分，分别是 content 和 aside。

<div id="content”>：根据解释，将“标题李白—7 当涂”分别到此部分。
<aside id="story”>：根据解释，“a 故事1—10 故事3” 分别到此部分。
<div id="daodu”>：根据解释，“1导读”分别到此部分。

项目图5-1网页总体结构分别
2.网页细分
（1）分别<header>细分：此部分用来做主导航，所以必要用＜nav>、<ul>、<li>标签将
header部分分别为导航和列表，请参照项目图5-2所示举行结构化。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

		自动登录	找回密码
密码			立即注册

项目五李白个人生平（资源）

本帖子中包含更多资源

0 个回复

快速回复

楼主热帖

标签云

浏览过的版块

项目五 李白个人生平（资源）

本帖子中包含更多资源

0 个回复

快速回复

楼主热帖

标签云

浏览过的版块

项目五李白个人生平（资源）