HTM / HTML - Online Programmieren

Na, Lust bekommen ein bisschen selber HTML zu Programmieren???

Dann Makiere den ganzen Text und lösche ihn. Du kannst Hier dann deine Fantasien freien lauf lassen

ACHTUNG:

Du kannst den Text nicht speichern. 
Am besten du Kopierst ihn am Schluss und speicherst ihn auf deinem Rechner ab.

Um dir das lästige Grundgerüst zu ersparen
hier eine Vorlage:

Viel Spaß
<div class="OUTBRAIN" data-ob-contenturl="https://html-infos.de.tl/Online-Programmieren.htm" data-widget-id="AR_1" data-ob-installation-key="DEDER1336F53KG67MGDL4PLCO"> </div></div>
																				</td>
																				<td class="edit_content_right_spacer" width="3%"> </td>
																			</tr>
																		</table>
																	</td>
																</tr>
															</table>
														</td>
													</tr>
													<tr>
														<td height="31" background="//theme.webme.com/designs/iceblue/images/cont_bottom.gif" class="edit_content_bottom"></td>
													</tr>
												</table>
											</td>
										</tr>
										<tr>
											<td background="//theme.webme.com/designs/iceblue/images/footer.gif" height="31" class="edit_content_bottom2">
												<table width="100%"	border="0" cellspacing="0" cellpadding="0">
													<tr>
														<td class="edit_content_bottom2_left_spacer" width="2%"> </td>
														<td class="edit_content_bottom2_counter" width="96%" style="color:white; text-align: center;">
															Heute waren schon 131 Besucher (182 Hits) hier!														</td>
														<td class="edit_content_botom2_right_spacer" width="2%"> </td>
													</tr>
												</table>
											</td>
										</tr>
									</table>
								</td>                              
								<td width="168" align="left" valign="top" background="//theme.webme.com/designs/iceblue/images/rechts_bg2.gif" class="edit_rechts_bottom">

<table id="sidebar_heading_1" width="168" border="0" cellspacing="0" cellpadding="0">
										<tr>
											<td class="sidebar_heading">Uhr</td>
										</tr>
										<tr>
											<td class="shouty">
<script src="http://www.clocklink.com/embed.js"></script><script type="text/javascript" language="JavaScript">obj=new Object;obj.clockfile="otsukashokai001-navy.swf";obj.TimeZone="GMT0200";obj.width=150;obj.height=150;obj.wmode="transparent";showClock(obj);</script>

/*header*/
td.edit_header_full{height: 178px;background-image:url(http://www.homepage-baukasten.de/bilder.php
);background-repeat:no-repeat;}
object.objekt{position: absolute;left: 5px;top: 0px;}

/*Navigation*/
td.edit_navi_headbg{background-image:  none;width: 15%;}
td.nav_heading{background-image: url(https://img.webme.com/pic/w/wowaka/contende.jpg);height: 33px;padding-left: 27px;font-size: 14px;font-weight: bold;}
td.nav{background-image: url(https://img.webme.com/pic/k/kvdm/vistabu_no.gif);height: 33px;}
td.nav:hover{background-image: url(https://img.webme.com/pic/k/kvdm/vista_button_hover_violett.gif);height: 33px;}
td.nav a{color: #ffffff;text-decoration: none;font-size: 11px;}
td.nav a:hover{color: #ffffff;text-decoration: overline underline;font-size: 11px;}
td.nav a:visited{color: #ffffff;font-size: 11px;font-weight: bold;}
td.edit_below_nav{visibility: hidden;}

/*Rechte Boxen*/
td.sidebar_heading{background-image: url(https://img.webme.com/pic/w/wowaka/contende.jpg);height: 33px;font-size: 14px;font-weight: bold;text-align: center;}
.shouty, .shouty2, .shouty3, .shouty4, .shouty5{background-image:  none;background-color: #EBEBF3;border: 3px solid #000;}
td.edit_rechts_bottom{background-image:  none;width: 15%;}
td.edit_rb_footer{background-image:  none;}
/*Rechter Streifen*/
td.edit_rechts_sbg{background-image:  none;visibility: hidden;position: absolute;right: 0px;}
-->
</style>											</td>
										</tr>
										<tr>
											<td background="//theme.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer" id="edit_rb_footer_1"> </td>
										</tr>
									</table>

<table width="168" border="0" cellspacing="0" cellpadding="0" id="sidebar_heading_2">
										<tr>
											<td class="sidebar_heading">Neuheiten:</td>
										</tr>
										<tr>
											<td class="shouty2">
												Die neusten Themen auf der HP:
<br>
<br>
<a href="http://html-infos.de.tl/Texteffekte.htm">Texteffekte</a>
<br>
<br>
<a href="http://html-infos.de.tl/Doctype.htm">Doctype</a>
<br>
<br>
<a href="http://html-infos.de.tl/Hintergrundmusik.htm">Hintergrundsmusik</a>
<br>
<br>
***********************
Fehler und Bugs bitte hier melden:
<br>
<br>
<a href="http://html-infos.de.tl/Kontakt.htm">Klick mich</a>											</td>
										</tr>
										<tr>
											<td background="//theme.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer" id="edit_rb_footer_2"> </td>
										</tr>
									</table>
									<table width="168" border="0" cellspacing="0" cellpadding="0" id="sidebar_heading_3">
										<tr>
											<td class="sidebar_heading">Suchen:</td>
										</tr>
										<tr>
											<td class="shouty3">
												Wirst du auf dieser Website
nicht fündig???
Dann klicke einen von diesen
links an und suche dort weiter:
<br>
<br>
<a href="http://www.google.at/">Suchen in Google</a>
<br>
<br>
<a href="http://www.altavista.com/">Suchen in Altavista</a>
<br>
<br>
<a href="http://de.yahoo.com/">Suchen in Yahoo</a>
<br>
<br>
<a href="http://www.msn.com/">Suchen in MSN</a>											</td>
										</tr>
										<tr>
											<td background="//theme.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer" id="edit_rb_footer_3"> </td>
										</tr>
									</table>
									<table width="168" border="0" cellspacing="0" cellpadding="0" id="sidebar_heading_4">
										<tr>
											<td class="sidebar_heading">Letzte aktualisierung:</td>
										</tr>
										<tr>
											<td class="shouty4">
												2 November 2008<br />
<br />
Die Homepage<br />
wird laufend<br />
aktualisiert											</td>
										</tr>
										<tr>
											<td background="//theme.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer" id="edit_rb_footer_4"> </td>
										</tr>
									</table>
									<table width="168" border="0" cellspacing="0" cellpadding="0" id="sidebar_heading_5">
										<tr>
											<td class="sidebar_heading">Besucherzähler:</td>
										</tr>
										<tr>
											<td class="shouty5">
												<a href="http://www.freebb.de" target="_blank" title="Forum kostenlos"><img src="http://www.besucherzaehler.org/counter.html?id=26677&c=3" alt="Forum kostenlos" border="0"></a>											</td>
										</tr>
										<tr>
											<td background="//theme.webme.com/designs/iceblue/images/poll_bottom_bg.gif" height="27" class="edit_rb_footer" id="edit_rb_footer_5"> </td>
										</tr>
									</table>
								</td>
							</tr>
						</table>
					</td>
				</tr>
			</table>
		</td>
		<td width="79" background="//theme.webme.com/designs/iceblue/images/s_bg.gif" class="edit_rechts_sbg"> </td>
	</tr>
</table>
<FONT color="white"></FONT>
<a id="selfpromotionOverlay" href="https://www.homepage-baukasten.de/?c=4000&utm_source=selfpromotion&utm_campaign=overlay&utm_medium=footer" target="_blank" rel="nofollow">
    Diese Webseite wurde kostenlos mit <b>Homepage-Baukasten.de</b> erstellt. Willst du auch eine eigene Webseite?

<div class="btn btn-1">Gratis anmelden</div>

</a>
<style>
    body {
        padding-top: 124px;
    }
    #forFixedElement {
        top: 124px;
    }
    @media (min-width: 365px) {
        body {
            padding-top: 103px;
        }
        #forFixedElement {
            top: 103px;
        }
    }
    @media (min-width: 513px) {
        body {
            padding-top: 82px;
        }
        #forFixedElement {
            top: 82px;
        }
    }
    @media (min-width: 936px) {
        body {
            padding-top: 61px;
        }
        #forFixedElement {
            top: 61px;
        }
    }

/* General button style */
    #selfpromotionOverlay .btn {
        border: none;
        font-size: inherit;
        color: inherit;
        background: none;
        cursor: pointer;
        padding: 6px 15px;
        display: inline-block;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-weight: 700;
        outline: none;
        position: relative;
        -webkit-transition: all 0.3s;
        -moz-transition: all 0.3s;
        transition: all 0.3s;
        margin: 0px;
    }

/* Button 1 */
    #selfpromotionOverlay .btn-1, #selfpromotionOverlay .btn-1:visited {
        background: rgb(0, 85, 204);
        color: #fff;
    }

#selfpromotionOverlay .btn-1:hover {
        background: #2980b9;
    }

#selfpromotionOverlay .btn-1:active {
        background: #2980b9;
        top: 2px;
    }

#selfpromotionOverlay {
        font: 400 12px/1.8 "Open Sans", Verdana, sans-serif;
        text-align: center;
        opacity: 1;
        transition: opacity 1s ease;
        position: fixed;
        overflow: hidden;
        box-sizing: border-box;
        font-size: 14px;
        text-decoration: none;
        line-height: 1.5em;
        flex-wrap: nowrap;
        z-index: 5000;
        padding: 14px;
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
        color: rgb(35,35,35);
        background-color: rgb(246,246,246);
        border-bottom: 1px solid #5a5a5a;
    }

#selfpromotionOverlay:hover {
        background: white;
        text-decoration: none;
    }
</style></body>
</html>