这篇文章主要介绍博客内容的编写及本地测试,内容主要来自Jekyll的文档、Liquid的文档##创建项目到想要创建项目的文件夹下(如d:/),运行命令:jekyll new blog这样就会创建一新文件夹d:/blog,其结构如下:1. 文件夹_layouts:用于存放模板的文件夹,里面有两模板,default.html和post.html2. 文件夹_posts:用于存放博客文章的文件夹,里
1.1 Web基本介绍1.web就是world wide web的缩写.称之为全球广域网,俗称www。2.我们可以将web理解为就是当前的一种互联网。对于我们来说更多的就是网站服务。3.网站我们可以认是由多个网页组合在一起而形成一种服务。4.web前端就是未负责一网站当中前台网页里的内容。5.网页就是由前端工程师使用HTML语言编写而成的一种文件,它里面会包含文字图片超链接声音视频……(网页本质
# HTML5个人介绍 ## 1. HTML5简介 HTML5是一种用于构建和呈现互联网上内容的标准。与之前版本的HTML相比,HTML5引入了许多新的功能和元素,使开发者能够更轻松地构建复杂的网页和应用程序。它包括新的语义元素、多媒体支持、图形和动画效果、离线存储和设备访问等功能。 ## 2. HTML5的语义元素 HTML5引入了一些新的语义元素,这些元素使得我们能够更好地描述网页的结
原创 2023-09-07 08:01:54
184阅读
一、知识点介绍1.表格行合并:rowspan 将多行合并成一行 。2.表格列合并:colspan 将多列合并成一列。3.表单元素(input):<input> 元素根据不同的 type 属性,可以变化为多种形态。如text,data等。二、代码完整代码如下:<!DOCTYPE html> <html lang="en"> <head&g
转载 2023-06-07 19:30:24
941阅读
文章目录布局头像旋转文字排版绘制矩形禁用左右键和F12图片链接飘雪效果 我的hexo博客是看的大神教程一步步做的,然后所以我的about界面,也准备仿着大佬的做,之前根本没学过web的前端,只接触过xaml这种带标签的设计语言…布局设计这个东西还是比较难得,我就直接没有设计,布局是照着别人的抄的,虽然实现是自己实现的,但是如果还是侵权的话,联系我删除大佬的about界面最上层,旋转的头像、昵称、
转载 2024-03-27 14:55:01
153阅读
# HTML5个人简历科普 ## 介绍 在当今信息时代,个人简历是求职过程中最重要的一环。而随着技术的发展,传统的纸质简历渐渐被网页简历所取代。HTML5作为一种新一代的网页技术,不仅可以创建丰富多样的网页,还能用于构建个人简历。本文将介绍如何使用HTML5编写个人简历,并给出一些示例代码。 ## 准备工作 在开始编写个人简历之前,我们需要准备一些工具,包括文本编辑器和浏览器。推荐使用VS C
原创 2023-07-23 15:47:17
1496阅读
# HTML5个人简介代码学生实现步骤 作为一名经验丰富的开发者,我很高兴能够教你如何实现一基本的HTML5个人简介网页。下面是整个实现过程的步骤: | 步骤 | 描述 | | --- | --- | | 1 | 创建HTML文件 | | 2 | 设置文档类型和字符集 | | 3 | 创建页面结构 | | 4 | 添加CSS样式 | | 5 | 添加内容和样式 | | 6 | 运行并查看结果
原创 2023-07-16 09:14:52
263阅读
# 如何使用 HTML5 编写个人简历代码 在当今数字化时代,个人简历往往以电子方式呈现,因此掌握 HTML5 的基本知识是非常重要的。在这篇文章中,我们将一步一步地学习如何创建一简单的 HTML5 个人简历页面。首先,我们需要明确整个过程的步骤,然后逐步实现每一步所需的代码。 ## 实现流程 下面是创建 HTML5 个人简历的简要步骤: | 步骤 | 描述
原创 11月前
81阅读
?文章目录??网页题目✍️网页描述?网页效果? 代码实现?HTML结构代码 ??网页题目?个人网页设计、?♂️个人简历制作、??简单静态HTML个人网页作品、??个人介绍网站模板 、等网站的设计与制作。✍️网页描述⭐个人网页设计网站模板采用DIV CSS布局制作,网页作品有多个页面,如 :个人介绍(文字页面)、我的作品(图片列表)、个人技能(图文页面)、在线留言(表单页面)CSS样式方面网页整体
博客可以用html写一、HTML概述二、html可以装饰博文三、html基本标签 一、HTML概述  HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。二、html可以装饰博文 html
转载 2023-12-26 18:22:04
139阅读
## 如何使用HTML5创建个人简介 在当今数字化的社会中,个人简介是展示自己能力和形象的重要方式。通过HTML5,我们可以快速而简单地制作一个人简介网页。下面,我会向你详细说明制作个人简介的流程,并提供相应的代码与注释,帮助你理解每一步。 ### 整体流程 首先,下面是整个过程的简要步骤: ```mermaid flowchart TD A[准备环境] --> B[创建HTML
原创 2024-10-21 05:34:15
58阅读
如何使用HTML制作个人简介的网页Preparation—HBuilder XStep 1:设置背景插入背景图片插入透明背景框Step 2:设置标题与段落标题与段落的插入与布局Step 3:设置图片图像的插入与布局Step 4:设置链接超链接的插入与布局超链接颜色形式的改变Step 5:设置音频The end—成果展示 Preparation—HBuilder X如有需要,自行点击:HBuild
转载 2023-10-23 15:20:30
449阅读
# HTML5个人简介代码示例 随着互联网的发展,HTML5已经成为了构建网页的主流技术。对于职高学生而言,学习HTML5不仅能够提高他们的技术能力,也能够帮助他们在未来的职业生涯中展示自我。一份个人简介网页是展示个人技能、兴趣和成就的好方法。本文将介绍如何使用HTML5制作一简单的个人简介网页,并配合状态图和甘特图进行展示。 ## 硬件与软件要求 在开始构建个人简介网页之前,你需要一些基
原创 9月前
66阅读
在机缘巧合之下,了解到用HTML5和javascript调用摄像头来实现拍照功能,今天就把大致原理写下来。页面布局很简单,就是一input标签,两HTML5元素video、canvas和一button按钮。video元素带有开启视频功能的函数,canvas元素带有捕捉图像功能的函数。源代码如下:<!doctype html> <html lang="en"> <
转载 2023-07-12 17:10:18
58阅读
## 如何实现HTML5个人简历简单源代码 作为一名新手开发者,创建自己的个人简历是一很好的练习,可以帮助你掌握HTML5的基础知识。本文将为你提供完整的步骤和代码示例,帮助你轻松实现一简单的HTML5个人简历。 ### 流程概述 下面是创建个人简历的基本步骤: | 步骤 | 描述 | |------|----------------------
原创 8月前
21阅读
一、效果1展示HTML代码展示 <html> <head> <meta charset="utf-8"> <title>个人简历</title> <style> span.han{ font-weight: bold; } span.zzmm{ font-weight:
今天跟大家分享一下,如何制作简历页面  从图片可以观察到,头部"个人简历"使用那几个常用的文本标签<span>或者<p>,<h1>即可;简历里有很多的栏,这就需要用到table标签来完成使用table标签,需要明确要多少行多少列,tr表示行,th表示列,我的解题思路一般就是以最小的框来数,大致确定行列数.这里有15行7列使用快捷键快速生成:t
转载 2023-05-22 17:59:46
1458阅读
1评论
代码如下:<!DOCTYOE html> <html> <head> <meta charset='UTF-8'/> <title>课后作业</title> </head> <body> <h1>个人简历<h1> <table width='50
转载 2023-06-09 11:26:58
805阅读
# HTML5个人信息页面的实现 ## 整体流程 为了实现一HTML5个人信息页面,你需要按照以下步骤进行操作: | 步骤 | 描述 | | --- | --- | | 1 | 创建HTML文件 | | 2 | 添加文档结构 | | 3 | 导入CSS样式表 | | 4 | 设计页面布局 | | 5 | 添加个人信息 | | 6 | 添加样式和效果 | | 7 | 完善页面细节 | | 8
原创 2023-08-27 10:30:51
735阅读
HTML5 基础 一、网页基本标签 标题标签 <!-- 标题标签 --> <h1>一级标签</h1> <h2>二级标签</h2> <h3>三级标签</h3> <h4>四级标签</h4> <h5>五级标签</h5> <h6>六级标签</h6> 段落标签 <!-- 段落标签 --> <p>跑得快, 跑得 ...
转载 2021-08-12 16:08:00
236阅读
2评论
  • 1
  • 2
  • 3
  • 4
  • 5