ingyenes online HTML kódszerkesztő azonnali élő előnézettel. Írja be a kódot a szerkesztőbe, majd a gépelés közben módosítsa az előnézetet. A dokumentumok könnyen összeállíthatók bármilyen program telepítése nélkül.
van egy másik online HTML-szerkesztő, amely segítségével egy WYSIWYG vizuális szerkesztő kapcsolódik a forrás szerkesztő, de megtaláltuk szükséges, hogy hozzon létre egy külön zeneszerző, ahol a TinyMCE nem felülírja a hibákat ad nagyobb szabadságot irányítást., Az adott szerkesztő kijavítja a kódot minden alkalommal, amikor úgy véli, valami hiba, akkor is, ha nem akarjuk, hogy. Most már használhatunk nem szabványos címkéket és attribútumokat, ASP.NET címkék és több.
hogyan kell használni a HTML kódszerkesztőt?
látni fogja a forrásszerkesztő előre lakott egy demo szöveget, amikor betölti a honlapon a legelső alkalommal, így kísérletezni az eszközzel. Töltse be ezt a szöveget bármikor a hozzárendelt menü opcióval. Új címke megnyitásához használja a szövegterület feletti listát. Zárja be a megnyitott címkéket, kattintson a Bezárás gombra a felső rész jobb oldalán., Ez bezárja az elemeket egyenként fordított nyitási sorrendben.
a fő HTML komponálási terület szintaxiskiemeléssel teszi a jelölőnyelv-címkék könnyen megkülönböztethetővé és olvashatóbbá tételét. A karakterek mennyisége a fő vezérlőgombokkal együtt jelenik meg: visszavonás, új oldal, betűméret-beállító, kompresszor, valamint a fő HTML tisztító gomb, amely végrehajtja az összes ellenőrzött tisztítási lehetőséget.
az előnézeti terület a forrásszerkesztő jobb oldalán található, a változások itt azonnal tükröződnek, hogy a HTML összeállítása emberbarátabb legyen., Ez a szakasz a Bootstrap CSS-t használja, amely lehetővé teszi a legnépszerűbb front-end keretrendszer stílusainak használatát.
lefelé görgetve számos hasznos integrált eszköz található. A címkevarázsló segítségével tömeges műveleteket hajthat végre a kódon. Az első tagnévlista oszlopot követve további lehetőségek állnak rendelkezésre Új címkék létrehozására, helyettesítésére, teljes törlésére azok tartalmával, csak a címkék eltávolítására, bizonyos címkék címkeattribútumainak törlésére,táblázatok és listák strukturált div elemekké alakítására., Az előre definiált iframe, table, link,span, image, form and list tagek mellett további címkéket is definiálhat és manipulálhat a beviteli mezőkben. Minden tag wizard művelet végrehajtható külön-külön a kis lejátszás gombokkal, vagy beállítható aktív ellenőrzése a szürke pontok, majd alkalmazza őket együtt a fő gombot a jobb felső sarokban az ablak.
a legalapvetőbb HTML tisztítási funkciók állnak rendelkezésre, amelyek egyszerre alkalmazhatók egyesével vagy az összes aktív opcióval., Törölje ki a beágyazott stílusokat, a nem kívánt osztályokat és azonosítókat, az üres címkéket, a címkéket, amelyek csak egy nem törő helyet tartalmaznak, egymást követő szóközöket, megjegyzéseket. Megszabadulhat az összes tag attribútumtól (kivéve a képek src-jét és a horgonycímkék href-jét), vagy eltávolíthat minden címkét egy egérkattintással, így a dokumentum egyszerű szöveggé válik.
a helyettesítő eszköz a teljes dokumentumban, a tartalomban, a címkeattribútumokban, a stílusokban vagy az osztályokban/azonosítókban megjelenítheti és kicserélheti a szöveges biteket. Ez nem támogatja a reguláris kifejezéseket.,
a színválasztó egy másik fontos jellemzője a HTML kódszerkesztő, amely lehetővé teszi számunkra, hogy könnyen válassza ki a kívánt színt, majd mentse őket későbbi használatra. A leggyakoribb kódrészletek könnyen másolhatók a szerkesztőbe.
a halandzsa szöveggenerátor néhány alapvető Lorem Ipsum bekezdéssel feltölti az oldal szerkesztőjét vagy a kiosztott területet.
Hasznos tippek
tartsa meg a tartalom biztonsági mentését, és mindig mentse el a munka előrehaladását.
Győződjön meg róla, hogy a hibák elkerülése érdekében érvényesíti a HTML kódotkiadás előtt.
olvassa el az összes rossz HTML gyakorlatot itt.,
használja az alábbi CSS-t a táblázatokból konvertált div-ek stílusosításához: