I uploaded a file consisting of html, css, and js to the server, but only html is reflected.

I would like to solve the problem of uploading a file that consists of html, css, and js like the title, but only html is reflected.
Also, the image is not reflected.

The reason I came up with this idea is

The relative path is invalid and cannot be opened.
I believe it has been uploaded, but it has not actually been uploaded.
I didn't do anything I needed

As a solution to these problems, we did the following

Uploaded not only the html file but also the css,img,js file as it was on the desktop.
This is the state of the code being written, i.e. the desktop and googlechrome confirm that it actually opens, so it's hard to believe that the path is wrong.

I checked various people's questions and tried them, but they didn't respond.

The only response was to change the relative path to ../css/file name to file name, which reflected css.
However, considering that they did not respond to js and img in the same way, I thought the remaining cache might have responded.

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name=”viewport” content=”width=device-width,initial-scale=1.0″> <title>iSara模写</title> <link rel="stylesheet" type="text/css" href="../css/iSara模写.css"> <link rel="stylesheet" type="text/css" href="../css/iSara模写responsive.css"> <link rel="stylesheet "href="../css/slick.css">link rel="stylesheet" href="../css/slick-theme.css">link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script> <script src="https://kit.fontawesome.com/6b65e275a4.js" crossorigin="anonymous"></script></head><body> 
  <header>
    <div class="head">
      <div class="header-left">
        <img src="https://isara.life/wp-content/themes/isara_v2/img/isaralogo.png" alt="iSara">
        <p> Nomad Engineer Development Course in Bangkok</p>
      </div>
      <div class="btn">
         <a href="#skip"><p>Contact Us >/p>/a>
      </div>
      <div class="btn0">
        <img src="https://isara.life/wp-content/themes/isara_v2/img/form.png" alt="">
      <a href="#skip"><p>Request materials</p>/a>
      </div>
    </div>
  </header>

<div class="main">
  <div class="main-img">
    <img class="img1" src="https://isara.life/wp-content/themes/isara_v2/img/main.jpg" alt=">
    <h2>Programming <span class="br2">/span class="br">Get stability in your life</span>>
    <img class="img2" src="../img/isaralogolarge.png" alt="">
    <h3>Bangkok Nomad Engineer Development Course<span class="br2">/span class="br"> iSara [Isala]</span>/h3>
 </div>
...omitted...
<script src="../js/slick.min.js">/script>>script src="../js/iSara copy.js">>/script>>/body>

We haven't made any progress for about two days like this, so I'd appreciate it if you could give me your opinion.
Thank you for your cooperation.

html

2022-09-30 21:48

1 Answers

"I uploaded not only html files but also css, img, and js files as they are on the desktop" means that html, img, and js files are in the same directory.
This is consistent with the statement "Css was reflected by changing the relative path to the filename from .../css/ file name.

So where are the img and js files? If they are in the same folder as html, try changing "../img/isaralogolarge.png" to "isaralogolarge.png" and "../js/iSara copy.js" to "iSara copy.js".

The file name with the kanji "iSara copy.js" is a cause of trouble.If you change the file name from iSara copy .js to iSaraMosha.js and change the HTML file from iSara copy .js to iSaraMosha.js, I think the problem caused by the difference in kanji code will be solved.

2022-09-30 21:48

If you have any answers or tips

Popular Tags

python x 4647

android x 1593

java x 1494

javascript x 1427

c x 927

c++ x 878

ruby-on-rails x 696

php x 692

python3 x 685

html x 656