为HTML格式的图像/项目创建和添加空白页_Html

为HTML格式的图像/项目创建和添加空白页

html

为HTML格式的图像/项目创建和添加空白页,html,Html,我正在尝试使用HTML模板创建个人网站。我添加了图标的链接，因此当我点击任何图标时，它们会将我发送到一个新选项卡（LinkedIn/GitHub）。但由于我从未使用过HTML，我完全不知道如何（或者即使有可能）让其中一个图标将我发送到一个新选项卡，以便我可以承载图片/项目。我认为index.html文件就是您要更改它的地方？所以我在这里添加了代码 <!DOCTYPE HTML> <!-- Aerial by HTML5 UP html5up.net | @aj

我正在尝试使用HTML模板创建个人网站。我添加了图标的链接，因此当我点击任何图标时，它们会将我发送到一个新选项卡（LinkedIn/GitHub）。但由于我从未使用过HTML，我完全不知道如何（或者即使有可能）让其中一个图标将我发送到一个新选项卡，以便我可以承载图片/项目。
我认为

index.html

文件就是您要更改它的地方？所以我在这里添加了代码

<!DOCTYPE HTML>
<!--
    Aerial by HTML5 UP
    html5up.net | @ajlkn
    Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
    <head>
        <title>Aerial by HTML5 UP</title>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
        <link rel="stylesheet" href="assets/css/main.css" />
        <noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
    </head>
    <body class="is-preload">
        <div id="wrapper">
            <div id="bg"></div>
            <div id="overlay"></div>
            <div id="main">

                <!-- Header -->
                    <header id="header">
                        <h1>Adam Jensen</h1>
                        <p>Security Chief &nbsp;&bull;&nbsp; Cyborg &nbsp;&bull;&nbsp; Never asked for this</p>
                        <nav>
                            <ul>
                                <li><a href="#" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
                                <li><a href="#" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
                                <li><a href="#" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
                                <li><a href="#" class="icon brands fa-github"><span class="label">Github</span></a></li>
                                <li><a href="#" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
                            </ul>
                        </nav>
                    </header>

                <!-- Footer -->
                    <footer id="footer">
                        <span class="copyright">&copy; Untitled. Design: <a href="http://html5up.net">HTML5 UP</a>.</span>
                    </footer>

            </div>
        </div>
        <script>
            window.onload = function() { document.body.classList.remove('is-preload'); }
            window.ontouchmove = function() { return false; }
            window.onorientationchange = function() { document.body.scrollTop = 0; }
        </script>
    </body>
</html>


由HTML5开发的天线
亚当·詹森
保安总监&布尔；电子人与公牛；从来没有要求过这个







&抄袭；无标题。设计：。
window.onload=function（）{document.body.classList.remove（'is-preload'）；}
window.ontouchmove=函数（）{return false；}
window.onorientationchange=function（）{document.body.scrollTop=0；}

更新：

对不起，完全没有HTML背景，所以我不确定确切的术语。我对创建一个页面感兴趣，我可以将图像/项目放在上面，并将其链接到此模板（图标之一）。

这样更改您的链接，它应该可以完美地工作

<ul>
    <li><a href="#" target="_blank" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
    <li><a href="#" target="_blank" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
    <li><a href="#" target="_blank" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
    <li><a href="#" target="_blank" class="icon brands fa-github"><span class="label">Github</span></a></li>
    <li><a href="#" target="_blank" class="icon solid fa-envelope"><span class="label">Email</span></a></li>
</ul>

Change

你是说喜欢吗？还是我误解了你的要求？谢谢你的评论！对不起，也许我不太清楚。我使用了target=“\u blank”
方法，我的所有链接确实打开了一个新选项卡。但我想知道是否有可能有一个新的空选项卡，我可以在其中以某种方式放置图像/项目（可能来自github文件夹？）。你正在链接到一个页面吗？你是在问如何创建一个链接到的页面吗？啊，我明白了。对不起，完全没有HTML背景，所以我不确定确切的术语。是的，我对创建一个页面感兴趣，我可以将图像/项目放在上面并链接它。我会更新我的第一个问题，如果你认为这可以澄清问题，谢谢你的评论！请在问题中查看我的更新。实际上，我成功地做了target=“\u blank”
的事情，我的链接确实在一个新选项卡中打开，但我想知道是否有可能创建一个新的空白页面，我可以将图像/项目放在上面，并将其添加为链接（将在新选项卡中打开）。哦，我现在更好地理解你的观点了。为此，您必须创建一个新页面，将其链接到索引页面的href。因此，每当用户点击它，他们就会被引导到那里。哦，明白了！我该怎么做呢？我正在尝试查看GitHub页面，因为我知道我可以将照片放在那里，但我有点迷路了。你必须创建页面，只要你有这个并设计它，然后将文件添加到同一目录中，并将带有html扩展名的文件名放在hrefWhich文件中，我如何创建页面？我需要创建一个新的index.html
文件并将其放入目录吗？谢谢您的评论！请在问题中查看我的更新。实际上，我成功地做了target=“\u blank”的事情，我的链接在一个新选项卡中打开，但我想知道是否有可能创建一个新的空白页面，我可以将图像/项目放在上面，并将其添加为链接（将在新选项卡中打开）
 <li><a href="https://www.twitter.com/yourcompany" class="icon brands fa-twitter"><span class="label">Twitter</span></a></li>
 <li><a href="https://www.facebook.com/yourcompany" class="icon brands fa-facebook-f"><span class="label">Facebook</span></a></li>
 <li><a href="https://www.dribble.com/yourcompany" class="icon brands fa-dribbble"><span class="label">Dribbble</span></a></li>
 <li><a href="https://www.github.com/yourcompany" class="icon brands fa-github"><span class="label">Github</span></a></li>
 <li><a href="mailto:name@website.com" class="icon solid fa-envelope"><span class="label">Email</span></a></li>

<a href="about.html" target="_blank">About Us</a>