HTML Guide; How To Create Products Using HTML Codes

Here, you will learn how to use basic HTML Codes for content creation while creating products. This includes product description and highlights on Jumia;

 

html-pointing-sign-clipartWhat is HTML?

HTML or HyperText Markup Language is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet. It is relatively easy to learn, with the basics being accessible to most people in one sitting; and quite powerful in what it allows you to create.

HTML or HyperText Markup Language broken down;

  • HyperText is the method by which you move around on the web. By clicking on special text called hyperlinks which brings you to the next page.
  • Markup is what HTML tags do to the text inside them. They mark it as a certain type of text (italicised text, for example).
  • HTML is a Language, as it has code-words and syntax like any other language.

How Do I Generate HTML Codes?

Product description and highlights can be generated in HTML code. For this, we recommend to use the NOTEPAD software.

Click Here To Download The NOTEPAD Software

You Can Learn How To Use The NOTEPAD Software Here

Major HTML Tags on Jumia

Paragraphs;

Each paragraph of the description requires the tag <p> to start it and </ p> to end it.

Example;

Product Description in HTML Codes (Before Creation)

content_guides_3

Product Description in Plain Text (After Creation)

content_guides_4

Bold & Italics;

The HTML Tags <b> </ b> are used to place keywords of the product description you wish to type in BOLD. For a keyword that you desire to type ITALICS, you use <i> </ i> 

Example;

Product Description in HTML Codes (Before Creation)

content_guides_5

Product Description in Plain Text (After Creation)

content_guides_6

Bullet Points/Short Description;

List Tag is used for the key features of a product (bullet points) or if you need to insert a bullet point list within the product description.

The HTML Code Structure:

<ul>  – Starts The List

<li> Feature 1 </ li>

<li> Feature 2 </ li>

<li> Feature 3 </ li>

</ ul> – Ends The List

IMPORTANT NOTE:

The number of tags <li> </ li> depends on how many key features you insert. Important not to forget that each open Tag (<li>) must be closed (</li>), or the text will not be displayed correctly on the website.

Example;

Bullet Points in HTML Codes (Before Creation)

<ul>

<li>Operating System: iOS 8</li>
<li>Camera Specs: 8 MP (Primary); 1.2 MP (Secondary)</li>
<li>Screen: 5.5″ LED-backlit IPS LCD, capacitive touchscreen</li>
<li>Memory: 64GB, 1GB RAM</li>
<li>Non-removable Li-on Battery</li>
<li>CPU: Dual Core 1.4 GHz Cyclone (ARM v8-based)</li>
<li>Colour: Gold</li>

</ul>

Bullet Points in Plain Text On Website (After Creation)

key_features

Advertisements