Interaktiivne HTML-meil on võimas tööriist. Ettevõtted saavad neid kasutada sooduspakkumiste jaoks, vabakutselised võivad neid kasutada oma teenuste tutvustamiseks potentsiaalsed kliendid ja lapselapsed saavad armsa kombega oma vanavanematele naeratuse näole tuua disain. Ainsad kaks tehnoloogiat, mida vajate kohandatud meili nullist koostamiseks, on HTML ja tekstisisene CSS. Kõik, mida pead tegema, on kavandada, analüüsida seda tabeliridade ja veergude kujul ning ongi valmis ehitama. Sellest artiklist saate üksikasjalikku meetodit kohandatud HTML-meili koostamiseks ja saatmiseks.
Looge meili mall HTML-i abil
Meilimall tugineb traditsioonilistele HTML-i tehnikatele. Töötate tabelitega ja virnastate tabeli ridu ja tabeliandmed kogu aeg. Tavaline HTML-meili mall näeb välja selline:
MUO – tehnoloogia, lihtsustatud
...
...
...
...
...
...
...
...
Väljund:
Parim oleks koostada kujundus, et saaksite kaardistada, kus ja kuidas kavatsete kujundust lõigata. Lisaks olete vaimselt valmis sellest tabelistruktuuri koostama.
Siin alustate dokumendi DOCTYPE-ga. Järgmisena määrate märgistiku, sisutüübi, metasildid ja pealkirja silt. Põhiline osa algab märkige, kuhu paned vanema ja lisage mitu tabeli rida selle sees. Pärast sisu jagamist õigeks arvuks ridadeks on aeg sisestada tabeli andmed nende sees.
Nagu öeldud, peate töötama ainult tabelitega. Seetõttu erinevate andmete sisestamiseks sildi järgi, peate järgima määratud marsruuti. Moodustame näiteks meilimalli, mille sees on logo ja kuupäev silt.
Logo ja kuupäev märgendi sees
05. detsember 2021
Nüüd teate, kuidas paigutada HTML-märgendeid ja luua oma meilimallile hea struktuur. Liigume edasi, et paremini mõista e-posti stiili.
Stiilige oma HTML-meil
HTML-meili stiili kujundamine on tülikas ülesanne, kuna saate kasutada ainult tekstisisest CSS-i. Samuti peate iga elemendi stiili kordama, kui sellel on sarnane stiil. Kui te pole Cascading Style Sheets'iga tuttav, uurige CSS-iga alustamiseks.
Eelvaade:
05. detsember 2021
Tere John Doe
Täname, et külastasite meie saiti. Loodame, et õppisite täna midagi uut.
Teie arvamus on meile oluline!
Hinnake meie artikleid siin.
012345678910
Väljund:
Kui soovite, saate pääsete juurde GitHubi täielikule koodile ja kloonige hoidla selle kasutamiseks.
Kirja saatmine
Nüüd kopeerige ja kleepige kogu kood GitHubist. Kui kasutate VS-koodi, avage HTML-fail reaalajas serverilaiendiga ja kopeerige sisu, klõpsates Ctrl + A>Ctrl + C. Avage Gmail ja koostage uus meil. Kleepige sisu ja sisestage saaja meili ID. Saatke meil ja saate allpool näidatud tulemused:
Testige koodi erinevates seadmetes, et näha, kuidas see välja näeb ja käitub. Kohandage oma HTML-meili ja muutke see puhtaks, lihtsaks ja tundlikuks.
Muutke olemasolevaid meilimalle
HTML-meili nullist loomine nõuab HTML-i ja tekstisisese CSS-i tugevat haaret. Samuti saate muuta olemasolevat meilimalli ja kohandada seda vastavalt oma vajadustele. Pidage meeles, et HTML-i meilide laadimine võtab tavaliselt paar sekundit. Planeerige, kujundage, kodeerige ja viige läbi põhjalik testimine, et vältida lõppkasutajate vastuolusid. Parema ja juurdepääsetavama koodi kirjutamiseks saate lisateavet semantilise HTML-i ja CSS-i kohta.
Veebi juurdepääsetavuse saavutamiseks tehke HTML-i ja CSS-i peeneid täiustusi. Meelitage külastajaid teie veebisaidil hõlpsalt navigeerimiseks ja sellega suhtlemiseks.
Loe edasi
- Programmeerimine
- HTML
- Programmeerimine
- CSS
Naincy on spetsialiseerunud väga tundlike veebisaitide ja tõhusa sisustrateegia koostamisele koos veebikoopiatega. Ta on vabakutseline tehnikakirjanik, kes hoiab trendikatel tehnoloogiatel teravat silma peal.
Liituge meie uudiskirjaga
Liituge meie uudiskirjaga tehniliste näpunäidete, arvustuste, tasuta e-raamatute ja eksklusiivsete pakkumiste saamiseks!
Tellimiseks klõpsake siin
