SBD 3 – MA1 Semantic html


In html5, many elements have semantic meaning, which makes it easier to understand what the different sections in the html document is about. It also makes it easier for screen readers and other assistive technologies to identify various elements of a page.

Examples of semantic html elements are: header, section, nav, article footer, main, p, headings h1 to h6, aside, ul, ol and more. The element DIV is not a semantic element, but sometimes you still have to use it.

I have created a document where I use some of these elements. This is the result. Visually it is not nice, since no stylesheet is attached (yet), but this is how a screen reader renders the page, and in the matter, the page is fine.

The code required to make this is like this. I use Visual Studio Code to do my coding.

More to explorer

SBD3 CA Hans & Helga burgers

This is the course assignment for Screen Based Design 3 (SBD3 CA). I chose to make a menu for Hans & Helga.

SBD3 MA3 Layout

This weeks task is to recreate a layout, and so I did. The result The next task was to use flex-box and grids to create a layout. I tried to

SBD3 MA3 Styling images

This week, I work with images. The task is to create a background-image (on the body tag, but I will not do that). In my sketches for the Norwegian Seafood