Free online HTML code editor with instant live preview. Syötä koodi muokkaimessa ja katso esikatselun muuttuvan kirjoittaessasi. Kirjoita asiakirjat helposti asentamatta mitään ohjelmaa.
Siellä on toinen online-HTML-editori, joka käyttää WYSIWYG visuaalinen editori liittyvät lähde-editori, mutta huomasimme, että on tarpeen luoda erillinen säveltäjä, missä TinyMCE ei korvaa virheet ja antaa enemmän vapautta ja ohjaus., Kyseinen toimittaja korjaa koodimme aina, kun pitää jotain virheenä, vaikka emme sitä haluaisikaan. Nyt voimme käyttää epätyypillisiä tunnisteita ja attribuutteja, ASP.NET tägejä ja muuta.
miten HTML-koodieditoria käytetään?
näet, lähde editori, pre-asuttuja demo tekstiä, kun voit ladata verkkosivuilla ensimmäistä kertaa, joten voit kokeilla työkalu. Lataa tämä teksti milloin tahansa haluat käyttää annettua valikkovaihtoehtoa. Avataksesi uuden tunnisteen käytä tekstialueen yläpuolella olevaa luetteloa. Sulje avatut tunnisteet napsauttamalla yläosan oikealla puolella olevaa close-painiketta., Tämä sulkee kohteet yksitellen käänteisessä avausjärjestyksessä.
tärkein HTML-säveltäminen-ala on käyttää syntaksin korostus, jotta markup language tags helposti erotettavissa ja luettavampi. Määrä merkkejä näkyy yhdessä tärkeimmät painikkeet: avaa, uusi sivu, font-size suuntaaja, kompressori ja tärkein HTML-Puhdistus-painiketta, joka suorittaa kaikki tarkastetaan puhdistus vaihtoehtoja.
esikatselu-alueella sijaitsee oikealla puolella lähde editor ja muutokset näkyvät täällä heti tehdä HTML-säveltäminen enemmän ihmisen ystävällinen., Tämä osio on käyttää Bootstrap CSS, jonka avulla voit käyttää tyylejä suosituin etupään puitteet.
vierittämällä alaspäin löydät monia hyödyllisiä integroituja työkaluja. Käytä ohjattua tag-toimintoa irtotavarana koodin. Ensimmäisen tunnisteen nimi luettelosta sarake on olemassa muita vaihtoehtoja voit luoda uusia tunnisteita, korvata niitä, poistaa ne kokonaan niiden sisältöä, poista vain tunnisteita, poistaa tag attribuutteja tietyt tunnisteet, ja se on mahdollista muuntaa taulukot ja luettelot jäsennelty div-elementtejä., Lisäksi ennalta iframe, taulukko, linkki -, vertailu -, kuva -, lomake ja lista tunnisteet voit määrittää ja manipuloida muita tunnisteita kirjoittamalla ne tietokentät. Jokainen tag ohjattu toiminta voidaan toteuttaa yksilöllisesti kanssa vähän pelata-painikkeita tai ne voidaan asettaa aktiivinen tarkkailun harmaa pisteitä ja käytä niitä kaikkia yhdessä main-painiketta oikeassa yläkulmassa ikkunan.
HTML: n perussiivouksen ominaisuudet ovat saatavilla ja niitä voidaan soveltaa yksi kerrallaan tai kaikki aktiiviset vaihtoehdot samanaikaisesti., Tyhjennä rivityylit, ei-toivotut luokat ja tunnukset, tyhjät tunnisteet, tunnisteet, jotka sisältävät vain yhden rikkoutumattoman tilan, peräkkäiset tilat, Kommentit. Voit myös päästä eroon kaikki tag attribuutteja (paitsi src kuvia ja href ankkuri tagit) tai poista kaikki tunnisteet yhdellä hiiren klikkauksella, jolloin dokumentti on pelkkää tekstiä.
korvaa-työkalu voi etsiä ja vaihtaa teksti bittiä koko asiakirjan, sisältö, tag attribuutteja, tyylejä tai luokat/tunnukset. Tämä ei tue säännöllisiä ilmaisuja.,
värinpoimija on HTML-koodieditorin toinen tärkeä ominaisuus, jonka avulla voimme helposti valita halutun värin ja tallentaa ne myöhempää käyttöä varten. Yleisimmät koodinpätkät voidaan helposti kopioida muokkaimessa.
siansaksaa teksti generaattori täyttää editor tai varattu alue sivulla joitakin perus Lorem Ipsum kohtia.
hyödyllisiä vinkkejä
pidä sisällöstä varmuuskopio ja säästä aina työn etenemistä.
varmista, että validoit HTML-koodebefore-julkaisun virheiden välttämiseksi.
Lue kaikki huonot HTML-käytännöt täältä.,
Käytä CSS alla tyyliin divs muunnettu taulukoita: