这是H1标签

Question

我正在参加我的第一个网页设计课程。我们用HTML5和CSS编写代码。我创建了一个index.html文档，在我使用和编码颜色，字体和布局时可以正常工作。现在，分配是删除该部分并将其替换为CSS外部样式表的链接。执行此操作后，我的HTML文件似乎实际上并未链接到我的CSS文件。您可以提供任何帮助，我们将非常感谢。

我的HTML和CSS文件保存在我的计算机上的同一文件中。文件名是index.html和javajam.css。我正在使用MAC和TextEditor。

这是我的HTML代码：

<!DOCTYPE html>
<html lang=“en”>
    <head>
        <title>JavaJam Coffee House Menu</title>
        <meta charset=“utf-8”>
        <link rel=“stylesheet” href=“javajam.css”>
    </head>
    <body id=“wrapper”>
        <h1>JavaJam Coffee House</h1>
        <br>
        <nav>
            <a href=file:///JavaJam/index.html>Home</a>
            &nbsp;
            <a href=file:///JavaJam/menu.html>Menu</a>
            &nbsp;
            <a href=http://music.html>Music</a>
            &nbsp;
            <a href=http://jobs.html>Jobs</a>
        </nav>
        <br>
        <dt>
            <strong>Just Java</strong>
        </dt>
        <dd>Regular house blend, decaffeinated coffee, or flavor of the day.</dd>
        <dd>Endless Cup $2.00</dd>
        <br>
        <dt>
            <strong>Cafe au Lait</strong>
        </dt>
        <dd>House blended coffee infused into a smooth, steamed milk.</dd>
        <dd>Single $2.00 &nbsp Double $3.00</dd>
        <br>
        <dt>
            <strong>Iced Cappuccino</strong>
        </dt>
        <dd>Sweetened espresso blended with icy-cold milk and served in a chilled glass.</dd>
        <dd>Single $4.75 &nbsp Double $5.75</dd>
        <br>
        <br>
        <footer>
            Copyright&copy 2013 JavaJam Coffee House
            <br>
            <a href=“mailto:kellie@mckinneyjackson.com”>kellie@mckinneyjackson.com</a>
        </footer>
    </body>
</html>

这是我的CSS代码：

body {
    background-color: #ffffcc;
    color: #330000;
    font-family: Veranda, Arial, sans-serif;
}
h1 {
    background-color: #ccaa66;
    color: #000000;
    line-height: 200%;
    text-align: center;
}
.nav {
    text-align: center;
}
#footer {
    background-color: #ccaa66;
    color: #000000;
    font-size: small;
    font-style: italic;
    text-align: center;
}
#wrapper {
    width: 80%;
    margin-right: auto;
    margin-left: auto
}

Answer 1

我也不是专家，但也许你的错是错误的引号不是正确的。

“en” - ＆gt; ＆＃34;恩＆＃34; ....

这是正确的版本。我测试了它，它的工作原理。我添加了type =＆＃34; text / css＆＃34; media =＆＃34; screen＆＃34;，但我没有它。

<!DOCTYPE html>
 <html lang="en">
<head>
    <title>JavaJam Coffee House Menu</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" media="screen" href="javajam.css">
</head>
<body id="wrapper">
    <h1>JavaJam Coffee House</h1>
    <br>
    <nav>
        <a href=file:///JavaJam/index.html>Home</a>
        &nbsp;
        <a href=file:///JavaJam/menu.html>Menu</a>
        &nbsp;
        <a href=http://music.html>Music</a>
        &nbsp;
        <a href=http://jobs.html>Jobs</a>
    </nav>
    <br>
    <dt>
        <strong>Just Java</strong>
    </dt>
    <dd>Regular house blend, decaffeinated coffee, or flavor of the day.</dd>
    <dd>Endless Cup $2.00</dd>
    <br>
    <dt>
        <strong>Cafe au Lait</strong>
    </dt>
    <dd>House blended coffee infused into a smooth, steamed milk.</dd>
    <dd>Single $2.00 &nbsp Double $3.00</dd>
    <br>
    <dt>
        <strong>Iced Cappuccino</strong>
    </dt>
    <dd>Sweetened espresso blended with icy-cold milk and served in a chilled glass.</dd>
    <dd>Single $4.75 &nbsp Double $5.75</dd>
    <br>
    <br>
    <footer>
        Copyright&copy 2013 JavaJam Coffee House
        <br>
        <a href="mailto:kellie@mckinneyjackson.com">kellie@mckinneyjackson.com</a>
    </footer>
</body>

Answer 2

你想要：

系统偏好设置＆gt;键盘＆gt;文字＆gt;取消选中＆＃34;使用智能引号和短划线＆＃34;
TextEdit＆gt;偏好＆gt;取消选中＆＃34;智能报价＆＃34;和＆＃34;智能短划线＆＃34;
TextEdit＆gt;编辑＆gt; 取消选中＆＃34;智能引号＆＃39;和＆＃34;智能短划线＆＃34;

这是小牛队的问题。

Answer 3

首先，你永远不会在文件路径中的任何地方拥有FTP或HTTP，除非你指的是外部链接。确保你拥有项目名称的文件夹里面的所有东西，在这种情况下，让我们说它是猴子，那么，在那个文件夹里面，把你的CSS放在一个名为CSS的文件夹中，在那个标题里面是CSS main.css或者styles.css，你的照片在一个名为MEDIA的文件夹中，让我们在你的MEDIA文件夹中说我们有2个文件，一张名为beaver.jpg的照片和一张名为DOG.JPG的照片。接下来，使用您的INDEX.HTML，MENU.HTML，JOBS.HTML和MUSIC.HTML。并将其放在名为monkey的文件夹中，这是项目的主文件夹，将其视为ROOT文件夹。你不要使用c：/ jonsmith / desktop / monkey ANYTHING。如果你有一个C：或任何？：文件路径中的驱动器号，那么你的HTML将永远不会正常工作。从那里，您的NAV文件将只有：

“href =”monkey / index.html“＆gt; Home”

“href =”monkey / music.html“＆gt;音乐”

“href = monkey / jobs.html＆gt; Jobs”

“href =”monkey / menu.html“＆gt;菜单”

减去“”

文件路径中没有更多的HTTP或FTP，它们是不正确的！

其次，重点将始终是＆lt; EM＆GT;话语在这里＆lt; / EM＆GT;

在开始之后忘记空间＆lt;，我必须这样才能显示它，否则你只会看到 DOG

所有标签都不重要，如果有标签，标签，或者无论如何，它们总是如此：

“＆lt; P＆gt;这个句子标记”

“＆lt; H1＆gt;这是H1”

“＆lt; EM＆gt;这是EMPHSIS TAG ”

“＆lt; HEAD＆gt;这是头颅标记”

减去“”和开始后的空间＆lt;在每一行。我必须这样做才能使它正确显示，否则你只会看到

这是H1标签

。

他们总是会配对的。

任何时候你有一个=标志，如“＆lt; a href =”monkey / index.html“＆gt; Home”或者偶然“＆lt; IMG SRC =”SOMETHING.JPG“＆gt;”然后你总是使用“经济”方法。

再次，删除开头的空格＆lt;在每一行。

第三，假设你有一张图片，＆lt; IMG SRC =“MONKEY / MEDIA / beaver.jpg”ALT =“海狸的照片”＆gt;总是对残疾人使用ALT TAB，第1号，第2号，“”规则将适用于规则1,3。我们说你有图像，＆lt; IMG SRC =“monkey / media / beaver.jpg”＆gt;，你也想添加dog.jpg。那么命令就是：

“＆lt; img src =”monkey / media / beaver.jpg“＆gt;”

然后你会添加

“＆lt; img src =”monkey / media / dog.jpg“＆gt;”

在开始之后减去“”和开始空间＆lt;在每一行。

由于它们位于同一文件夹和同一目录中，因此不需要../。让我们说你想要一个音频曲目，而且它是一个被调用的猴子/音频，你有一个被称为ROCKON.MP3的文件，那么你应该使用../ COMMAND。 ../MONKEY/AUDIO/ROCKON.MP3。但是，如果它在媒体文件夹中，你将使用PATH MONKEY / MEDIA / ROCKON.MP3。

最后，使用名为“括号”的程序来处理您的HTML，因为它可以帮助您自动关闭＆lt;＆gt;标签和其他命令，当你在DOUBT，总是参考w3.org，这是一个网站，你可以去寻求html和CSS的帮助。我建议你仔细研究它，看看事情是怎样的。为了上帝的爱，丢失FTP和HTTP，因为你的文件路径是不正确的，这是问题的80％。 HTTP指的是它是一个浏览器项，这意味着该链接位于外部的某个地方，如果它不在互联网上的某个地方，并且FTP是文件传输协议，这意味着您正在尝试链接到文件服务器上的文件。如果您的文件是本地的，如计算机，FTP和HTTP，你没有好处。 FTP和HTTP指的是外部WORLD，如果它是本地的，例如您的笔记本电脑，则不需要FTP和HTTP。现在，假设您在google.com上引用了某些内容，那么是的，您应该使用https://www.google.com/search?q=mouse&biw=1280&bih=884&source=lnms&tbm=isch&sa=X&ved=0ahUKEwjUlO6T7_jKAhWF5yYKHXQYBAYQ_AUIBigB#imgrc=RCa64rFGKx9lnM%3A的HTTP规则，否则请不要这样做，总是使用monkey / media / beaver.jpg，或者你使用的任何路径。

另外一点建议，＆lt; link rel =“stylesheet”href =“javajam.css”＆gt;会工作，但有些浏览器不会支持这种方法，不能使用＆lt; link rel =“stylesheet”type =“text / css”href =“javajam.css”＆gt;它更安全。

再次删除开头的空格＆lt;

希望这有助于此。

使用TextEdit（MAC）链接到HTML5文件的外部StyleSheet（CSS）

3 个答案:

这是H1标签