Read: 04 - Structure web pages with HTML (HyperText Markup Language)
Wire Frame Design
Is the mock up of how the website needs to look and/or function by means of manual scetch or digital tools.
Helpful websites for wire frame design
Fitted app Inflection website Kyte app Fiscal website Sundayz app JazzBurger website Swipy app Breadbox website Perfect Properties app
Mozilla HTML Basics
The main parts of our element are: The opening tag: This consists of the name of the element (in this case, p), wrapped in opening and closing angle brackets. This states where the element begins or starts to take effect — in this case where the paragraph begins
The closing tag: This is the same as the opening tag, except that it includes a forward slash before the element name. This states where the element ends — in this case where the paragraph ends. Failing to add a closing tag is one of the standard beginner errors and can lead to strange results.
The content: This is the content of the element, which in this case, is just text.
The element: The opening tag, the closing tag, and the content together comprise the element.
Example Code <!DOCTYPE html>
Semantics
In programming, Semantics refers to the meaning of a piece of code — for example “what effect does running that line of JavaScript have?”, or “what purpose or role does that HTML element have” (rather than “what does it look like?”.)
These are some of the roughly 100 semantic elements available: Consider your audience and purpose