Я не могу получить следующий вывод HTML-документа! (HTML-CSS-javasciprt) - PullRequest
Новая
       14

Я не могу получить следующий вывод HTML-документа! (HTML-CSS-javasciprt)

0 голосов
/ 15 октября 2019 
[link for the css]:https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/the-html-head/style.css

[link for javascript code file]:https://github.com/mdn/learningarea/blob/master/html/introduction-to-html/the-html-head/script.js


   <!DOCTYPE html>
   <html lang="en-US">
   <head>
     <meta charset="utf-8">
     <title>Meta examples</title>

     <meta name="author" content="Chris Mills">
     <meta name="description" content="This is an example page to demonstrate usage of metadata on web pages.">
     <meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png">
     <meta property="og:description" content="This is an example page to demonstrate usage of metadata on web pages.">
     <meta property="og:title" content="Metadata; The HTML &lt;head&gt;, on MDN">
     <link rel="Shortcut Icon" href="favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="style.css">
    </head>
    <body>
     <h1>Meta examples</h1>
     <p>Japanese example: ご飯が熱い。</p>
     <script src="script.js"></script>
    </body>
   </html>

Когда я пытался запустить приведенный выше HTML-код, вывод просто показывает это

Мета-примеры

japanese example: ?? ?

Я пытался научиться становиться внешним разработчиком, поэтому я только начал с HTML, где меня это поразило. Пожалуйста, кто-нибудь, помогите мне с этим. В приведенном выше HTML-документе не рассматриваются файлы CSS и Javasricpt, даже если он представлен в одном каталоге. Я также пробовал это в разных браузерах.

1 Ответ

1 голос
/ 15 октября 2019

enter image description here Пожалуйста, укажите правильный путь в атрибуте src вашего тега ссылки, и он должен работать.

Проверьте: 

<!DOCTYPE html>
<html lang="en-US">

<head>
  <meta charset="utf-8">
  <title>Meta examples</title>

  <meta name="author" content="Chris Mills">
  <meta name="description" content="This is an example page to demonstrate usage of metadata on web pages.">
  <meta property="og:image" content="https://developer.cdn.mozilla.net/static/img/opengraph-logo.dc4e08e2f6af.png">
  <meta property="og:description" content="This is an example page to demonstrate usage of metadata on web pages.">
  <meta property="og:title" content="Metadata; The HTML &lt;head&gt;, on MDN">
  <link rel="Shortcut Icon" href="favicon.ico" type="image/x-icon">
  <link rel="stylesheet" href="https://github.com/mdn/learning-area/blob/master/html/introduction-to-html/the-html-head/style.css">
</head>

<body>
  <h1>Meta examples</h1>
  <p>Japanese example: ご飯が熱い。</p>
  <script src="https://github.com/mdn/learningarea/blob/master/html/introduction-to-html/the-html-head/script.js"></script>
</body>

</html>
...