Learning the Basics of Web Development with HTML and Notepad
In one of our recent classes, we explored how to build a basic website from scratch using only Notepad and HTML code. It's amazing how much you can create with just a simple text editor!
We started by writing out the structure of an HTML document. We included important elements like the doctype declaration, a head section for metadata, and a body where all the visible content goes. I created my own website with a title, headings, paragraphs, and even lists.
One of the key features we learned was how to insert images into our webpage. For instance, I added a profile picture and a pet photo using the <img> tag, complete with attributes like alt text, size specifications, and hover text to make it interactive. This was done by including the file path of the images on my computer and setting parameters like width and height.
Another interesting part of the lesson was adding a hyperlink that, when clicked, opens a new website in a separate tab. We used the <a> tag with the target="_blank" attribute, making it easy for users to visit external pages without leaving the site.
Lastly, we also learned how to style our pages a bit with preformatted text and lists, both ordered and unordered. By the end of the session, we had a fully functioning basic website — simple but a great introduction to web development!
Link for My Site:file:My site
Comments
Post a Comment