CodeSkool Logo
Code Skool
  • HTML
    index.html
  • CSS
    src/styles.css
  • Javascript
    src/index.js
Set up the Document StructureIntroduction to HTML Web Designing

  • Start by setting up a basic HTML document in the index.html file.

    All pages need to have this structure:


    <html>
    <head>
    </head>
    <body>
    </body>
    </html>

  • Then add the document title to the head section of the HTML document as shown below.


    <title>Document title goes here.</title>

  • Next, add a style element to the document head to style your elements with CSS.


    <style></style>

  • Your code should now look like this:


    <!DOCTYPE html>
    <html>
    <head>
    <title>CodeSkool Sample Project.</title>
    </head>
    <style></style>
    <body>
    </body>
    </html>

Set up the CSS StylesIntroduction to HTML Web Designing

  • Start by setting up a basic HTML document in the index.html file.

    All pages need to have this structure:


    <html>
    <head>
    </head>
    <body>
    </body>
    </html>

  • Then add the document title to the head section of the HTML document as shown below.


    <title>Document title goes here.</title>

  • Next, add a style element to the document head to style your elements with CSS.


    <style></style>

  • Your code should now look like this:


    <!DOCTYPE html>
    <html>
    <head>
    <title>CodeSkool Sample Project.</title>
    </head>
    <style></style>
    <body>
    </body>
    </html>