在上一篇教程中,我们介绍了HTML的基础概念和常见标签。现在,让我们继续深入学习HTML,学会如何创建超链接和插入图像,这些是构建互联网上信息丰富页面的关键元素。
创建超链接超链接(Hyperlink)是将不同网页或网页内的不同部分相互连接的一种方式。在HTML中,我们使用<a>标签来创建超链接。以下是创建超链接的基本语法:
1<a href="目标链接">链接文本</a>
href 属性定义了链接的目标,可以是另一个网页的URL,也可以是文件的路径。
链接文本是用户在页面上看到的可点击文本。
外部链接要创建指向外部网页的链接,只需将目标URL放在href属性中,如下所示:
1<a href="https://www.example.com">访问示例网站</a>
内部链接如果你想在同一网站内链接到另一个页面,可以使用相对路径。假设你有一个名为about.html的页面,位于与当前页面相同的目录中,你可以这样创建内部链接:
1<a href="about.html ...
首先先祝大家国庆节快乐!今天我陪爸爸妈妈去看了杭州亚运会的田径比赛,拍了很多视频,做了以下集锦视频,希望大家喜欢!
var video = document.getElementById('video');
if(Hls.isSupported()) {
var hls = new Hls();
hls.loadSource('https://cdn.jsdelivr.net/gh/ZigaoWang/vid/231001/index.m3u8');
hls.attachMedia(video);
hls.on(Hls.Events.MANIFEST_PARSED,function() {
video.play();
});
} else if (video.canPlayType('application/vnd.apple.mpegurl')) {
video.src = 'https://cdn.jsdelivr.net/gh/ZigaoWang/vid/231001/index.m3u8';
video.addEventListener ...
学习HTML(Hypertext Markup Language)是迈向Web开发世界的第一步。HTML是一种标记语言,用于创建网页的结构和内容。为什么要学习HTML呢?
创建网页:学习HTML让你能够构建自己的网页,分享信息,展示作品,或推广业务。
理解网页:HTML帮助你深入了解Web页面的结构和组织方式,为学习其他Web技术打下基础。
为Web开发铺路:HTML是Web开发的起点,是学习CSS、JavaScript等其他技术的前提。
在本教程中,我们将详细介绍HTML的基础,提供实例,帮助你快速入门,准备好探索Web开发的更多领域。开始吧,迎接Web开发之旅的挑战!
HTML是什么?HTML是一种标记语言,它由一系列的标签(tag)组成,每个标签都用于定义网页上的不同元素。HTML标签通常是成对出现的,包括一个开始标签和一个结束标签。开始标签用于定义元素的起始位置,而结束标签用于定义元素的结束位置。例如,以下是一个基本的HTML文档结构:
基本的HTML结构上面的示例是一个最小的HTML文档结构,包括以下几个部分:
<!DOCTYPE html>:这 ...
为什么我要更换图标?看到Launchpad和任务栏上的各个软件的图标有各种大小形状的图形让我很难受,强迫症来了!以下是一些示例图标,看起来相当混乱吧(我在修改之前没有保存原图标,只能从网上找到这些):
现在看看我美化后的效果:
注:以上图片转自https://ohevan.com/macos-change-icons.html。
这样一来,界面瞬间变得清爽许多,而且几乎所有应用程序图标都符合macOS的设计风格。
下载图标在网上浏览时,我找到了一个制作精美图标的大神制作的网站,名为macOSicons。
网址:https://macosicons.com/
这个网站上包含了许多精美的软件图标,搜索软件名称,点击你喜欢的样式,下载下来。
更换方法首先,找到您要更换图标的应用程序,右键单击并选择“获取详细信息”。
然后,找到您下载的图标文件,将其拖放到左上角的图标上。
将所有图标都更换一遍,就能实现统一的效果。
收尾好了!你还强迫症吗?今天的文章就到这里,希望对你有帮助,我们下篇再见!
网站链接如果你想要查看我的成果,请点击这里。如果你想要使用浏览器插件,请点击这里(中国大陆地区可能无法访问)。GitHub仓库:https://github.com/ZigaoWang/dazcalc
项目动机暑假马上要结束了,所以我在最后的时间做了一个网页计算器项目,取名为DazCalc。其实我这个项目很早就做完了,可是原来的老版本用的是px写的,在一些大一点或小一点的屏幕就错位了。因此,我最近从新用vh写了一遍。
时间投入我每天投入了大约半小时的时间来开发这个项目,共花费了三天的时间来完成它。
收尾最后,希望大家喜欢我的DazCalc待办列表项目!如果你有任何建议或意见,都欢迎随时与我分享。我会继续努力改进和扩展这个项目,让它变得更加实用和用户友好。谢谢大家的支持和关注!
有很多人想要把自己做的视频放到网上,可是发现各种云服务器或流量的价格太贵了。这时候,就可以用免费,可靠的GitHub来自建视频床,就是一种将视频文件存储在GitHub仓库中,并通过链接在博客或网站中嵌入视频的方法。下面是详细的操作步骤:
步骤 1: 创建GitHub仓库
登录GitHub并点击右上角的加号按钮,选择”New repository”创建一个新的仓库。
给仓库起一个名称,设置为公开(Public)并选择其他适当的选项。然后点击”Create repository”创建仓库。
步骤 2: 安装ffmpeg因为GitHub单个文件的上传限制是25MB,所以我们需要把视频切片成多个文件来上传。这个时候,我们需要安装使用ffmpeg。
如果你使用的是macOS,在终端中运行以下命令来安装ffmpeg:
1brew install ffmpeg
如果你使用的是其他操作系统,请自行查找并安装ffmpeg工具。
步骤 3: 视频文件切片在终端中,使用以下命令将视频文件切片成HLS格式(.m3u8和.ts文件):
1ffmpeg -i '视频文件名称' -c:v h ...
网站链接如果你想要查看我的成果,请点击这里。如果你想要使用浏览器插件,请点击这里(中国大陆地区可能无法访问)。GitHub仓库链接:https://github.com/ZigaoWang/dazcheck
项目动机最近,我马上要放暑假,并在期末考试复习完了。提前复习完后,我有了一些空闲时间,想要练习我的HTML、CSS和JS技能,于是决定做一个项目。我问了ChatGPT一些建议,最终选择了制作一个待办事项网站,将其打造成了一个浏览器插件。
什么是待办事项?简而言之,待办事项就是一个列表,用于列举你需要完成的工作任务。例如:完成地理作业、跑步半小时、阅读等等。
时间投入我每天投入了半小时的时间来开发这个项目,共花费了一周的时间来完成它。
收尾最后,希望大家喜欢我的DazCheck待办列表项目!如果你有任何建议或意见,都欢迎随时与我分享。我会继续努力改进和扩展这个项目,让它变得更加实用和用户友好。谢谢大家的支持和关注!