rubencioak.github.io:我在就业市场上的个人网页
【HTML基础知识】 HTML,全称为超文本标记语言(HyperText Markup Language),是创建网页的标准标记语言。它由一系列元素组成,这些元素通过标签来表示,用于描述网页的结构和内容。在"rubencioak.github.io: 我在就业市场上的个人网页"中,HTML起到构建网页基本框架的作用,它定义了网页的头部、主体和底部等部分,以及标题、段落、链接、图像等元素。 1. **HTML文档结构**:每个HTML文档都以`<!DOCTYPE html>`声明开始,表明这是一个HTML5文档。接着是`<html>`标签,它是整个文档的根元素。`<head>`包含元数据,如字符编码、页面标题等,而`<body>`则包含实际的网页内容。 2. **标题标签**:`<h1>`到`<h6>`用于设置不同级别的标题,`<h1>`为最高级别,`<h6>`为最低级别。在个人网页中,通常会用`<h1>`来展示个人名字或网页主题。 3. **段落标签**:`<p>`用于定义文本段落,是组织文本内容的基本单位。 4. **链接标签**:`<a>`创建超链接,可以链接到其他网页或者在页面内跳转。`href`属性指定链接的目标地址,`target`属性可以设置链接打开的方式,如新窗口或当前窗口。 5. **图像标签**:`<img>`用于插入图片,`src`属性定义图像的URL,`alt`属性提供图像的描述,对于无法显示图像或屏幕阅读器用户来说非常重要。 6. **布局标签**:HTML5引入了一些新的布局元素,如`<header>`、`<footer>`、`<nav>`和`<section>`,帮助构建更加语义化的网页结构。 7. **CSS样式**:虽然标签中未提及CSS,但在实际网页开发中,CSS(层叠样式表)常与HTML结合使用,以控制元素的样式、布局和视觉效果。CSS可以通过内部样式(在`<head>`中的`<style>`标签内)、外部样式表(链接到单独的.css文件)或内联样式(在HTML元素的`style`属性中)来应用。 8. **GitHub Pages**:"rubencioak.github.io"暗示该网页可能托管在GitHub Pages上,这是GitHub提供的一项服务,允许用户免费托管静态网站。用户只需将HTML、CSS和JavaScript文件上传到特定的GitHub仓库,即可自动生成可访问的网址。 9. **响应式设计**:现代网页设计强调响应式,确保网页在不同设备和屏幕尺寸上都能良好展示。这通常通过媒体查询(Media Queries)和灵活的布局技术实现,如Flexbox或Grid。 10. **SEO优化**:个人网页通常会考虑到搜索引擎优化(SEO),包括使用关键词、添加元标签、优化图像大小和格式等,以提高在搜索引擎结果中的排名。 以上就是基于HTML创建个人网页时涉及的一些关键知识点。通过合理运用这些元素和技巧,可以构建一个功能完整、设计美观并能有效展示个人品牌和能力的网页。
- 1
- 粉丝: 29
- 资源: 4575
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- 基于Spring Boot框架的仓库管理系统.zip
- OpenNJet实现了NGINX云原生功能增强、安全加固和代码重构,利用动态加载机制可以实现不同的产品形态,如Web服务器等等
- 基于正负序分离控制的三相离网逆变器,带不平衡阻性负载 图片为基于正序控制的和基于正负序分离控制的离网逆变器分别带载的波形
- 基于Spring Boot框架的乐优商城.zip
- 基于ros2的fast-lio2定位算法
- 基于Spring Boot框架的Hadoop集群管理系统.zip
- 招聘信息专用项目链接1111
- 数据报协议分析实验源码
- GH7006 Application Note V0.1-20231229
- 《跟我一起学Makefile》