mr-siddy.github.io:一个HTML构建的投资组合网站

需积分: 5 0 下载量 16 浏览量 更新于2024-11-22 收藏 2.94MB ZIP 举报
资源摘要信息: "mr-siddy.github.io: 投资组合网站" mr-siddy.github.io 是一个个人投资组合网站,旨在展示开发者mr-siddy的技术能力、项目作品以及相关经验。通过这个网站,访客可以了解到mr-siddy的专业技能、完成的项目以及对技术的理解。网站使用了HTML作为主要的标记语言,展示了网页设计和前端开发的能力。 在HTML标签使用方面,该网站可能涉及到如下知识要点: 1. HTML基础结构标签: - `<!DOCTYPE html>`: 声明文档类型和HTML版本。 - `<html>`: 根元素标签,包裹整个页面内容。 - `<head>`: 包含了如meta标签、title、link等,用于定义文档的元数据。 - `<title>`: 定义网页标题,出现在浏览器标签页上。 - `<body>`: 包含了页面的可见内容,如段落、图片、链接等。 2. 文本内容标签: - `<h1>` 到 `<h6>`: 从大到小的标题标签,用于文档中的各级标题。 - `<p>`: 定义文本的段落。 - `<strong>` 和 `<b>`: 用于加粗文本,其中`<strong>`带有语义上的强调,而`<b>`仅仅是视觉上的加粗。 - `<em>` 和 `<i>`: 用于斜体文本,`<em>`表示语义上的强调,而`<i>`仅用于视觉上的斜体。 3. 链接与导航: - `<a>`: 定义超链接,可以通过`href`属性指定链接的目标地址。 - `<nav>`: 定义导航链接的部分,用于网站的主要导航。 4. 图像与多媒体: - `<img>`: 嵌入图片,需要使用`src`属性指定图片的URL,`alt`属性提供图片的文本替代。 5. 列表标签: - `<ul>`, `<ol>`, `<li>`: 分别表示无序列表、有序列表和列表项。 - `<dl>`, `<dt>`, `<dd>`: 用于定义描述列表、描述术语和描述内容。 6. 表格标签: - `<table>`, `<tr>`, `<th>`, `<td>`: 分别用于创建表格、表格行、表头单元格和表格数据单元格。 7. 表单标签: - `<form>`: 创建表单,用于收集用户输入。 - `<input>`, `<textarea>`, `<button>`, `<select>`, `<option>`: 分别用于创建输入框、文本区域、按钮、选择菜单和选项。 8. HTML5新增内容: - `<section>`, `<article>`, `<aside>`, `<footer>`, `<header>`: 用于定义文档中的不同区域,提升内容的结构性和语义化。 - `<audio>` 和 `<video>`: 用于嵌入音频和视频内容。 9. 元信息标签: - `<meta>`: 提供关于HTML文档的元信息,如字符集、页面描述、关键词等。 由于该网站使用了“-master”作为文件名后缀,这通常表明这是一个仓库的主分支,包含网站的全部源代码和资源。压缩包子文件的文件名称列表暗示了该网站可能使用了压缩技术(例如ZIP)来打包多个文件和文件夹,便于管理和传输。 在构建投资组合网站时,开发者往往会注重网站的用户体验(UX)和用户界面(UI),以确保信息的清晰展示和互动的流畅性。此外,响应式设计也是现代网页设计中的一个关键方面,确保网站在各种设备和屏幕尺寸上都能提供良好的访问体验。 mr-siddy.github.io可能展示了mr-siddy的个人风格和专业技能,比如使用CSS(层叠样式表)来增强视觉效果,JavaScript来增加交互功能,以及可能采用的前端框架(如React、Vue或Angular)来提高开发效率和用户体验。通过这个网站,mr-siddy可以向潜在雇主或合作伙伴展示他的编程能力和项目管理技能。