We use cookies to improve our services and provide a better experience. By continuing to use this site, you agree with our Cookies Policy.

Tutorials
More than 400 step-by-step articles to guide you through online project development.
HomeTutorialsCMS TutorialsJoomla

How to embed HTML code in Joomla articles

Linux KVM Hosting
OpenVZ VPS
Linux Cloud Server
Germany Cloud Servers
KVM VPS
Windows Cloud Server
cPanel KVM
Ubuntu VPS
Brazil VPS
USA VPS

Since Joomla comes with all the advantage features for the content management, embedding HTML code in the articles is pretty easy. All we need to do is to access administrator panel by using specific link and put our login details. Basically, Joomla administrator panel can be reached by going to http://domain.com/administrator/ (please note to replace domain.com with the actual domain).

J_Login

Once logged in to administrator area, navigate to the place where it’s possible to create and manage articles. In this case, navigate to “Content>Article Manager” where we will find all features to manage Joomla articles.

J_New_Article

If we would like to embed HTML code in the article which already exists, we can simply open existing article and start editing it. Otherwise, we might need to create new one by clicking on “New” button. Then we should be able to prepare new article for our website. Simply put article title in the appropriate field and once it’s done, go to add the article itself. In this case we will be using it only for HTML code embedding.  Let’s say we would like to embed the following HTML:

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html>
<body>
 
<h1>My First Heading</h1>
 
<p>My first paragraph.</p>
 
</body>
</html>

Since this is HTML code, not simple text, we will need to put it by using HTML source editor. It can be opened in the same article editing page by clicking on “Edit HTML Source”. Pop-up window should appear like this.

J_HTML_Source_Editor1

Then paste the mentioned HTML code in the text field of this editor and click “Update” button. In case of success, we should find the following look in the article window.

J_HTML_Code

As we can see HTML code was embedded correctly and displaying required text in the output. From this point we can save the article by clicking “Save” button and we are ready to publish it to the website.

Germany Cloud Servers
Brazil VPS
Windows Cloud Server
Linux Cloud Server
cPanel KVM
OpenVZ VPS
KVM VPS
Ubuntu VPS
USA VPS
Linux KVM Hosting
Rate this Tutorial:
No Comments Leave a Comment
Leave a Comment

Other (197)

Popular Keywords