Kif Toħloq Websajt fi Ftit Sigħat biss

Il-ħolqien ta' websajt m'għandux għalfejn ikun diffiċli. F'dan l-artikolu, aħna ser nimxu permezz tal-baŜi tal-ħolqien tal-paġna html u kif toħloq lista ta 'mini-includes. Li jmiss, aħna ser niddiskutu kif tuża l-html>-tikketta biex tenfasizza t-test. Fl-aħħar mill-aħħar, aħna ser nuruk kif toħloq websajt fi ftit sigħat biss. Aħna ser inkopru wkoll ftit tekniki utli oħra.

Ħolqien ta 'paġna html

HTML hija l-lingwa użata biex jinbnew paġni tal-web. Jiddefinixxi l-istruttura tal-paġna web u CSS jikkontrolla kif jintwera l-kontenut. Mhuwiex diffiċli li toħloq paġna HTML bażika. Hawnhekk hawn gwida pass pass biex tibda. Ladarba jkollok paġna HTML bażika, int lest li toħloq oħrajn aktar kumplessi u dinamiċi. Biex tibda, ikollok bżonn editur tat-test u web browser.

Tista' wkoll tuża word processor bħal MS Word biex toħloq il-kontenut għall-paġna web tiegħek. Tista 'tuża hyperlinks biex tgħaqqad it-test ma' xulxin. Tista 'wkoll issalva l-fajl bħala fajl html, paġna tal-web. Dan il-metodu jaħdem tajjeb, iżda l-paġni li toħloq b’dan il-mod huma enormi u ma jidhrux tajbin f’tieqa tal-browser. L-uniku żvantaġġ għal dan il-metodu huwa li trid titgħallem tuża l-għodod li huma disponibbli.

HTML huwa lingwaġġ ta 'markup, li jfisser li għandek bżonn tinkludi tags sabiex tifformattja l-kontenut fuq il-paġna. Kull tag tirrappreżenta wieħed mill-elementi tal-paġna. Tikketta hija identifikata b'parentesi angolari. Xi elementi jeħtieġu tikketta waħda biss, filwaqt li oħrajn jeħtieġu tnejn. Tag tal-għeluq fih linja mmejla 'l quddiem. Pereżempju, it-tikketta tal-paragrafu toħloq element imsejjaħ paragrafu. It-test bejn it-tikketti tal-ftuħ u tal-għeluq jikkostitwixxi t-test tal-paragrafu. Bl-istess mod, it-tikketta ul toħloq lista mhux ordnata.

Ħolqien ta 'mini-jinkludi lista

Il-ħolqien ta' sezzjoni ta' mini-includes huwa mod effettiv biex torbot diversi elementi fuq l-istess paġna web. Paġna HTML tista 'tinqasam f'diversi sub-taqsimiet, b'kull taqsima jkun fiha lista ta' elementi. Dawn l-elementi jaqdu skopijiet differenti. Tista' tuża l-attribut tat-tip biex turi ordni alfabetiku. Tista' wkoll tuża ittri żgħar biex toħloq lista ta' elementi bl-ittri a, b, jew c.

Iż-żieda ta 'element hija faċli. Dokument HTML sempliċi fih tikketti li jiddefinixxu l-kontenut tiegħu. Dawn it-tikketti normalment jiġu f'pari. It-tikketta tal-ftuħ tintuża biex telenka l-elementi fi ħdanha, filwaqt li t-tikketta tal-għeluq tagħlaq l-element. It-tikketta tal-ftuħ, jew ras, jinkludi informazzjoni deskrittiva dwar id-dokument. Din l-informazzjoni tista' tinkludi titolu, informazzjoni tal-folja tal-istil, skripts, jew meta informazzjoni. It-tikketta tal-għeluq, minn naha l-ohra, jagħlaq l-element.

Bl-użu tal-html>-tag

L-html>-tikketta tintuża biex tiddefinixxi l-qasam tal-kontenut prinċipali ta 'dokument HTML. Iż-żona tal-kontenut prinċipali tikkonsisti minn test relatat mas-suġġett ċentrali jew il-funzjonalità tal-paġna. Għandu jkun uniku minn kontenut ieħor fuq is-sit. Kontenut ieħor jista' jidher fuq il-paġna fil-forma ta' sidebars, links ta' navigazzjoni, informazzjoni dwar id-drittijiet tal-awtur, logos tas-sit, u formoli ta’ tfittxija. Paġna HTML trid issegwi l-html>-tag biex titqies bħala paġna HTML.

L-attribut href= jiftaħ l-element tal-link. Wara l- “=” sinjal, għandek tippejstja l-URL tal-link. Tista' wkoll tuża linji ta' paragrafi multipli f'intestatura waħda. Il-parentesi tal-għeluq hija obbligatorja. Dan se jipprevjeni r-rabtiet tiegħek milli jiġu interpretati ħażin. Biex tagħmel il-paġna html aktar faċli biex tinqara, żid link għall-websajt tiegħek. L-html>-tag se tippermetti li żżid links li jindikaw paġna web oħra.

Fajl HTML se jkollu estensjoni a.html li tgħid lill-kompjuter tiegħek li huwa fajl HTML. L-aħjar huwa li tuża sing minflok spazji, peress li l-ispazji jipprevjenu web browser milli jsib il-fajl. Ladarba tkun lestejt ħoloq paġna HTML, ser ikollok issalvaha. Li jmiss, innaviga lejn il-folder bil-fajl HTML u kklikkja fuqu bil-lemin. Għandu jidher simili għall-screenshot hawn taħt.

Bl-użu tal-html>-tikketta biex tenfasizza t-test

Tista' tuża l-marka> tag biex tenfasizza test f'dokumenti HTML. Huwa HTML relattivament ġdid 5 karatteristika, u jiddefinixxi parti enfasizzata ta' paragrafu. Il-marka> It-tikketta taħdem billi tbiddel il-proprjetà tal-kulur tal-isfond tad-dokument HTML sottostanti. Il-marka> tag tappoġġja kemm Attributi Globali u Avvenimenti. Se jenfasizza t-test bl-isfar jew iswed. Huwa wkoll possibbli li tbiddel il-kulur tat-test fil-fajl CSS sottostanti.

Il-biċċa l-kbira tal-qarrejja tal-iskrin ma jħabbrux l-element tal-marka, imma tista' tuża proprjetà tal-kontenut CSS jew.before and.after psewdo-elementi biex tagħmilha ovvja liema test tixtieq tenfasizza. L-avviżi huma verbose u jżidu informazzjoni mhux meħtieġa fil-paġna, għalhekk għandek tużahom kemxejn. Pereżempju, tista' tuża avviżi biex tenfasizza terminu ta' tfittxija jew blokk kwotazzjonijiet. L-avviżi huma appoġġjati mill-browsers ewlenin kollha.

Minbarra l-istil tal-kulur tal-isfond, tista’ tuża l-‘highlightme’ klassi biex tenfasizza t-test fid-dokument HTML tiegħek. L-istil tal-kulur tal-isfond huwa appoġġjat mill-browsers kollha. Tista’ wkoll tuża l-kelma ‘isfar’ minflok il-kodiċi tal-kulur. Tista' tuża l-istess kodiċi biex tenfasizza paragrafu jew sezzjoni ta' test. Tista 'wkoll tuża klassijiet CSS biex tenfasizza t-test.

Bl-użu tal-html>-tikketta biex toħloq lista ta' mini-inkludi

L-html>-tikketta hija użata biex tinħoloq lista ta 'mini-jinkludi. Fih it-tikketta tal-għeluq korrispondenti u l-isem tal-element huwa b'ittri żgħar. Dokumenti HTML huma kodifikati bl-użu ta 'kodifikazzjoni ta' karattri UTF-8, li jappoġġja l-inklużjoni ta’ karattri Unicode. Meta tuża l-html>-tag, kun żgur li tagħżel UTF-8 fil- “ħlief-as” kaxxa tad-djalogu.

Bl-użu tal-html>-tag biex iżżid lista ta 'mini-jinkludi ma' paġna HTML hija faċli. Tista' tuża din it-tikketta għal kwalunkwe element li jappoġġja lista mhux ordnata. Tista 'anki tuża lista mhux ordnata għal menu ta' navigazzjoni. L-element dl jehmżu lista ta' pari ta' termini u deskrizzjonijiet. L-oġġetti f'lista ordnata jintwerew b'counter li qed jikber fuq ix-xellug. Tista 'wkoll tħalli barra l-element dl jekk l-oġġett tal-lista huwa immedjatament segwit minn element ieħor.

Mod ieħor biex tiddaħħal lista ta 'mini-includes huwa li żżid element ta' qiegħ il-paġna f'dokument HTML. Dan l-element jirrappreżenta l-footer tal-eqreb kontenut ta’ sezzjoni. Normalment ikun fih informazzjoni dwar l-awtur, data tad-drittijiet tal-awtur, jew links għal dokumenti relatati. Bl-użu tal-html>-tag biex tinħoloq lista ta' mini-jinkludi fuq paġna HTML

Bl-użu tal-html>-tikketta biex tenfasizza blokki tat-test individwali

HTML5 jenfasizza blokki tat-test individwali bil-marka> element. Din it-tikketta HTML5 tibdel il-kulur tal-kontenut fis-sors għal ċertu sfumatura ta 'isfar jew iswed, li jippermetti lill-qarrej jiddistingwi test importanti. Jista 'jintuża wkoll biex jindika sezzjonijiet ta' kontenut li jeħtieġu aktar attenzjoni minn test ieħor. Il-marka> element jappoġġja Attributi Globali u Attributi tal-Avvenimenti fl-HTML. Meta jintuża b'mod korrett, din it-tikketta HTML5 tista 'ttejjeb il-leġibbiltà ta' paġna web.

L-istandard HTML4 iwarrab it-tikketti tal-livell tal-karattru ta' stil fiżiku. Huma jittrattaw il-preżentazzjoni, u huwa aħjar li tuża CSS għal dawn l-għanijiet. HTML5 reġa' introduċihom. M'għadhomx deprecati, iżda għadhom mhumiex l-uniku mod biex jenfasizzaw blokki ta 'test individwali. Uża CSS biex tenfasizza blokki individwali ta 'test b'HTML5! Dan il-metodu sempliċi se jenfasizza blokki ta 'test individwali f'biċċa kontenut.

Float: Tista' tuża din il-proprjetà CSS biex tgħolli element lejn ix-xifer tax-xellug jew tal-lemin tal-element li jkun fih. Jista 'jintuża biex jinħoloq grilja jew kolonni. Tista 'wkoll tuża proprjetà CSS imsejħa float biex tgħolli iframe jew immaġni lejn il-marġini tax-xellug jew tal-lemin tal-browser. Dawn l-attributi jagħmluha aktar faċli li jiġu enfasizzati blokki individwali b'CSS.