HTML editor by TechTurtles
Hello, everyone here today I’ll be going over the new HTML Editor developed by Abhishek Jani, Hariom Acharya and Manthan Bhavsar.
Today everyone uses editors, for website development, game development, program development, software development and many more things. Even today many people use online editors which are quite good as, if you just want to use it on a temporary basis you don’t need to install special editors offline.
Talking about the simplest editors here, WE PRESENT THE ONLINE HTML EDITOR DEVELOPED BY THE TECHTURTLES (sounds quite cool but, the stuff is just a basic editor and is well developed since I tested it for my own requirements).
Recently we added this free HTML editor named ide for every-one in the ‘Ide’ section of our Blogspot. IT HAS A DARK MODE.
This doesn’t come with many features but, is simply at very early building stage(alpha testing) so it is actually like another notepad(rather like an online notepad). So, there may be bugs, errors and all sorts of problems and we will always try to keep a track of them and also try to fix things as soon as possible.
The features are quite simple and Ui is just
the same as the notepad but, with some colors and design enhancements. You can
see the output instantly in the other half of the window.
I’ll show you a simple code in the HTML Editor.
Code:
<html>
<head>
<title>About us</title>
</head>
<body>
<p><h1>We are the gamers.</h1><br>
<h2>Website made by: Shreyas Trivedi</h2><br>
More info available on these popular websites like:<br><br>
<br>
Niche Gamer<br>
TechRaptor<br>
Gematsu<br>
Destructoid<br>
PC Gamer<br>
GameFAQs<br>
GameSpot<br>
Siliconera<br>
Rock, Paper, Shotgun<br>
Game Informer<br>
</font>
</p>
</body>
</html>
This is how it will look in the ide:
And the the output is also quite simple and accurate:
So, this is a very basic type of HTML editor.
Lets, try adding some more code with a little CSS and background color.
Something like this:
<html>
<head>
<title>About us</title>
<style>
h1,h2{font-family: comic sans MS;
color: white;}
font{color: white;}
table#xl{
font-family: comic sans MS;
background-color: cyan;
width: 730px;
height: 20px;
border-radius: 25px;
margin-left: 20px;
margin-right: auto;
}
</style>
</head>
<body bgcolor="blue">
<table id="xl">
<tr>
<td></td>
<td><h2><a href="prac10.7(rough).html">Home</a></h2></td>
<td><h2><a href="prac10.7.1.html">About us</a></h2></td>
<td><h2><a href="https://www.metacritic.com/browse/games/score/metascore/all/pc/filtered?view=detailed">PC Games</a></h2></td>
<td><h2><a href="https://www.metacritic.com/browse/games/score/metascore/all/ps4/filtered?view=detailed">Play Station Games</a></h2></td>
<td><h2><a href="https://www.metacritic.com/browse/games/score/metascore/all/xboxone/filtered?view=detailed">Xbox Games</a></h2></td>
</tr>
</table><br><br>
<font face="candara">
<p><h1>We are the gamers.</h1><br>
<h2>Website made by: Shreyas Trivedi</h2><br>
More info available on these popular websites like:<br><br>
Niche Gamer<br>
TechRaptor<br>
Gematsu<br>
Destructoid<br>
PC Gamer<br>
GameFAQs<br>
GameSpot<br>
Siliconera<br>
Rock, Paper, Shotgun<br>
Game Informer<br>
</font>
</p>
</body>
</html>
Output looks like this:
So, I’ll say that’s quite a nice Editor and also feels slightly better than the usual notepad.
Making a note of this I’ll end my blog over this topic and hope you enjoy our editor and we also wish that it will help you in coding Html.
Report us a problem of the editor on our website: www.techturtles47.com itself or by emailing us on our email id: techturtles47@gmail.com
Hope you support us on by using the HTML Editor, reading our blogs and following us on Social media sites.
Super website
ReplyDeleteSuper website
ReplyDelete