sumitop.tk:我的个人网站
【HTML基础知识】 HTML,全称为HyperText Markup Language,即超文本标记语言,是用于创建网页的标准标记语言。HTML由一系列的元素组成,这些元素通过标签来表示,标签告诉浏览器如何展示网页内容。例如,`<html>`是文档的根元素,`<head>`包含了元数据(如标题),而`<body>`则包含了网页的主要内容。 在创建个人网站时,HTML起着至关重要的作用。`sumitop.tk-main`这个文件名可能指的是网站的主页面文件,通常包含`index.html`或`default.html`,它是用户访问网站时默认加载的页面。 【HTML结构】 一个基本的HTML页面结构通常包括以下部分: 1. `<!DOCTYPE html>`:声明文档类型,告诉浏览器这是一个HTML5文档。 2. `<html>`:整个HTML文档的根元素。 3. `<head>`:包含文档元信息,如标题`<title>`,CSS样式表链接`<link>`,JavaScript脚本引用`<script>`等。 4. `<title>`:定义网页的标题,显示在浏览器标签页上。 5. `<body>`:网页的主体内容,包含文字、图片、链接、表格、表单等元素。 【HTML元素与属性】 HTML元素由开始标签、内容(可选)和结束标签组成,如`<p>这是段落</p>`。某些元素是自闭合的,如`<img>`,没有内容,只需要开始标签,形如`<img src="image.jpg" alt="图像描述">`。 属性是用来设置元素行为的,如`<a href="http://sumitop.tk">链接</a>`,`href`就是`<a>`元素的一个属性,指定了链接的目标地址。 【CSS样式】 虽然标签中没有明确提到CSS,但创建美观的个人网站通常会用到它。CSS(Cascading Style Sheets)用于控制网页的布局和样式。可以将CSS写入`<style>`标签内(内联样式),放在`<head>`中(内部样式),或者外部文件中(外部样式),通过`<link>`标签引用。 例如,改变文字颜色: ```html <style> body { color: #333; } </style> ``` 或设置元素居中: ```html <style> .centered { margin: 0 auto; width: 300px; } </style> <div class="centered"> 这个div将会居中显示 </div> ``` 【个人网站设计】 个人网站是展示自我、分享兴趣或技能的平台。`sumitop.tk`很可能包含关于作者的信息、作品集、联系信息等板块。设计时,应考虑用户体验,保持清晰的导航结构,确保内容易读,同时,适配不同设备,如手机和平板,采用响应式设计。 总结,HTML是构建个人网站的基础,通过合理组织元素和应用CSS,可以创建出富有个性和功能性的个人主页。`sumitop.tk-main`文件很可能是这个个人网站的核心部分,包含着作者精心编排的内容和设计。
- 1
- 粉丝: 22
- 资源: 4616
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- goth 包提供了一种简单、干净且惯用的方式来为 Go Web 应用程序编写身份验证包 .zip
- PHP 中 Cookie 和 Session 的使用简易教程(学习笔记)
- SoftEther VPN Client + VPN Gate Client 插件
- GoRequest-简化的HTTP客户端(受nodejs SuperAgent启发).zip
- 主要物体检测15-YOLO(v5至v9)、COCO、CreateML、Darknet、Paligemma、TFRecord、VOC数据集合集.rar
- Google Maps API Web 服务的 Python 客户端库.zip
- Google Authenticator 服务器端代码.zip
- logo标志检测26-YOLOv7、COCO、CreateML、Darknet、Paligemma、TFRecord、VOC数据集合集.rar
- golang 的算法和数据结构.zip
- Vue + SpringBoot前后端项目实例