vs怎么把文字超链接_怎么拥有自己设计的简单个人网站（超细节）

大家好，大家应该知道我喜欢折腾一下有意思的东西。因为探索的过程是十分有趣的，而兴趣又是最好的老师。我很享受这种感觉，啊~好舒服~

啪

很久之前呢，我也想自己做一个网页，并不是要实现什么很强的功能，而是感觉好玩，有意思。折腾了很久的时间，包括在刚开始的时候在“七牛云”平台捣鼓。因为本人是机械专业，对于计算机技术，有交集的也就是机械控制方面的单片机编码，PLC和机床指令这些，更何况当时还是很年轻，所以啥也没整出来。

这几年慢慢的接触到了计算机技术，接着呢用某东会员联名卡在知乎书库里自己看了看网页的相关技术，还有就是自己查阅的资料。最后我给设计了一个超级简单的静态网页，挂在了网上。

大神勿笑，我是纯小白

网页效果图是这样的：

效果图

简介代码测试milutext.github.io

这里里面包括了以下6个知识点（很简单，我是小白都会了）：

网页的名称显示
网页的标题显示
网页内容的居左、中、右
网页文字的删除线
超链接
插入居中图片

代码有点长：

<!DOCTYPE html>

<html>

<head>

<title>简介代码测试</title>

</head>

<body>

<h1>我的测试网页</h1>

<p align="center">Hello 大家好</p>

<p style="text-decoration: line-through;">我是多余的，但是这个也是知识点，需要记下来哦 ^_^</p>

<p align="center">我是麋鹿，这是我的个人网站。</p>

<p>很高兴你来到这里, 你可以在以下的网站找到我</p>

</p>

</body>

</html>

首先给大家说一下HTML文档的基本的骨架（也就是基本的格式）：

<html>

<head>

<title>网页的名称</title>

</head>

<body>

正文

</body>

</html>

上面的从<html>到</html>之间是代表这是HTML文档，所有的内容都要在其中。

<head>到</head> 放置定义

<title>到</title>标识网页文件的标题

<body>到</body> 其中放置正文

之前6个知识点的讲解：

1.网页名称的显示------>指的是网页打开后下面图片显示的

例：<title>简介代码测试<title>

按照你的需要可以在上面的代码处更改<title><title>之间的内容

2.网页的标题显示

例：<h1>我的测试网页</h1>

一般我们在网页能看到的内容都是在<body></body>之中

所以将 <h1>我的测试网页</h1> 放在其中

而h1代表的是一级标题，很多的新手教程都会给大家介绍。当然有h1就会有h2、h3、h4、h5。<>和</>不能忘记。

3.网页内容的居左、中、右

例：<p align="center">Hello 大家好</p>

在这其中<p></p>是段落表示，代表中间的"Hello 大家好"自己独占一个段落，与上面的文字保持一定的距离。

前面的<p>里面可以添加对于段落的设置。

align="center"是设置该段落居中对齐

align="left"是居左对齐

align="right"居右对齐

4.网页文字的删除线

例：<p style="text-decoration: line-through;">我是多余的，但是这个也是知识点，需要记下来哦 ^_^</p>

在上面的知识点3上面介绍了 前面的<p>里面可以添加对于段落的设置

在段落里面的文字中添加一个删除线，使用的命令是

style="text-decoration: line-through;"

5.超链接

例：<a href="https://www.zhihu.com/people/mi-lu-de-mi-lu-77-91" target="_blank">知乎</a>

超链接的格式：<a href="你设置的网页">超链接文字内容</a>

我们看到上面的还有一个修饰，是 target="_blank"这个修饰的意思是点击后在新的标签页面打开超链接指向的网站。

6.插入居中图片

例：<p align="center">

</p>

插入图片的指令是：<img src="图片地址" />但是这样插入后图片是默认靠左的，我们需要的是居中显示。

我查了很多的资料，很复杂，对我这个新手超级不友好。这时候我灵机一动，能不能把图片放到一个段落中，然后设置段落格式。嘿嘿我真是个小机灵鬼~ 啪

然后就套了一个（把图片放在段落中），指令如下：

编写软件：记事本、浏览器

改后缀就可以

写在文末：有些东西不你不要怕自己学不会，可能你就是缺少了去学的勇气。

很喜欢《琅琊榜》里梅长苏的一句话：“有些事，你不去做‘怎么知道你不行呢？”

迷路的麋鹿：怎么将设计好的网页发布到网上zhuanlan.zhihu.com

vs怎么把文字超链接_怎么拥有自己设计的简单个人网站（超细节）相关推荐

vs怎么把文字超链接_「Excel技巧」Excel表格如何制作带超链接的导航目录
一份工作簿里面有很多工作表,我们都希望能够有一个导航目录,方便我们点击跳转到对应的工作表上,同样在工作表里有个返回键可以方便我们返回到主目录里.不用我们一个标签一个标签地去寻找工作表. 如下效果图: ...
echarts 仪表盘文字位置_企业数据仪表盘设计，该怎样设计自己的BI产品？
现在,很多企业的高层领导喜欢建数据仪表盘或者管理驾驶舱,甚至用巨大无比的显示屏阵列来展示各种关键业务指标KPI,那成功设计一个数据仪表盘需要如何做?又需要注意什么问题呢? 数据仪表盘是数据可视化的一 ...
JAVA同时输入用户名和密码_用java模拟设计一个简单的“用户注册”程序。当用户输入用户名和密码时,单击“注...
用java模拟设计一个简单的"用户注册"程序.当用户输入用户名和密码时,单击"注 2020 - 9 - 26 TAG : 所有功能均已实现,如有不满意的地方我再修改imp ...
html点击弹出文本框,html制作，点击文字超链接显示文本框，再点击文字超链接隐藏文本框...
window.οnlοad=function(){ document.getElementById('click').οnclick=function(){ if (document.getEleme ...
android span 下划线,Android TextView实现部分文字(超链接/Span)点击事件、变色、去除下划线...
马上8月结束了,深海决定写点东西分享给大家,祝各位程序猿身体健康万事如意. 废话不多说,直接上图: 如图中蓝色文字的效果,需求如下: 1,点击跳转到另一个页面 2.去除下划线 3.颜色自定义第一步: ...
Android平台上实现身份证识别(通过阿里云Api-印刷文字识别_身份证识别)
Android平台上实现身份证识别(通过阿里云Api-印刷文字识别_身份证识别) 一: 前言继上一篇文章有段时间了,上一篇文章的身份证和银行卡的识别时通过本地的opencv库,tess-two库识别 ...
一边掉眼泪,一边用文字诉说_伤感日志
一边掉眼泪,一边用文字诉说_伤感日志 - 一边掉眼泪,一边用文字诉说_伤感日志当我们在现实世界中.很累很累的时候.我们不想要别人看到我们的脆弱. 我们一直都会用文字诉说自己的快乐或者其他. 当再也无 ...
Android平台上实现银行卡识别(通过阿里云Api-印刷文字识别_银行卡识别)
Android平台上实现银行卡识别(通过阿里云Api-印刷文字识别_银行卡识别) 一: 前言上一篇文章是通过阿里云Api实现在android中扫描身份证和从相册中选取身份证图片识别身份证信息的功能, ...
在html中超链接_怎么添加html网页的超链接？
看到许多朋友为文章的超链接感到不知所措,不知道一篇文章加多少超链接合适,也不知道如何添加文章的超链接,那么摩高互动与大家分享一下我们是如何添加文字超链接的? 超链接的介绍超链接在本质上属于一个网页的 ...

vs怎么把文字超链接_怎么拥有自己设计的简单个人网站（超细节）

vs怎么把文字超链接_怎么拥有自己设计的简单个人网站（超细节）相关推荐

最新文章

热门文章