Languages
[Edit]
PL

HTML - podstawowy szablon HTML5

3 points
Created by:
Sylwia
1337

Dla każdego projektu podstawowy szablon HTML5 wygląda zawsze w następujący sposób:

1. Element body przykład

// ONLINE-RUNNER:browser;

<!doctype html>
<html>
<body>
  Tutaj znajduje się zawartość strony internetowej...
</body>
</html>

2. Elementy head + body przykład nr 1

// ONLINE-RUNNER:browser;

<!doctype html>
<html>
<head>
  <!-- head tags here... -->
</head>
<body>
  Tutaj znajduje się zawartość strony internetowej...
</body>
</html>

3. Elementy head + body przykład nr 2

// ONLINE-RUNNER:browser;

<!doctype html>
<html>
<head>
  <style>
    /* style here */
  </style>
  <script>
    // script here
  </script>
</head>
<body>
  Tutaj znajduje się zawartość strony internetowej
</body>
</html>

4. Elementy head + body przykład nr 3

// ONLINE-RUNNER:browser;

<!doctype html>
<html>
<head>
  <meta charset="utf-8" />
  <title>Example template</title>
  <link rel="stylesheet" href="path/to/my/styles.css" />
  <script type="text/javascript" src="path/to/my/script.js"></script>
</head>
<body>
  <p>Tekst strony internetowej...</p>
</body>
</html>

5. Element head + body przykład nr 4

// ONLINE-RUNNER:browser;

<!doctype html>
<html lang="en">
<head>
  <meta charset="utf-8" />
  <title>Example template</title>
  <meta name="description" content="Example template description." />
  <meta name="author" content="dirask.com" />
  <link rel="stylesheet" href="path/to/my/styles.css" />
  <style>

    /* Place for styles */

  </style>
  <script type="text/javascript" src="path/to/my/script.js"></script>
</head>
<body>
  <p>Tekst strony internetowej...</p>
  <script>

    alert('Hello world!');  

  </script>
</body>
</html>

 

Hey 👋
Would you like to know what we do?
  • Dirask is a friendly IT community for learners, professionals and hobbyists to share their knowledge and help each other in extraordinary easy way.
  • We welcome everyone,
    no matter what the experience,
    no matter how basic the question is,
    this community will help you.