HTML Guideline for Nimbus Digital
What is HTML
HTML stands for HyperText Markup Language. It is the language used to create webpages and other documents that can be displayed in a web browser. HTML is made up of elements, which are represented by tags, and describe the content and structure of a webpage. HTML is used to define the structure of a webpage, such as the headings, paragraphs, lists, images, links, and other elements that appear on a page. The browser then reads the HTML and translates it into a web page that is displayed to the user. HTML also includes attributes, which provide additional information about how the elements should be displayed, such as font size or color.
Nimbus Guideline to HTML Tags
HTML tags are used to create the structure of a web page. They are used to define elements such as headings, paragraphs, images, links, lists, and more.
Nimbus Digital expects content creators to use the following tags in their content.
Most Used HTML Tags:
- <h1>
- <h2>
- <h3>
- <p>
- <hr>
- <br>
- <ul> <li>
- <ol><li>
- <b>
- <i>
- <strong>
- <em>
- <blockquote>
- <a href=” “</a>
- <img src=” “>
How to Use <h1> Heading Tag:
Each document shall have only one <h1> Heading tag. The most important idea aka thesis statement that is going to be investigated around your content shall be your heading and should be written between <h1> tags.
Sample Use of <h1> Heading Tag:
Heading should be written between <h1></h1> tags.
<h1> Use HTML Tags to create an SEO-friendly website </h1>
How to Use <h2> Heading Tag:
Each document shall have more than three <h2> Heading tags. The supportive headings or the main supportive statements that are going to be investigated around your content should be written between <h2> tags.
Sample Use of <h2> Heading Tag:
The supportive headings should be written between <h2></h2> tags.
<h2> Include keywords relevant to your topic </h2>
How to Use <h3> Heading Tag:
It is good to have <h3> Heading tags. However, it is not obligatory. The sub-supportive headings should be included under <h3> tags.
The sub-supportive headings should be written between <h3></h3> tags.
<h3> Using “HTML” as a Keyword: </h3>
How to Use <p> Paragraph Tag:
Paragraph tags are the main elements of the content. Those tags describe your ideas and vision about the heading and thesis statement. Above all, they are the bodies of the content.
Content writers should develop their ideas and discuss their thesis between <p></p> tags.
<p> HTML is used to define the structure of a webpage, such as the headings, paragraphs, lists, images, links, and other elements that appear on a page. The browser then reads the HTML and translates it into a web page that is displayed to the user. </p>
How to Use <hr> and <br> Tags:
<hr> Tag stands for “horizontal rule”, and creates a straight line to separate the contents. <br> Tag stands for “break”, and literally breaks the line.
Those tags are not obligatory to use. However, they improve the style and content evaluation.
<hr> <p> New paragraph after the line </p>
<br> <p> New paragraph <br> after the break </p>
How to Use <ul>, <ol> and <li> Listing Tags:
<ul> Tag stands for “unordered list”, and starts a list with a pointed bullet. <ol> Tag stands for “ordered list”, hence starts a numbered list. <li> Tag stands for “list”, and lists the elements under “ordered” or “unordered” lists. <li> tag can be used both with ordered or unordered lists. We recommend using list items to order clear points of ideas, facts and content in a sequence. <li> tag exists concurrently with <ol> and <ul> tags.
Those tags are not obligatory to use. However, if content requires listing, we recommend to list articles via <ul> <ol> and <li> tags.
<ul>
<li> Unordered List content 1. </li>
<li> Unordered List content 2.</li>
</ul>
<ol>
<li> Ordered List content 1.</li>
<li> Ordered List content 2. </li>
</ol>
How to Use <b>, <i>, <em> and <strong> HTML Formatting Elements:
<b> Element stands for “bold” and equally makes the text in bold format. Therefore, it gives additional importance to a word. <i> Tag stands for “italic”, it is used for creating an additional contrast in context. <em> Tag stands for “emphasis”, and it is used for getting attention to the line. <strong> element is used to identify text that is of greater importance than the surrounding text. We recommend using formatting elements in order to create a well-organised content.
Those tags are not obligatory to use. However, creating comprehensive content, it is good to care about format too!
<p><b>This is bold text line</b></p>
<p><i> Italic used text</i></p>
<p><em>Emphasized content</em></p>
<p><strong>This text is strong</strong></p>
How to Use <blockquote> HTML Element with “cite”:
<blockquote> Element is often used with the “cite” word in order to refer to the cited resource. Referred content should be cited using <blockquote> element. Correspondingly, referrals should be added to the bibliography section at the end of the content.
We don’t allow plagiarism on Nimbus Digital or any other 3rd party companies we are working with. Therefore, give blockquote with citations inorder to avoid plagiarism!
<p>Nimbus Digital gives social media marketing services as follows:</p>
<blockquote cite=”https://nimbusdijital.com/social-media-management-service”>
Nimbus Digital provides comprehensive social media marketing services, including strategy, content creation, community management, and analytics. We work with our clients to develop a strategy that best meets their business goals. Our team of experienced social media professionals are knowledgeable in all aspects of social media, from content creation and optimization to developing and managing campaigns.
</blockquote>
How to Use Hyperlinks in HTML:
In an HTML document, <a> tag defines the hyperlink or bridge. It is often used with href attribute and it stands for “Hyperlink Reference”. It is obligatory to use inorder to provide outbound and inbound link to the content.
<a href=”www.nimbuskitap.com“>This is a link connected to Nimbus Kitap’s official website.</a>
How to Use Images in HTML Documents:
Adding visuals to HTML content helps to draw a user’s attention and make the content more engaging. Visuals can also be used to illustrate information, making it easier for users to understand. Additionally, visuals can help to break up large blocks of text and make complex information more visually appealing. The Nimbus Digital team will check visuals to avoid any copyright violations!
<img src=”nimbusdijitallogo.png” alt=”Logo Image of Nimbus Digital” width=”141″ height=”142″>
To upload images to online content writers can use sites like: https://freeimage.host/ which provides ready HTML code for images.