The biggest thing I have learn thus far is the ability to create div's and
stylesheets to format my text and images across the page easily.
This has also been very useful in being able to group sections of my
website together so that I can apply formatting and keep the page aligned
One of the fundamental concepts in HTML is the idea of structure and layout.
HTML provides a way to organize content into different sections using elements
like <div> and <section>.
These elements help in creating a logical structure for the webpage, making it easier to apply styling with CSS.
In this example, I've included an image and resized using CSS to be a 100 pixels wide by a 100 pixels high, as well as add a 1 pixel border and a 10 pixel radius on the border to round the image
I've included the following button using Javascript which will allow you to change the background colour of this page
*You can specify either hex color or name (e.g. #00bfff, red)
* The background will also be saved so when loaded again it will display
In HTML, you can define elements such as <header>,
<nav> and <footer> which give
meaning to different parts of the webpage. Using these elements not only
improves accessibility but also enhances search engine optimization (SEO).
Understanding HTML's layout and structure is crucial as it forms the foundation upon which CSS styles are applied. By organising content effectively in HTML, we can create visually appealing and well-structured webpages.