Kompjûters, Programming
HTML: de basis foar begjinners
HTML - hypertext opmaak taal, dat hat makke it ynternet as wy kenne en leafde. It is tank oan dit prachtige ynstrumint sites sjen moai en moderne en soarget foar it gemak fan harren brûken. HTML is gewoan assembles de eleminten fan in webside yn in brûker-freonlik opsje. Syn wurk is te fergelykjen mei it feit dat dogge tekst redakteuren lykas MS Word of OpenOffice. Se draaie in Faceless massa fan de letters yn in dokumint dat hat alinea, bold tekst, kursive, tafels, en sels ôfbyldings. Rûchwei itselde ding makket HTML, mei de iennichste ferskil wêzen dat syn dokuminten binne werjûn yn 'e browser, en de mooglikheden fan dat ynstrumint is folle breder as de tekst bewurker. Wurdt brûkt foar marking tags - spesjale opdrachten dy't beskriuwe in webside struktuer. Se wurde ynsletten yn hoek heakjes -
byldzjende redakteuren
Begjinners allinnich tegels it paad foar de stúdzje fan it HTML, faak begjinne harren wurk mei programma 's te meitsjen websiden sûnder kennis. Se kinne gewoan pleatse de items op it skerm sa't se sil ferskine yn 'e browser. It soe lykje, hjir is it - de boarne fan ivige genede, makket it mooglik en reitsje de measte web ûntwikkelders. Mar net sa ienfâldich, omdat de byldzjende redakteuren hawwe in soad tekoartkommingen dy't meitsje dat it ûnmooglik om se op serieuze projekten.
Dy programma meitsje in soad oerstallige tags dy't meitsje de definitive ferzje fan de side omslachtig en suboptimal. Fansels, yn dizze tiid fan de hege-snelheid ynternet is it fan minder belang as yn it ferline, mar der binne in oantal redenen wêrom't in koarte en goed skreaun webside is in mear praktysk as syn wjergader, makke yn de fisuele bewurker. Web side makke yn sa'n programma wurdt min behannele troch sykmasjines as wichtich om harren elk kilobytes fan koade en omslachtig en illogical koade mei in stel fan semantyske flaters amper ha se priuwe. Boppedat, de redaksje faak efter de tiden, wurden relevant, en te besteegjen boarnen op harren ûntwikkeling is onpraktisch omdat gjin profesjonele sil net brûke dizze produkten. Dêrom, immen dy't wol oan it wurk yn 'e oprjochting fan' e plakken, moatte witte de basis fan HTML.
tags
Lykas hjirboppe neamde, de tags beskriuwe de struktuer fan it web blêder side. De measten fan harren hawwe iepening en ôfsluting tags, mar net alles. Bygelyks,
Der binne ek inkele tags, dy't net hoege te sluten wurde. Yn harren it wie binnen, en ek attributen. Skaaimerk kin oprjochte foar de measte fan HTML-tags en stelt de eigenskippen fan it elemint. It is oanwiisd yn 'e iepening tag sjocht der sa út: attribút = "...", dêr't ynstee fan' e punten is it skaaimerk wearde. Kennis fan de tag is de earste en meast wichtige stap foar de ûntwikkeling fan HTML. De basis fan dizze keunst ek ymplisearje in begryp fan webside struktuer.
dokumint struktuer
Eltse HTML dokumint hat in soartgelikense taheaksel, bygelyks, index.html. Sadat de browser kin begripe wat er te krijen hat, en korrekt werjaan in side. Alle triemmen brûkt foar it meitsjen fan de site, is it oan te rieden om hâlden yn deselde map dat yn 'e takomst sil tige gemak dyn libben. Grûnslaggen fan Hypertext Markup Language HTML belûke in helder ynsjoch yn de struktuer fan it dokumint. It begjint mei de tag , fertelt it blêder ferzje fan HTML, dat brûkt wurdt yn dit dokumint. Op it stuit, aktueel fyfde ferzje fan de taal, dus der is gjin ferlet útfine wat, wy kinne feilich ynfoegje De boppesteande tag nei de boppekant fan eltse side.
Dan gean nei it wichtichste paired struktuer, constituting de "skelet" fan de site. De earste tag wêryn te setten al it oare - ... html>. Alles dat is foarby, wurdt net erkend troch de blêder as in webside, sadat it iepenet en slút it dokumint. Dizze tag is nedich foar hokker dokumint. It befettet ek ferskate ferplichte tags, dat wurdt besprutsen hjirûnder.
holle
Binnen de tag
... head> befettet ynformaasje fan in technyske natuer, dat sil net werjûn wurde op 'e side, mar, dochs, is in wichtich part fan it dokumint HTML. Sidenijs lein op dit plak, binne selektearre en yntrodusearre yn de kodearring fan de side namme. It is befette yn de ferplichte tagLink
Basis kennis fan HTML ek om it brûken fan ûnderlizzende siden stilen, of CSS. Se set eigenskippen fan 'e eleminten dy't sille werjûn wurde op de side. De moderne oanpak fan dit probleem dêrby om it oplizzen fan sokke skaaimerken as kleur, hichte en lokaasje fan it item, nei in eksterne triem foar tafoege gemak. Ferbine de CSS-triem brûkt de tag . Yn klear foarm, it liket wat as dit: , wat wiist href op de lokaasje fan de triem, en type - op syn soarte.
Body
It is yn dit diel fan it HTML-dokumint makke troch it sichtber diel fan de side. Alles dat wurdt dien binnen it "liif" sille werjûn wurde yn 'e browser. Yn de
- - wurdt brûkt om extract substring, wurde tawiisd oan in bepaalde styl, beskreaun yn CSS;
- - ûntstiet in keppeling op in Web side; jump adres wurdt oantsjutte attribút href;
- - ien fan de meast populêre moderne tags; Eltsenien dy't besletten om te learen fan de basis fan 'e taal HTMLl moat betelje benammen omtinken oan it, want it is in blok elemint, dat wurdt makke op basis fan de liuw syn oanpart fan de hjoeddeiske websiden (de parameter foar blokwurde ynsteld yn CSS, en oare ienheden kinne wurde pleatst binnen dizze tag);
- kiest in alinea fan tekst; de ynhâld fan 'e paragraaf wurdt leit tusken de iepening en de sluting tags;
- - In nûmere list, de eleminten dêrfan binne as tag pair
- ;
-
- - in Kûgel list, dy't, lykas de yn de nûmere eleminten wurde oantsjutten mei de tag
- ;
-
-
- dokumint koppen (de figuer jout it nivo fan 'e kop, dat wol sizze
- de wichtichste titel, en de dêrop folgjende fariaasjes binne syn ûndertiteling, troch de wei, lagen fan koppen
,
is hast net te finen op it ynternet iepen romten) is it ek wichtich om te ûnthâlden dat in side hawwe kinne mar ien header
;
- - bold tekst;
- - skeanprinte;
-
- insert foto op de webside (it is ien tag, it hoecht net hoecht te stillein, mar it is nedich om opjaan de alt skaaimerk, dat jout de tekst foar in byld); -
- ynfoegje in fideo op in webside;
Dat is net alle tags nedich te meitsjen dyn eigen webside, mar se binne genôch te lizzen de fûneminten fan HTML foar begjinners.
CSS
HTML taalûntwikkeling hat laat ta it feit dat elke tag obzavolsya gewicht attributes, en easken foar it uterlik fan websiden trochinoar tanommen wêzentlik. Code wurden omslachtig en onhandig, it wie dreech te lêzen is, lit stean te oanpasse of feroaring. Trouwens, dan moatte zweten, feroarjen elke hân as dyn site tsien siden, dêr't in protte mei koppen, markearre yn grien, en jo ynienen woe meitsje se read. Mei de komst fan Cascading Style Sheets, dat proses hat wurden ienfâldich en logysk, en de HTML-koade is folle mear lêsber.
It tapassen fan CSS
Om meitsje Websiden, moatte jo witte 'e basis fan HTML en CSS, dus it is no sûnder de kennis fan cascadearjende stylblêden te dwaan yn dit gebiet is neat. Se set attributen foar elk elemint, dy't jilde foar de hiele dokumint. Sa, dan kinne de kleur ynstelle ien kear foar alle
Om te ferbinen de CSS triem nei it dokumint, is der in tag link. In bytsje boppe it beskreaun begjinsel fan syn gebrûk, mar it is net de iennige opsje kombinearjen alle stilen op ien plak. Der is de tag
, dy't leit yn de "kop" fan it dokumint en kinne jo registrearje stilen sûnder help fan CSS triemmen. Net needsaaklik te brûken gjin iene metoade of in oar. Sy kinne mei sukses kombinearre te produsearje de bêste resultaat. Om meitsje in triem mei stylblêden moatte meitsje in triem mei de taheaksel .css, bygelyks, Styles.css. JavaSkript
Faak wurdt de persoan dy't hat besletten om te begjinnen ûntwikkeljen websiden, beseft dat syn taak is net genôch fan de jilden oanbean troch HTML. Fundamentals sille meitsje in moaie side, mar wat as je ynienen moatte om it ynteraktyf? Foar dizze doelen, is der in unyk senario programmeartaal dy't interacts goed mei HTML. It wurdt neamd JavaSkript, omdat it waard opfette as in jongere broer fan de populêre Java taal. Hjoed, dizze talen hawwe got signifikante ferskillen, en de kleau tusken har allinne groeit.
JavaSkript kin empower HTML, dan kinne jo te meitsjen en bewurkje tags. Ek mei help fan dit prachtige stik ark, kinne jo wurkje mei Hennie, ynlade gegevens fan 'e tsjinner sûnder de side te ferfarskjen om de site mear ynteraktyf as tastean HTML mooglikheden. It hat de taal en de beheinings dy't ferbûn binne mei security. As JavaScript wurdt net brûkt op de tsjinner kant, dan wurdt útfierd yn omstannichheden dy't beheind syn fermogen, dat de oanfallers koenen brûke kwea koade op eltse kompjûter.
editors
HTML basis foar de begjinner oannimme kennis fan 'e meast handige en praktyske programma foar it meitsjen fan websiden. Lykas hjirboppe beskreaun, de byldzjende redakteuren lykas Dreamweaver en it like, binne net geskikt foar dizze doelen. Dus, skriuw tags yn in normale notebook? Dizze opsje is ek mar de fraach, want in standert notebook hat gjin gjin spesjale helpmiddels foar ynrjochting. Dizze taak kin wol gaan Notepad ++. In grut pluspunt fan dit produkt is dat it is iepen boarne en ferspraat wurdt fergees. Yn it der is in handige syntaks markearring en auto-ôfsluten tags. Notepad ++ ek soarget foar in breed skala oan interface talen, en syn fermogen om maklik útwreidzje mei help fan talleaze oanfollings.
Sublime Tekst 3 - in programma te ferlykjen mei skriuwboekje ++, mar verspreidt op tsjin betelling basis. Dat se wûn de herten fen de measte ûntwikkelers. Sublime Tekst 3 ideaal foar JavaSkript, CSS en HTML. Basis fan it wurkjen mei it sil moatte leare op har eigen, mar it is de moeite waard. It befettet de eigentlike limitless mooglikheden foar goede-tuning dat maximizes oanpasse it programma te passe jo behoeften.
De basis fan HTML en CSS foar begjinners
Sa't jo sjen kinne, leare de keunst fan it meitsjen fan websiden is net sa dreech as it liket op it earste eachopslach. Krekt in pear moannen praktyske trening sil keare jo út in skrutene begjinnende brûker oan 'e projektûntwikkelder. Vorstke leare folle makliker as leare hokker programmeartaal of Linux. Yn feite, HTML tags binne net sa folle fan belang om te begripen de praktyske aspekten fan harren programma.
Wês net amiss yn dizze saken is baan feardichheden yn Adobe Photoshop. Dit programma makket it mooglik om te wurkjen mei foto 's, bylden en oare grafyske eleminten fan websiden. Op it stuit is it "Photoshop" is bêste om te gean mei sokke problemen, de konkurrinten hie in lyts bytsje. Foar dyjingen dy't it bedriuw fan Adobe produkt kaam net oan harren gading, dêr Lightroom, GIMP boek, Illustrator en oare programma 's mei ferlykbere funksjes.
Dat jout kennis fan HTML
Feardichheden yn it meitsjen fan websiden is tige relevante hjoed, as de ynternet wurdt útwreiding troch sprongen en produsearje. Eltse ûndernimming, eltse, sels de lytste winkel, wurkwinkels en sportferienings - alles wol hawwe jo eigen website. En fansels, foar dizze se nedich hawwe in projektûntwikkelder dy't eigener CSS en HTML. Basics maklik te learen, en dan is it op om te oefenjen. Sûnt de opmaak technology wurdt hieltyd yn wurding, it front-ein ûntwikkelers binne altyd yn fraach. Eltsenien dy't beslút om him ta dizze spannende yndustry, sil nea wêze sûnder wurk.
Similar articles
Trending Now