<h1>contents goes here</h1>another example: <a href="url goes here">Content</a>
to insert an image element use <img/>
headings <h1>,<h2>.. etc; paragraphs <p>; lists <ul>=unordered, <ol>=ordered; links <a> or <a href="url">Wireframing is used by UX designers to plan ahead for a project with using color or text type, based on what a client desires to be presented on their site. The implementation of wireframing vary, but basically they all involve sketching first, and then turn the sketch into code. It’s worth noting that wireframing does not have to be done in code,it can be done using pen and pencils.
The process of wireframing are as follows: research –> prepare research for reference –> mapping user flow (information architecture) –> draft and sketch –> brief details+testing –> turn into prototypes. The goal of wireframing is to present a simple and clear product that shows confidence.
Semantics in HTML gives meaning to the content it wraps, for instance: <h1>top level heading</h1> contains the semantic element <h1>. Although some elements can make the contents have the same appearance, it is not a semantic element (ex. <span style ="font-size": xx;margin: xx>Content</span>). See a list of semantic elements here.
Note that HTML should be responsible for content only, styling is covered by CSS.
How to integrate HTML and markdown seamlessly?