personal-website:我的个人网站资源-CSDN文库

共120个文件

png：43个

jpg：26个

html：15个

需积分: 5 180 浏览量 2021-04-18 11:54:28 上传评论收藏 22.47MB ZIP 举报

【个人网站创建与HTML基础知识】在互联网时代，拥有一个个人网站是展示自我、分享知识或作品的有效途径。"personal-website:我的个人网站"项目，就是这样一个由吴东豪创建的个人网站，它通过HTML语言构建，展示了作者的技能、经历或者兴趣爱好。 HTML（HyperText Markup Language）是网页开发的基础，用于定义网页内容的结构和样式。在这个项目中，我们可以看到HTML是如何被用来创建网页的基本框架的。以下是一些关于HTML的关键知识点： 1. **HTML标签**：HTML文档由各种标签组成，每个标签都有其特定的含义。例如`<head>`包含了页面元数据，如标题；`<body>`是网页内容的主要部分；`<h1>`到`<h6>`表示不同级别的标题；`<p>`用于段落；`<a>`用于链接等。 2. **结构化文档**：HTML强调文档的逻辑结构，如使用`<section>`、`<article>`、`<nav>`等元素来组织内容，提高可读性和可访问性。 3. **内联元素与块级元素**：内联元素如`<span>`和`<a>`不会占据整个宽度，而块级元素如`<div>`和`<p>`会默认占据一整行。 4. **CSS集成**：虽然标签中未提及CSS，但在实际的个人网站开发中，CSS（Cascading Style Sheets）通常与HTML一起使用，用于控制元素的样式、布局和视觉效果。CSS可以内联（在HTML标签中），内部（在`<style>`标签内）或外部（在单独的.css文件中）引入。 5. **响应式设计**：现代网站需要适应不同设备的屏幕尺寸，这通常通过媒体查询和灵活布局实现。个人网站可能包含了这些特性，以确保在手机、平板和电脑上都能良好显示。 6. **SEO优化**：为了提高搜索引擎可见性，HTML标签如`<meta>`中的`description`和`keywords`属性以及`<title>`标签的正确使用至关重要。 7. **链接和交互**：`<a>`标签不仅可以链接到其他网页，还可以通过JavaScript实现页面内的跳转和交互效果。 8. **Web标准与浏览器兼容性**：遵循W3C的HTML和CSS标准，同时考虑不同浏览器对某些特性的支持情况，以确保网站在多数用户环境中都能正常运行。在"personal-website-master"这个压缩包中，我们可能会找到如index.html、styles.css等文件，分别对应HTML主体和CSS样式。通过解压并查看这些文件，我们可以更深入地了解吴东豪如何构建他的个人网站，学习和借鉴其中的设计理念和编程技巧。这不仅是一个实践项目，也是HTML初学者的一个好教程。

资源详情

资源评论

收起资源包目录

personal-website:我的个人网站（120个子文件）

flexLab2.css 14KB

basiclab.css 4KB

style.css 3KB

flexLab1.css 2KB

home.css 2KB

about.css 1KB

mylab.css 922B

projects.css 786B

gallery.css 422B

contact.css 116B

.DS_Store 6KB

basiclab.html 25KB

flexLab1.html 16KB

projects.html 11KB

flexLab2.html 8KB

mylab.html 6KB

index.html 4KB

about.html 4KB

index.html 4KB

index.html 3KB

gallery.html 3KB

contact.html 3KB

gridlab1.html 229B

me.jpeg 105KB

react.jpeg 94KB

react2.jpeg 53KB

myself.jpeg 22KB

developer.jpeg 7KB

linkedIn.jpeg 4KB

hotel-2.jpg 1.82MB

hotel-1.jpg 1.49MB

hotel-3.jpg 1.41MB

8.jpg 390KB

4.jpg 366KB

9.jpg 364KB

12.jpg 360KB

10.jpg 297KB

13.jpg 282KB

16.jpg 266KB

1.jpg 237KB

11.jpg 207KB

15.jpg 175KB

7.jpg 171KB

14.jpg 152KB

6.jpg 150KB

user.jpg 123KB

jsdom.jpg 36KB

mongo.jpg 23KB

box-model.jpg 18KB

user-6.jpg 7KB

user-4.jpg 6KB

user-1.jpg 5KB

user-5.jpg 5KB

user-2.jpg 5KB

user-3.jpg 3KB

note.md 662B

README.md 140B

clothing-friends.png 4.43MB

link1.png 2.45MB

linkedin1.png 2.06MB

pokemon5.png 900KB

pokemon4.png 856KB

developer2.png 764KB

stock.png 368KB

gmc.png 307KB

natural-events-tracker.png 302KB

clothing-friends.png 262KB

smart-brain.png 217KB

link1.png 214KB

code.png 184KB

robot.png 134KB

github1.png 130KB

codeTyke.png 106KB

node.png 93KB

pokemon3.png 85KB

quonto.png 78KB

025Pikachu.png 60KB

pokemon2.png 53KB

fullstack.png 51KB

weather-app.png 39KB

pikachu.png 32KB

css2.png 29KB

contact-keeper.png 24KB

auth-demo-2020.png 20KB

github-finder.png 19KB

bootstrap.png 16KB

githublogowhite.png 15KB

animation2.png 14KB

animation.png 10KB

githublogo.png 10KB

grid.png 10KB

mailwhite.png 9KB

linkedinwhite.png 8KB

favicon.png 6KB

共 120 条

评论收藏

内容反馈

personal-website:我的个人网站

评论0

最新资源

personal-website:我的个人网站

评论0

最新资源

相关推荐

personal_website:我的个人网站

personal-website:我的个人网站的存储库

Personal-Portfolio-WebSite:我的个人网站

Personal-Website:个人网站位于

personal-website:李晴的个人网站

personal-website:我的网站

personal-website:个人网站

personal-website:我没有JavaScript的个人网站

my-personal-website:我的个人网站

personal-website:我的个人网站的代码

Personal-Website:投资组合网站

Ozioma-Personal-Website:我的个人网站和博客 https

Personal-Website:我的个人网站

Personal-Website:艾萨克·谢普的个人网站

personal-website:这是我个人网站的源代码

old-personal-website:我的旧个人网站

Personal-Website:使用html和CSS源代码的个人网站-html website source code