HTML系列
有关HTML的一系列知识
AM越.
日常学习记录,一起进步吧!!
展开
-
【HTML】HTML基础1(第一个网站!)
今天分享HTML基础,希望对您有帮助原创 2024-02-29 16:19:34 · 501 阅读 · 0 评论 -
【HTML】HTML基础2(一些常用标签)
最后这些标签像例子一样运用起来就可以得到这种效果啦~今天的文章到这里就结束啦~希望对您有所帮助!形如这样的图标,我们使用这样的代码实现。原创 2024-02-29 21:00:59 · 564 阅读 · 0 评论 -
【HTML】HTML基础3(路径)
这里的test.html存在于文件夹中,所以它要找到图片的话,需要先从原文件夹“挣脱”出来,所以可以看作图片在html的上一级,这里会用到 " ../ " 符号。图片在img文件夹中,而index单独存在,所以相当于index大一级,所以这里我们用到 " / " 来进行查找操作,如。在实际编码中,对图片的查找有很多方式,即找到图片的过程有很多路径,学习路径能帮助我们更好的查找。注释:这里的height指的是设计图片的高,不用担心宽度,这里会等比例缩小。今天的分享到这里就结束了~希望对您有所帮助!原创 2024-03-01 19:56:25 · 540 阅读 · 0 评论 -
【HTML】HTML基础4(超链接标签)
接着我再在原本的index.html中插入这个超链接,并且设置点击图片跳转(根据上一期的路径知识,这里有一个test/只是我自己的习惯安排,大家要结合自己的习惯)步骤:把图片压缩为zip或者换成exe形式,放进链接部位即可(这里同样要注意路径问题)打开网页后,点击银河护卫队3的字样就可以,跳转到百度百科了。1. herf是必须有的属性,后面接指定目标地址。3. 点击设置的文本或图像可以跳转所要求的链接。例如这里我就引用了银河护卫队的百度百科。用到的是:<a></a>双标签。指的是内部页面的互相连接。原创 2024-03-01 20:17:16 · 955 阅读 · 0 评论 -
【HTML】HTML基础系列文章小小总结,运用标签写出网页!
今天的分享结束啦~~希望能帮到您!超链接之跳转外部链接。超链接之跳转内部链接。超链接之跳转下载链接。原创 2024-03-01 20:27:29 · 815 阅读 · 0 评论 -
【HTML】HTML基础4.2(锚点链接)
这个时候,只要点击相应目录,就可以直接跳转到相应界面,比如,点击“演职员表”在我们浏览网页的时候,总有目录一样的功能,比如。这里的完美的告别以及导演野心就相当于目录了。今天的分享到这里就结束啦~希望能帮到您!今天就让我们一起来实现这个神奇功能。这里同样用到<a></a>标签。原创 2024-03-02 18:02:07 · 526 阅读 · 0 评论 -
【HTML】HTML基础5(特殊字符)
今天的分享就到这里啦~~希望能帮到您!所以我们会用特殊字符来表示一些常用符号。当我在两个文字间打出空格时。可以看出之间只有一个空格。原创 2024-03-02 18:16:39 · 504 阅读 · 0 评论 -
【HTML】HTML基础6.1(表格以及常见属性)
在浏览器中,我们经常见到形如这样的表格形式,一般来说,表格是为了让数据看起来更加清晰,增强数据的可读性有的程序员也会用表格进行排版该表格用到的知识点有①标签属性:align(center使得它居中)②单元格中可以插入多种类型的数据,比如链接③边框属性border可以通过调节数字实现粗细大小的设置④开头的一排加粗居中是因为运用到了th标签<th></th>把小标题放进去即可今天的分享到这里就结束啦~~希望能帮到您!原创 2024-03-03 15:14:34 · 690 阅读 · 0 评论 -
【HTML】HTML基础6.2(表格之合并单元格)
①确认您想要合并的是行还是列②找到最上边或者最左边的单元格③删除已经合并的单元格的多余内容今天的分享就到这里啦~希望能帮到您!原创 2024-03-03 15:52:07 · 721 阅读 · 0 评论 -
【HTML】HTML基础7.1(无序列表)
今天的分享就结束啦~希望能帮到您!circle空心圆效果。原创 2024-03-06 18:06:58 · 615 阅读 · 0 评论 -
【HTML】HTML基础7.2(有序列表)
今天的分享到这里就结束啦~希望能帮到您!原创 2024-03-06 18:25:48 · 813 阅读 · 0 评论 -
【HTML】HTML基础7.3(自定义列表)
【代码】【HTML】HTML基础7.3(自定义列表)原创 2024-03-06 18:37:37 · 523 阅读 · 0 评论 -
【HTML】HTML基础8.1(表单标签)
这里我们只看基础部分,所以具体的地址和提交方式我们先不管。今天的分享到这里结束啦~希望能帮到您!与前面提到的标签一结合,就可以得到效果中所展示的啦~name=""与value=""<input>标签的属性介绍。原创 2024-03-08 16:23:02 · 720 阅读 · 0 评论