So you guys got the assignment… well… here’s short tips.
Typically you only need notepad to do this job, it’s fairly easy. But you need to understand the simple structure of HTML though.
First, all HTML tags that are opened must be closed, for instance:
<html>
<head>
<title>Welcome to my website</title>
<style>
<!-- h1 {backgroundcolor:red;} -->
</style>
</head>
<body>
<h1>This is my website... </h1>
<p>Feel free to visit me Notepad made website</p>
</body>
</html>
You see, a HTML tag must be closed properly to ensure all values are isolated to their respective tag. For the example above I can explain a little bit.
The title of the website is Welcome to my website, the stylesheet stated that Heading 1 will have a red color background beside the standard browser formatting. The actual user readable part will show a big line of This is my website… with a red colored background. With a small paragraph of Feel free to visit me Notepad made website
This is supremely simple… there are many useful tags out there… you should check them out at www.w3schools.com
- OK this tutorial is definitely not simple enough, I added the <style> tag out of curiosity, but you can learn it… it’s called CSS, but this one if embedded in HTML file.
- CSS – Cascading Style Sheet can be used to define the graphics of web pages.
- Actually you can try to use Microsoft Expression Web, Adobe Dreamweaver, Nvu and many other HTML editors, regardless of WSYIWYG type or not, they simplify the process to make complicated website.
- HTML files are static and do not respond to user’s inputs. JavaScript, jQuery, PHP, ASP and many other languages can make the website interactive.
- <head> section includes data that users not directly seen including title, metadata, stylesheet, scripts etc.
- <body> section displays data that are visible to users.
- You can always redownload the assignment sheet right here.