Either you are a Professional Blogger or doing Guest posting just for Knowledge sharing you must face HTML code problems. I know HTML is a web designing/ programming language but I think every Blogger must know some Basic HTML tags for their career growth. The reason behind this is every professional blogger must face some technical website which have not much user friendly What You SEE Is What you Get (WYSIWYG editor).
In any case, It is helpful to know some HTML tags either you edit a Website page or a Blog Post.
What is HTML tags ?
Html tags are made up of elements, which are described by attributes with variable values.
Source:
HTML Cheatsheet
When I need these HTML codes, I found them on some website but in scattered and some complex form. So, I am come up this Blog post.
Below are some important HTML tags or codes for Professional Blogger or Content Writers.
Text Tags
|
S. No.
|
Tag
|
Description
|
|
1
|
<em></em>
|
emphasize with italic
|
|
2
|
<strong></strong>
|
emphasize with Bold
|
|
3
|
<h1></h1>
|
Largest headline
|
|
4
|
<h2>
|
Second largest headline
|
|
5
|
<h6>
|
Smallest Headline
|
|
6
|
<font size=5>
|
Size from 1-7
|
|
7
|
<font color=red>
|
Set font color name or Hexadecimal code
|
|
8
|
<Sub></sub>
|
Use for Subscript
|
|
9
|
<sup></sup>
|
For superscript text
|
|
10
|
<de></del>
|
Strikethrough text
|
|
11
|
<code></code>
|
Insert code in Blog
|
|
12
|
<pre></pre>
|
Preformatted text
|
Image Tags:
|
1
|
<img src= URL>
|
embed an image
|
|
2
|
title=?
|
Name an image
|
|
3
|
alt=?
|
Alternate name of image
|
|
4
|
Example: <img src="findnerd.png" alt="HTML5 Icon" width=400 height=300>
|
Link Tags:
|
Tag
|
Example
|
|
<a href="">link</a>
|
<a href="http://findnerd.com/askquestion/php" target="_blank" Php developer forum<</a>
|
Table Type Tags:
|
Tags
|
Description
|
|
<table></table>
|
Create a Table
|
|
<tr></tr>
|
Create a Table Row
|
|
<td></td>
|
Create a cell
|
|
<table border=?>
|
set the table Border
|
|
<table cellspacing=?>
|
Set spacing around cell
|
|
<ol></ol>
|
Order list
|
|
<ul></ul>
|
Un-order list
|
|
<li></li>
|
For list item
|
Alignment Tags:
|
Tags
|
Description
|
|
<p>p</p>
|
Paragraph Tag
|
|
Justify Tag
|
<p style="text-align:justify"> paragraph <br></p>
|
|
<center></center>
|
Center an element like image , text or content.
|
|
<p align=right>Text</p>
|
Right align an element , text or content.
|
|
<p align=left>Text</p>
|
Left and an element , text or content.
|
Hope you enjoy reading this short and tabular blog post.
0 Comment(s)