Hoe kan u 'n eenvoudige HTML-webwerf maak? – beeblebrox.org
HTML of HyperText-opmaaktaal is, soos die naam sê, 'n Markup-taal. Dit word nie in die tradisionele sin as 'n programmeringstaal beskou nie. Dit is 'n taal waarin die skepper dokumente kan skep en verskillende dele met behulp van HTML-tags kan nasien. HTML is geïnspireer deur SGML, en die eerste weergawe daarvan verskyn in die jaar 1990 by CERN.
HTML is oorspronklik ontwerp vir eenvoudige statiese dokumente, toe die Wêreldwye Web beskou is as 'n stelsel vir herwinning van dokumente. Byna elke webblad gebruik HTML en word dit die taal van die web. Die laaste iterasie is HTML5, wat ondersteun word deur al die belangrikste blaaiers en is 'n verbetering van HTML 4 wat in 1997 "gestandaardiseer" is..
Hierdie artikel gee 'n duidelike uiteensetting die basiese beginsels van die maak van 'n eenvoudige HTML-webwerf, iets wat iemand kan leer, ongeag hul beroep.
0.1 Waarom moet u HTML leer??
0.2 Hello Wêreld!
1 Hello Wêreld!
1.1 HTML Basics en 101
2.1 Stylering en draaiboek
Waarom moet u HTML leer??
'N Mens kan argumenteer dat met die hedendaagse tegnologie elkeen 'n vinnige en mooi webwerf kan skep sonder om 'n enkele HTML-kode te kodeer, en hoewel dit sekerlik waar is, kan dit altyd handig raak om te weet hoe om dit 'n bietjie aan te pas.
Mense voeg gereeld plugins / modules / uitbreidings by 'n CMS soos WordPress, Drupal, Joomla, ens. Om dit uit te brei met 'n eenvoudige funksie wat met 'n paar HTML-reëls kon bereik is. Alhoewel die inprop eenvoudiger is, kan dit byladingstye by die bladsy voeg, en dit is net nog iets wat u moet bekommer oor veiligheid en opdaterings.
Dit is redelik maklik om HTML aan te leer, en dit kan baie pret wees, want u sien die resultate onmiddellik, in teenstelling met 'n programmeringstaal waar u die kode wat u geskryf het, moet saamstel. U het al die nodige gereedskap om HTML te leer leer, u het 'n webblaaier en u het beslis 'n eenvoudige teksredakteur soos 'n notaboek. Toepassings soos Microsoft Word doen dit nie, u benodig 'n basiese gewone teksredigeerder: notepad, notepad ++. Daar is sogenaamde IDE's (Geïntegreerde Ontwikkelingsomgewing), wat u sal help met die skryf van HTML met funksies soos sintaksaksie-uitlig of outo-voltooiing.
U kan 'n gratis teksredakteur soos Notepad ++ of Sublime Text Editor gryp en dit begin. Stoor die leë lêer op u tafel as "hallo.html". Dit sal die redakteur in HTML-modus verander, sodat u die voordele van 'n IDE kan geniet. Gaan nou die volgende teks in:
Stoor die lêer en maak dit dan oop met u webblaaier. Dit was glad nie so moeilik nie, nie waar nie? U kan voortgaan om die lêer te verander, dit te stoor en die bladsy in u blaaier te verfris, en u sien al die veranderinge wat u aangebring het. U hoef nie bang te wees nie; u kan u bestuurstelsel nie beïnvloed nie. U kan nie lêers of dinge van daardie aard uitvee nie. En moenie bang wees vir mislukkings nie, want die spreekwoord lui: "Die meester het meer kere misluk as wat die beginner selfs probeer het."
HTML Basics en 101
HTML bestaan ​​uit etikette en teks. 'N HTML-tag het 'n spesiale betekenis vir die blaaier, en dit is eintlik die metode om die dokument op te merk. Sommige etikette kan ander etikette daarin bevat, byvoorbeeld die ongeordende lysplaatjie
kan lysitems bevat
daarin. 'N Paragraaf-etiket
kan 'n nuwe reëlmerk bevat
, 'n ankerplaatjie , vet , italic , ens etikette.
In ons voorbeeld bevat die hoof-HTML-etiket 'n kop-etiket en 'n lyf-etiket. In die koplabel kan ons die titel van die dokument spesifiseer wat in die blaaiertjie-titel vertoon sal word. In die liggaam het ons 'n H1-etiket of 'n opskrif 1.
HTML-etikette kan eienskappe hê wat die gedrag van die etikette kan verander, byvoorbeeld, ons kan 'n "styl" -kenmerk aan ons H1 voeg om die styl te spesifiseer. As ons styl = "kleur: rooi" byvoeg, word dit so
ons kan die kleur van die standaard swart na rooi verander. Natuurlik, op 'n groter webbladsy, kan ons elemente een vir een problematies raak, en dit sal ons HTML meer besproei. 'N Beter metode is om die element 'n klaskenmerk of 'n id te gee, en dan die styl volgens daardie klas of ID te spesifiseer.
Daar is genoeg HTML-tutoriale en bronne op die internet, kan u tutoriale op YouTube of The Great Curses Plus kyk of een van die duisende artikels op die internet oor HTML lees.
Een ding om in gedagte te hou is dat, maak nie saak hoeveel jy lees of kyk nie, jy jou hande vuil moet kry en HTML begin skryf. Dit is die enigste manier waarop u sal leer, want sodra u begin skryf, sal u meer vrae hê, en hierdie vrae sal lei tot nog meer vrae totdat u selfversekerd en vloeiend in HTML raak.
Stylering en draaiboek
'N Suiwer HTML-bladsy is staties. Dit beteken dat dit nie dinamies veranderende dele kan bevat nie, byvoorbeeld "Ons jongste nuus". As u 'n webwerf skep met 'n nuusafdeling wat voortdurend opgedateer word, kan u eenvoudig die artikels skep en die verwysings daarna opdateer, dit kan 'n baie groot taak word.
Aan die ander kant, as u 'n besigheidskaartjie of 'n soort webwerf skep in HTML, wat nie so gereeld verander nie, miskien een of twee keer per maand, is 'n statiese HTML-webwerf perfek. Omdat dit nie "bewegende" onderdele het nie, soos databasis, verwerking van die bediener (PHP, Python, Ruby, ens.), Is daar minder dinge om verkeerd te gaan, en dit is ook vinnig vinnig.
Die standaard HTML-style is redelik vervelig; dit is swart teks op 'n wit agtergrond. U kan die styl van enige HTML-element met CSS (Cascading Style Sheets) verander. In HTML het u nie beheer oor hoe u dokument gelewer sal word nie, dit is 'n kenmerk van HTML, nie 'n tekortkoming nie. Met CSS kan u probeer om 'n bietjie meer akkuraat te wees, maar u het steeds nie 100% beheer nie. Sommige blaaiers doen dinge 'n bietjie anders as ander. Die huidige CSS-weergawe, wat deur al die belangrikste blaaiers ondersteun word, is CSS3, en bevat baie nuttige funksies wat aan die vorige standaard ontbreek het..
Om CSS te verstaan, moet u met die boksmodel begin; dit sal u in die begin baie verwarring bespaar, en dit is belangrik dat u die verskil tussen rand, opvulling, marges, ens. Verstaan. CSS is redelik maklik om te leer en soos met HTML, sal u onmiddellik die veranderinge sien wat u aangebring het. Soos reeds genoem, kan u 'n ID of klaselement by enige HTML-tag voeg en u CSS-reëls vir die ID's en klasse skryf. Om terug te kom na ons voorbeeld in die hoofafdeling as ons die volgende teks skryf,
dit sal die standaard wit dokumentkleur na blou verander.
Een ding om in gedagte te hou met CSS is dat daar baie blaaier-spesifieke etikette is, dus maak seker dat u u webwerf met verskillende blaaiers of ten minste Google Chrome, Mozilla Firefox, Internet Explorer 11 en Edge toets. Dit maak nie skade om ook vinnig na sommige mobiele blaaiers te kyk nie, veral Safari IOS.
Om HTML en CSS te leer is makliker as die meeste programmeertale, en dit kan 'n baie lonende ervaring wees. Met HTML kan u webbladsye skep presies soos u wil hê, sonder kompromieë soos in die geval van CMS. As u HTML-webwerwe bou, sal u dit oral kan huisves, en dit sal baie vinnig laai en glad wees.
Selfs met die opkoms van alle soorte self-bouers wat u self kan versier, kan HTML nie as verouderd beskou word nie. Dit lê die grondslag vir elke webwerf, en selfs met kragtige CMS- en webwerfbouer-instrumente, wat u in staat stel om 'n professioneel-gerigte webwerf te bou sonder enige koderingskennis, wil u dalk hier en daar 'n paar aanpassings doen om dinge te kry net soos u wil hê hulle moet wees. As u HTML leer, kan u dit doen.
Om die basiese kenmerke van HTML te ken, kan 'n handige vaardigheid wees om aan te leer vir almal, nie net vir diegene wat 'n loopbaan in IT beplan nie. Diegene wat met webinhoud, aanlynbemarking, vertaling werk en almal wat 'n aanlyn-teenwoordigheid benodig, sal baat vind by 'n ongelukskursus in HTML.