HTML Layout
4 lessonsAbout 24 minutesAdvanced
This part of the HTML Tutorial runs from HTML Block vs Inline Elements through to HTML Iframes. There are 4 lessons here, and working through them takes about 24 minutes at a steady pace.
It follows on from HTML Forms, so finish that first if you have not already — the examples below assume you are comfortable with it.
Each lesson below says what it covers before you open it. Read them in order the first time; afterwards this page works as a index you can jump back into when you need to check one thing.
- 1HTML Block vs Inline ElementsIn HTML, every element is defined as either a block-level element or an inline element. Understanding the difference between them is essential for...
- 2HTML Div & SpanThe <div> and <span> elements are two of the most commonly used tags in HTML. They do not add any visual change by themselves but are extremely useful for...
- 3HTML Semantic Layout TagsIn modern web design, creating a clear and meaningful page structure is essential. Semantic layout tags in HTML help you define different parts of a webpage...
- 4HTML IframesAn iframe (short for inline frame) is an HTML element that allows you to embed another webpage or document inside the current webpage. It acts like a window...