qiushi-zhou.github.io:周秋诗的个人主页资源-CSDN文库

共134个文件

scss：90个

html：14个

pdf：8个

需积分: 9 119 浏览量 2021-03-17 16:29:36 上传评论收藏 24.13MB ZIP 举报

周秋诗的个人主页是一个基于GitHub Pages建立的网站，展示了周秋诗的个人作品和技能。这个项目使用了HTML作为基础结构，很可能还结合了CSS和JavaScript等技术来实现交互和美化页面。以下是对HTML这一核心知识点的详细介绍： HTML（HyperText Markup Language）是网页制作的基础，它是一种标记语言，用于定义网页的结构和内容。HTML文件由一系列的元素组成，这些元素通过标签来表示。例如，`<html>`标签是整个文档的根元素，`<head>`包含元数据如标题，而`<body>`则包含可见的内容。 1. **HTML基本结构**：每个HTML文件都始于`<!DOCTYPE html>`声明，指定文档类型。接着是`<html>`标签，它是所有其他元素的容器。在`<html>`标签内，`<head>`定义了文档头部信息，如`<title>`定义页面标题，而`<body>`包含了页面的主要内容。 2. **HTML标签**：HTML标签有多种，比如文本相关标签`<p>`（段落）、`<h1>`到`<h6>`（标题）、`<a>`（超链接）、`<img>`（图片）。还有布局元素，如`<div>`（定义区块）、`<span>`（定义小范围样式）等。 3. **HTML属性**：标签可以有属性，比如`<a href="url">`中的`href`属性指定链接地址，`<img src="image_path" alt="description">`中的`src`属性指定了图片路径，`alt`提供了替代文本。 4. **HTML5新增元素**：HTML5引入了一些新的语义化元素，如`<header>`、`<footer>`、`<nav>`、`<article>`、`<section>`，帮助构建更结构化的页面内容。 5. **CSS与HTML结合**：通常，HTML用于结构，CSS（Cascading Style Sheets）用于样式。通过`<link>`标签引入外部CSS文件或`<style>`标签内联定义样式，可以改变HTML元素的外观和布局。 6. **JavaScript与HTML交互**：HTML提供`<script>`标签引入JavaScript代码，用于增加动态功能。JavaScript可以通过DOM（Document Object Model）操作HTML元素，响应用户交互，进行数据验证，甚至与服务器进行异步通信（AJAX）。 7. **响应式设计**：现代网页需要适应不同设备的屏幕大小，HTML5的`<meta name="viewport" content="width=device-width, initial-scale=1">`标签可以帮助实现这一点，配合CSS媒体查询，可以创建响应式布局。 8. **GitHub Pages**：GitHub Pages是GitHub提供的静态网站托管服务，可以方便地展示个人项目或博客。用户只需将HTML、CSS和JavaScript文件上传到特定分支，GitHub会自动构建并发布网站。周秋诗的个人主页项目可能涉及了HTML的基本结构、元素、属性，以及与CSS和JavaScript的结合使用，通过GitHub Pages对外展示。如果你想要深入学习或者模仿这个项目，可以从HTML标签的使用、页面布局、样式设计以及动态效果等方面入手。

资源推荐

资源详情

资源评论

收起资源包目录

qiushi-zhou.github.io:周秋诗的个人主页（134个子文件）

font-awesome.min.css 28KB

fontawesome-webfont.eot 75KB

Gemfile 186B

thinkspace.gemspec 700B

.gitignore 692B

compress.html 5KB

head.html 4KB

comments.html 1KB

pagination.html 884B

index.html 877B

post.html 694B

post-share.html 643B

intro.html 614B

nav.html 558B

foot.html 508B

footer.html 313B

default.html 268B

page.html 217B

header.html 64B

qiushi.JPG 1.84MB

author.jpg 53KB

LICENSE 1KB

publications.md 9KB

2015-12-30-markdown-cheatsheet-demo.md 3KB

2021-03-17-honourable-mention-at-chi-2021.md 427B

about.md 368B

FontAwesome.otf 122KB

CHI-2019-Cognitive.pdf 8.76MB

CHI-2020-Faces.pdf 5.44MB

TVCG-2020-Eyes.pdf 3.45MB

TVCG-2020-Fully.pdf 2.05MB

VR-2020-Engaging.pdf 643KB

CHI-2021-dance.pdf 605KB

IMWUT-2019-Ubiquitous.pdf 553KB

OZCHI-2017-Gazegrip.pdf 437KB

_bourbon-deprecated-upcoming.scss 14KB

_flex-box.scss 7KB

_layout.scss 4KB

_syntax-highlighting.scss 4KB

_text-inputs.scss 3KB

_directional-values.scss 3KB

_triangle.scss 2KB

_bourbon.scss 2KB

_transition.scss 2KB

_typography.scss 2KB

_linear-positions-parser.scss 2KB

_radial-arg-parser.scss 2KB

_border-image.scss 2KB

_background.scss 2KB

_timing-functions.scss 2KB

_buttons.scss 2KB

_prefixer.scss 2KB

_modular-scale.scss 2KB

_forms.scss 1KB

_animation.scss 1KB

_radial-gradient.scss 1KB

_background-image.scss 1KB

_linear-gradient.scss 1KB

_radial-gradient-parser.scss 1KB

_columns.scss 1KB

_str-to-num.scss 1KB

_keyframes.scss 1KB

_variables.scss 1KB

_position.scss 1KB

_reset.scss 1KB

_size.scss 1KB

_linear-gradient-parser.scss 1KB

_border-radius.scss 1KB

_font-source-declaration.scss 1KB

_linear-side-corner-parser.scss 915B

_render-gradients.scss 845B

_retina-image.scss 835B

_convert-units.scss 812B

_selection.scss 806B

_buttons.scss 769B

_linear-angle-parser.scss 757B

_hide-text.scss 740B

_unpack.scss 729B

_transition-property-name.scss 712B

_ellipsis.scss 669B

_border-color.scss 653B

_text-decoration.scss 616B

_border-style.scss 604B

_padding.scss 598B

_word-wrap.scss 597B

_border-width.scss 596B

_margin.scss 594B

_font-stacks.scss 586B

_is-light.scss 568B

_transform.scss 501B

_radial-positions-parser.scss 485B

_contains.scss 483B

_gradient-positions-parser.scss 480B

_font-face.scss 471B

_shade.scss 465B

_tint.scss 463B

_hidpi-media-query.scss 463B

_clearfix.scss 456B

_lists.scss 435B

共 134 条

评论收藏

内容反馈

是CC阿

粉丝: 24
资源: 4743

qiushi-zhou.github.io:周秋诗的个人主页

zhou.github.io

zhou-jialun.github.io:个人网

qiushiwu.github.io

splunk入门教程

qiushi_py.py

ios糗事百科代码实现完整版本.zip

Python-scrapy抓取糗事百科热门

source-code-qiushi:框架原始重构

qiushi.zip

IOS应用源码——糗事百科.zip

webservice分段上传文件

qiushi:糗事大全源代码

舞动青春大学校园励志开学典礼PPT模板.pptx

Android代码-安卓结合HTML5快速开发APP

Qiushi2440驱动及应用程序说明

matlab黑科技代码-porosity-analysis:该存储库包含MATLAB代码和示例，用于计算和可视化感兴趣区域的三种类型的Kong

程序员表白神器。安卓程序员表白软件。程序员追女友利器=android+雪花效果+彩色气泡+心形花园+心形玫瑰花

Python爬虫JSON及JSONPath运行原理详解

thinkPHP开发的小程序

n9糗事百科

实现360软件详情页效果

html网页做的动态爱心（超好看）

ECharts+html大数据可视化大屏展示模板，共整合了30多套源码+效果图，做大屏效果的不容错过

Logisim 头歌 CLA182四位先行进位电路设计图解及代码（计算机组成原理）免费下载！！！

javascript网页设计期末作业 购物网站

2023跨年代码（烟花+自定义文字+背景音乐+雪花+倒计时）

小兔鲜项目源码（动态网页，包含首页、注册页、登录页、购物页）原生HTML、CSS、Javascript

以图搜图Java+html源代码

大学生网页设计大作业-5个网页设计制作作品自己任选

最新资源

javascript网页设计期末作业购物网站