构建首个个人网站:展示诗歌与技术博客

需积分: 9 0 下载量 156 浏览量 更新于2024-12-08 收藏 13KB ZIP 举报
资源摘要信息:"My-First-Website是一个包含了多个网页元素的网站项目,它不仅提供了个人写作和诗歌作品的展示,还包括技术博客内容,这是一个基础的HTML网站,适用于初学者进行学习和实践。" 知识点详细说明: 1. 网站建设基础: - 网站通常由多个网页组成,每个网页可以看作是网站的一个页面。 - 网页的开发需要使用到HTML(HyperText Markup Language,超文本标记语言),它用于构建网页的结构和内容。 - HTML利用各种标签来定义网页的不同部分,如标题、段落、链接、图片等。 2. 网站页面组成: - "主页"(Home Page):通常是网站的入口页面,介绍了网站的主要内容和服务。 - "关于我"(About Me):用于介绍网站或个人的背景信息。 - "联系人"(Contact):提供了访问者联系网站所有者的方式,可能包含电子邮件、社交媒体链接等。 - "博客"(Blog):定期更新的文章集合,可以用来分享作者的见解、经验和知识。 3. 网站内容主题: - 绝句和科技博客:本网站的特色在于它结合了文学艺术和科技知识。绝句通常指四行诗,是中国古典文学的一种形式。而技术博客则是分享技术见解和经验的平台。 4. HTML语言要素: - HTML文档通常由以下几个主要部分组成: - DOCTYPE声明:定义文档类型和版本,如<!DOCTYPE html>声明HTML5文档。 - html标签:这是整个HTML文档的根元素。 - head标签:包含关于HTML文档的元数据,例如文档标题、链接到样式表和脚本等。 - body标签:包含网页的可见内容,如文本、图片、链接、表格、列表等。 5. HTML标签使用: - 标题标签(h1-h6):表示不同级别的标题,h1标签定义最高级别。 - 段落标签(p):用于创建文本段落。 - 链接标签(a):用于在网页中创建超链接,可以链接到其他网页或文档。 - 图片标签(img):用于在网页中嵌入图片。 - 列表标签(ul/ol, li):分别代表无序列表和有序列表,用于列出相关项目。 - 文本格式化标签(如strong, em, b, i):用于改变文本的显示方式,例如加粗、斜体等。 6. 网站开发实践: - 学习和实践HTML是构建网站的第一步,通常还需要学习CSS(层叠样式表)来进一步美化网页的外观。 - 在实际开发中,可能还会使用到JavaScript来增加网页的交互功能。 7. 网站部署: - 当网站开发完成后,需要将其部署到服务器上,以便其他人可以通过互联网访问。 - 网站部署可以使用多种服务,比如GitHub Pages、FTP上传到Web服务器、云服务平台等。 8. 版本控制: - "My-First-Website-master"中的“master”通常指的是Git版本控制中的主分支。Git是一种版本控制系统,用于追踪代码的变更和协作开发。 通过创建这个名为"My-First-Website"的网站,初学者可以学习到如何使用HTML创建网页、组织内容以及进行基本的网站开发。此外,这个项目还展示了如何结合个人兴趣和专业知识,在一个网站中展示多种类型的资料和信息。对于初学者来说,这个项目是一个很好的起点,可以逐步扩展知识和技能,逐步构建更为复杂和功能丰富的网站。