Wireframes

wireframe help us to Connect the site’s information architecture to its visual design by showing paths between pages. Clarify consistent ways for displaying particular types of information on the user interface. Determine intended functionality in the interface. and its to to define and plan the information hierarchy of their design for a website, app, or product.

there are two types of wireframe:

1. physical hand-drawn sketch wireframe

2. digital wireframe :by different tools

you have to keep the wireframe simple as much as possible and you should start with a physical hand-drawn sketch wireframe and then convert it to digital wireframe

HTML

its stands for hypertext markup language and its the content of the webpage and its structure

the anatomy of HTML is :

element the element contain open and close tag and betwen it there is a content.

• You can put elements inside other elements too

• element can also have attribute like this : <p class="editor">

• An attribute should always have the following:

  • A space between it and the element name
  • The attribute name followed by an equal sign. -The attribute value wrapped by opening and closing quotation marks.
• Some elements have no content and are called empty elements. Take the <img>

  semantic

  Semantics is the study of meaning in language. and in the programming its refers to the meaning of a piece of code