orYoffe/simple.html

## simple.html
<!DOCTYPE html> <!-- This tag specifies we use HTML5, the newest version of HTML -->
<html> <!-- Our opening html tag that everything else goes inside of it -->
  <head><!-- Our opening head tag will contain meta data like page title scripts, styles and more.. -->
    <meta charset="UTF-8">
    <!-- a meta tag that informs the browser we will use utf-8 to show all languages, like arabic, greek and hebrew -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- a meta tag that informs the browser to keep the maximum width to fit the device (mainly used for mobile) -->
    <title>My website title</title>
    <!-- Our page title tag (content will show at the tab of the browser) -->
    <style>
      <!-- a style tag, inside you can write css -->
      body {
        background-color: green;
      }
    </style>
    <!-- a link tag can link to a css file, outside of the html page -->
    <link rel="stylesheet" href="url-to-a-css-file.css">
    <script>
      <!-- a script tag, inside you can write javascript -->
      console.log('hello from the script tag');
    </script>
    <!-- a script tag can also link to a Javascript file, outside of the html page -->
    <script src="url-to-a-script-file.js"></script>
  </head>  <!-- Our closing head tag -->
  <body> <!-- Our opening body tag, here all of our visible UI tags will be -->
<!-- I am a comment in HTML -->
    <p>I am a paragraph</p>
    <img src="url-to-an-image"/>
    <div>I am a container</div>
    <form>
    	<input type="text" placeholder="text will show when there's not text" />
        <button>I am the only button in a form. Clicking me, would submit the form</button>
    </form>
  </body>  <!-- Our closing body tag -->
</html> <!-- Our closing html tag -->
	<!DOCTYPE html> <!-- This tag specifies we use HTML5, the newest version of HTML -->
	<html> <!-- Our opening html tag that everything else goes inside of it -->
	<head><!-- Our opening head tag will contain meta data like page title scripts, styles and more.. -->
	<meta charset="UTF-8">
	<!-- a meta tag that informs the browser we will use utf-8 to show all languages, like arabic, greek and hebrew -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- a meta tag that informs the browser to keep the maximum width to fit the device (mainly used for mobile) -->
	<title>My website title</title>
	<!-- Our page title tag (content will show at the tab of the browser) -->
	<style>
	<!-- a style tag, inside you can write css -->
	body {
	background-color: green;
	}
	</style>
	<!-- a link tag can link to a css file, outside of the html page -->
	<link rel="stylesheet" href="url-to-a-css-file.css">
	<script>
	<!-- a script tag, inside you can write javascript -->
	console.log('hello from the script tag');
	</script>
	<!-- a script tag can also link to a Javascript file, outside of the html page -->
	<script src="url-to-a-script-file.js"></script>
	</head> <!-- Our closing head tag -->
	<body> <!-- Our opening body tag, here all of our visible UI tags will be -->
	<!-- I am a comment in HTML -->
	<p>I am a paragraph</p>
	<img src="url-to-an-image"/>
	<div>I am a container</div>
	<form>
	<input type="text" placeholder="text will show when there's not text" />
	<button>I am the only button in a form. Clicking me, would submit the form</button>
	</form>
	</body> <!-- Our closing body tag -->
	</html> <!-- Our closing html tag -->