Knowledge Base

Useful code snippets

Text Alignment within a Container

Center text:
<div class="text-center">...</div>
Left align text:
<div class="text-left">...</div>
Right align text:
<div class="text-right">...</div>
Justify text:
<div class="text-justify">...</div>

Aligning and Wrapping Images with Text

Left align image:
<div class="pull-left">...</div>
Right align image:
<div class="pull-right">...</div>
Center align image:
<center>...</center>

Lists

The <ol> tag creates a numbered list. Each list item should start with the <li>...</li> tag:
<ol>...</ol>
The <ul> tag creates a bulleted list. Each list item should start with the <li>...</li> tag:
<ul>...</ul>

Adding Links:

The <a> tag is used to create links, where the href attribute specifies the address of the document to be linked:
<a href="URL">...</a>

HTML Redirect:

Code snippet:

<meta http-equiv="refresh" content="1;URL=https://mediasova.com" />

Example of the page source code:

<HTML>
  <HEAD>
    <META HTTP-EQUIV="REFRESH" CONTENT="1; URL=https://mediasova.com">
  </HEAD>
  <BODY>
  </BODY>
</HTML>

Note:

content="1 - delay before redirect in seconds
URL=https://mediasova.com - link to redirect to

Hide Content (Display:none)

<div style="display:none">
code to be hidden
</div>

Embedding an iframe:

Code snippet:

<iframe src="https://mediasova.com" width="90%" height="500" frameborder="1"> </iframe>

Example of the page source code:

<head>
<title>HTML iframe</title>
</head>
<body>
<iframe src="https://mediasova.com" width="90%" height="500" frameborder="1"> </iframe>
</body>
</html>

Attributes and values of the <iframe> tag:

  • src="" – specifies the URL of the document.
  • frameborder="" – border of the embedded document. Possible values: 1 – default and 0 – no frame border.
  • scrolling="" – determines the presence of a scrollbar. Possible values: yes – default and no – no scrollbar.
  • width="" – determines the width of the html iframe in pixels or percentages.
  • height="" – determines the height of the html iframe in pixels or percentages.
  • align="" – determines alignment. Possible values: top, right, bottom, left, middle.

SEO Specialist Tip: Be cautious and understand the implications of code snippets that hide content (e.g., display:none, hiding via CSS, same text color as the background) or load information from other sites (iframe). In the first case, the content is visually hidden but remains accessible for indexing; in the second case, the content is visually displayed but not indexed on your site.

Info