Kiel Krei Retejon en Nur Kelkaj Horoj

Krei retejon ne devas esti malfacila. En ĉi tiu artikolo, ni trarigardos la bazojn de html-paĝa kreado kaj kiel krei mini-inkluzivan liston. Poste, ni diskutos kiel uzi la html>-etikedo por reliefigi tekston. Finfine, ni montros al vi kiel krei retejon en nur kelkaj horoj. Ni ankaŭ kovros kelkajn aliajn utilajn teknikojn.

Kreante html-paĝon

HTML estas la lingvo uzata por konstrui retpaĝojn. Ĝi difinas la strukturon de la retpaĝo kaj CSS kontrolas kiel la enhavo estas montrata. Ne estas malfacile krei bazan HTML-paĝon. Jen paŝo post paŝo por komenci. Unufoje vi havas bazan HTML-paĝon, vi pretas krei pli kompleksajn kaj dinamikajn. Por komenci, vi bezonos tekstredaktilon kaj retumilon.

Vi ankaŭ povas uzi tekstprilaborilon kiel MS Word por krei la enhavon por via retpaĝo. Vi povas uzi hiperligilojn por konekti tekston unu al la alia. Vi ankaŭ povas konservi la dosieron kiel html-dosieron, retpaĝon. Ĉi tiu metodo funkcias bone, sed la paĝoj, kiujn vi kreas tiel, estas grandegaj kaj ne aspektas bone en retumila fenestro. La sola malavantaĝo de ĉi tiu metodo estas, ke vi devas lerni uzi la disponeblajn ilojn.

HTML estas marka lingvo, kio signifas, ke vi devas enmeti etikedojn por formi la enhavon sur la paĝo. Ĉiu etikedo reprezentas unu el la elementoj de la paĝo. Etikedo estas identigita per angula krampo. Iuj elementoj postulas nur unu etikedon, dum aliaj postulas du. Ferma etikedo enhavas antaŭan oblikvon. Ekzemple, la alinea etikedo kreas elementon nomatan alineo. La teksto inter la malfermaj kaj fermaj etikedoj konsistigas la alinean tekston. simile, la ul-etikedo kreas neordigitan liston.

Krei mini-inkludliston

Krei mini-inkluzivan sekcion estas efika maniero ligi diversajn elementojn sur la sama retpaĝo. HTML-paĝo povas esti dividita en plurajn subfakojn, kun ĉiu sekcio enhavanta liston de elementoj. Ĉi tiuj elementoj servas malsamajn celojn. Vi povas uzi la tipo-atributon por montri alfabetan ordon. Vi ankaŭ povas uzi minusklajn literojn por krei liston de elementoj kun la literoj a, b, aŭ ĉ.

Aldoni elementon estas facila. Simpla HTML-dokumento enhavas etikedojn kiuj difinas ĝian enhavon. Ĉi tiuj etikedoj kutime venas en paroj. La malferma etikedo estas uzata por listigi la elementojn ene de ĝi, dum la ferma etikedo fermas la elementon. La malferma etikedo, aŭ kapo, inkluzivas priskribajn informojn pri la dokumento. Ĉi tiu informo povas inkluzivi titolon, informoj pri stilfolio, skriptoj, aŭ metainformoj. La ferma etikedo, Aliflanke, fermas la elementon.

Uzante la html>-etikedo

La html>-etikedo estas uzata por difini la ĉefan enhavareon de HTML-dokumento. La ĉefa enhavareo konsistas el teksto rilata al la centra temo aŭ funkcieco de la paĝo. Ĝi devas esti unika de alia enhavo en la retejo. Alia enhavo povas aperi sur la paĝo en formo de flankmenuoj, navigaj ligiloj, kopirajtaj informoj, retejo-emblemoj, kaj serĉformularoj. HTML-paĝo devas sekvi la html-on>-etikedo por esti konsiderata HTML-paĝo.

La atributo href= malfermas la ligilon. Post la “=” signo, vi devus alglui la URL de la ligilo. Vi ankaŭ povas uzi plurajn alineajn liniojn en unu titolo. La ferma krampo estas nepra. Ĉi tio evitos ke viaj ligiloj estu misinterpretitaj. Por plifaciligi la html-paĝon, aldonu ligilon al via retejo. La html>-etikedo permesos al vi aldoni ligilojn kiuj montras al alia retpaĝo.

HTML-dosiero havos etendon.html, kiu diros al via komputilo, ke ĝi estas HTML-dosiero. Plej bone estas uzi streketon anstataŭ spacojn, ĉar spacoj malhelpos retumilon trovi la dosieron. Post kiam vi finis la kreadon de HTML-paĝo, vi devos savi ĝin. Poste, navigu al la dosierujo kun la HTML-dosiero kaj dekstre alklaku ĝin. Ĝi devus aspekti simila al la ekrankopio sube.

Uzante la html>-etikedo por reliefigi tekston

Vi povas uzi la markon> etikedo por reliefigi tekston en HTML-dokumentoj. Ĝi estas relative nova HTML 5 trajto, kaj ĝi difinas emfazitan parton de alineo. La marko> etikedo funkcias ŝanĝante la fonkoloron de la subesta HTML-dokumento. La marko> etikedo subtenas kaj Tutmondajn kaj Eventajn Atributojn. Ĝi reliefigos tekston flava aŭ nigra. Ankaŭ eblas ŝanĝi la koloron de la teksto en la suba CSS-dosiero.

Plej multaj ekranlegiloj ne anoncas la markelementon, sed vi povas uzi posedaĵon de CSS-enhavo aŭ.antaŭe kaj.post pseŭdo-elementoj por evidentigi, kiun tekston vi ŝatus reliefigi.. Anoncoj estas multvortaj kaj aldonas nenecesajn informojn al la paĝo, do vi devus uzi ilin ŝpareme. Ekzemple, vi povas uzi anoncojn por reliefigi serĉan terminon aŭ bloki citaĵojn. Anoncoj estas subtenataj de ĉiuj ĉefaj retumiloj.

Krom fonkolora stilo, vi povas uzi la 'highlightme’ klaso por reliefigi la tekston en via HTML-dokumento. La fonkolora stilo estas subtenata de ĉiuj retumiloj. Vi ankaŭ povas uzi la vorton 'flava’ anstataŭ la kolorkodo. Vi povas uzi la saman kodon por reliefigi alineon aŭ sekcion de teksto. Vi ankaŭ povas uzi CSS-klasojn por reliefigi tekston.

Uzante la html>-etikedo por krei mini-inkludan liston

La html>-etikedo estas uzata por krei liston de mini-inkludoj. Ĝi enhavas la respondan fermetikedon kaj la nomo de la elemento estas minuskla. HTML-dokumentoj estas kodigitaj per UTF-8-karaktra kodigo, kiu subtenas la inkludon de Unikodaj signoj. Kiam vi uzas la html>-etikedo, nepre elektu UTF-8 en la “savi-as” dialogujo.

Uzante la html>-etikedo aldoni mini-inkludan liston al HTML-paĝo estas facila. Vi povas uzi ĉi tiun etikedon por iu ajn elemento, kiu subtenas neordigitan liston. Vi eĉ povas uzi neordigitan liston por navigada menuo. La dl-elemento enfermas liston de paroj de terminoj kaj priskriboj. La eroj en ordigita listo estas montrataj kun eskalada nombrilo maldekstre. Vi ankaŭ povas preterlasi la dl-elementon, se la listero tuj estas sekvata de alia elemento.

Alia maniero enigi mini-inkludliston estas aldoni piedpiedan elementon en HTML-dokumenton. Ĉi tiu elemento reprezentas la piedlinion de la plej proksima sekcia enhavo. Ĝi kutime enhavas informojn pri la aŭtoro, kopirajtaj datumoj, aŭ ligiloj al rilataj dokumentoj. Uzante la html>-etikedo por krei mini-inkludan liston sur HTML-paĝo

Uzante la html>-etikedo por reliefigi individuajn tekstoblokojn

HTML5 elstarigas individuajn tekstoblokojn per la marko> elemento. Ĉi tiu HTML5-etikedo ŝanĝas la koloron de la enhavo en la fonto al certa nuanco de flava aŭ nigra, permesante al la leganto distingi gravan tekston. Ĝi ankaŭ povas esti uzata por indiki sekciojn de enhavo, kiuj bezonas pli da atento ol alia teksto. La marko> elemento subtenas Tutmondajn Atributojn kaj Eventajn Atributojn en HTML. Se uzata ĝuste, ĉi tiu HTML5-etikedo povas plibonigi la legeblecon de retpaĝo.

La HTML4-normo malrekomendas etikedojn de fizik-stilaj karakteroj. Ili traktas prezenton, kaj estas pli bone uzi CSS por ĉi tiuj celoj. HTML5 reenkondukis ilin. Ili ne plu estas malrekomenditaj, sed ili ankoraŭ ne estas la sola maniero por reliefigi individuajn tekstoblokojn. Uzu CSS por reliefigi individuajn tekstoblokojn kun HTML5! Ĉi tiu simpla metodo reliefigos individuajn tekstajn blokojn ene de enhavo.

Flosilo: Vi povas uzi ĉi tiun CSS-posedaĵon por flosi elementon al la maldekstra aŭ dekstra rando de la enhavanta elemento. Ĝi povas esti uzata por krei kradon aŭ kolumnojn. Vi ankaŭ povas uzi CSS-posedaĵon nomitan float por flosi iframon aŭ bildon al la maldekstra aŭ dekstra rando de la retumilo.. Ĉi tiuj atributoj faciligas reliefigi individuajn blokojn per CSS.