Embedded Files
HTML - Hypertext Mark Up Language
HTML - Hypertext Mark Up Language
HTML is the skeleton of a web page. It holds the pages structure, breaking down each part of the website into elements which are represented by special HTML tags and properties.
Getting Started on a New Web Project
Getting Started on a New Web Project
File Management
File Management
Each new website should have the following folder structure.
ROOT Folder - Called the Website Name
Optional Folders
images
css
Creating your First Page - index.html
Creating your First Page - index.html
Open a new file in your code editor and save it in your website folder as index.html. This will create an HTML document.
Copy and Paste the following code (tags) into file.
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="mystyle.css">
<title>My First Web Page</title>
</head>
<body>
<!-- Start body content -->
<!-- Attach Script File -->
<script src ="script.js"></script>
</body>
</html>
Repeat these steps each time you create a new website page or project.
You will need to save the document each time you make a change for it to reflect on the browser. Press F5.
HTML FULL Template (copy and paste)
HTML FULL Template (copy and paste)
<!DOCTYPE html>
<head>
<link rel="stylesheet" href="mystyle.css">
<title>My First Web Page</title>
</head>
<body>
<!-- Start body content -->
<!-- Script File -->
<script src ="script.js"></script>
</body>
</html>
You can view and print the HTML and CSS help sheet below
You can view and print the HTML and CSS help sheet below
HTML Cheat Sheet.pdfReport abuse