浩宇浩宇 发表于 2022-5-5 21:40:23

如何制作自己的个人主页(免费,第二个)

一.提示
1.这个帖子是从上一个帖子继续的,如果没有看过上一个帖子。链接我放这里了:https://klpbbs.com/thread-40146-1-1.html]https://klpbbs.com/thread-40146-1-1.html

一.写代码
1.标题
代码:<h1>标题</h1>
除此之外还有h2、h3、h4、h5,h6。命令全部相同,只是大小不一样。
具体表格:

2.插入图片
这个比较简单,从图床里获得HTML即可。接下来是调整高度教程
普通:
<img class="mdui-img-rounded" src="https://muhantc.gq//imgs/2022/05/c576e5aeb31316a6.png"/>接下来在src=""后面加入
width="宽" height="高"“宽”替换成宽度
“高”替换成高度
如果不增加将会按照图片本身大小显示


3.插入链接
代码:
<a href="url">HTML代码</a>将url替换成一个网址
html代码处可以替换成任意的html代码。其中的html代码全部为链接。只要在<a href="url">和</a>之间几个
提示:url必须加入http://或者https://如果不加入,将会被认为是在本目录下的的文件,也可以通过这种方式进行文件之间的切换。

4.在网页底端显示
注意:本方法属于从互联网寻找
首先。在网页任意地点复制以下代码:
<style>
.botCenter{width:100%; height:35px; line-height:35px; 0; position:fixed; bottom:0px; left:0px; font-size:14px; color:#000; text-align:center;}
</style>
其中,text-align:center修改文本居中,color:#000修改文本颜色,冒号后面为一个16进制的颜色,你可以将颜色转换为这种格式。font-size:14px修改文本大小,14代表大小。数字越大文本越大。height:60px代表这个部分的大小。你可以增background:#333;来更改背景颜色,修改方式和color:#000方法相同。

接下来输入以下代码
<div class="botCenter">
                  HTML代码
          </div>你可以在HTML代码处输入任何HTML代码,只要在<div class="botCenter">和</div>之间就有效


5.载入JS文件和CSS文件
点击“+新文件”

点击“上传”

选择你想上传的JS或者CSS文件即可
(以后会更新的)
页: [1]
查看完整版本: 如何制作自己的个人主页(免费,第二个)