Kiel Krei HTML-Paĝon

Se vi volas krei vian propran retpaĝon, vi devas havi komprenon de HTML. This article explains how to create an HTML page. Ankaŭ, vi lernos kiel krei xml-an mapon kaj kiel aldoni bildon kaj ligon. Ankaŭ gravas krei xml-an mapon, kiu povas helpi vin organizi vian retejon kaj pliigi vian trafikon. La sekva paŝo estas elekti ŝablonon.

Creating a html page

HTML estas marka lingvo. Ĉiu elemento de retpaĝo estas reprezentita per etikedo. Etikedo estas identigita per angulaj krampoj, kaj ĉiu elemento havas unu aŭ plurajn etikedojn. Iuj elementoj postulas nur unu etikedon; aliaj povas postuli du. La malfermaj kaj fermaj etikedoj havas antaŭan oblikvon (/). Ekzemple, la alinea elemento estas reprezentita per la p-etikedo. La teksto inter la malfermaj kaj fermaj etikedoj estas la alinea teksto.

Por krei HTML-dokumenton, vi devos uzi tekstredaktilon. Plej multaj komputiloj havas defaŭlte tekstredaktilon. Vindozaj uzantoj uzos Internet Explorer, dum Mac-uzantoj povas uzi TextEdit. Vi povas instali ŝikan tekstredaktilon por krei profesian aspektantan retpaĝon, sed por via unua HTML-paĝo, ĝi ne estas necesa. Vi ankaŭ povas uzi simplan tekstredaktilon kaj ajnan TTT-legilon. Se vi ne certas pri kiu programo uzi, provu elŝuti senpagan HTML-redaktilon.

La html-paĝo havas du ĉefajn sekciojn: la korpo kaj la kapo. La korpa sekcio enhavas la realan enhavon de la retejo, dum la kapsekcio estas uzata por la titolo kaj metainformo. La korpo enhavas ĉiujn aliajn elementojn, inkluzive de bildoj kaj aliaj grafikaĵoj. La kaplinio estas la loko por meti viajn navigajn ligilojn. Post kiam vi finis skribi la korpon, vi pretas enmeti la enhavon de la dokumento. Certigu uzi la korpo- kaj kapelementojn por certigi, ke via retejo estas alirebla por ĉiuj.

Creating a xml sitemap

If you have an HTML page, vi eble volas krei XML-retmapon por helpi serĉilojn prirampi vian retejon. Kvankam ĉi tio ne influos viajn serĉajn rangotabelojn, ĝi helpos la serĉilojn kompreni vian enhavon kaj ĝustigi ilian rampadon. Tiel ĉi, via retejo estos pli videbla en serĉaj rezultoj. Jen kelkaj facilaj paŝoj por komenci:

Krei HTML-retmapon estas facile fari. Ĉio, kion vi devas fari, estas fari simplan tabelon de la paĝoj de via retejo, kun ligiloj al ĉiu paĝo. Tiam ligu al tiu retejomapa paĝo en la kaplinio aŭ piedlinio. Tiel ĉi, negrave kiom da paĝoj havas via retejo, homoj povas facile navigi tra ili. Cetere, vi ne devas sendi SEO por krei retejomapon.

Post kiam via HTML-paĝo estas viva, sendu ĝin al Google Search Console. Vi povas uzi ajnan etendon de dosiero kaj nomi vian XML-retmapon. Vi povas sendi la XML-retmapon al Guglo, sed ĝi ne estas necesa. La rampiloj de Google ĝenerale sufiĉe lertas por malkovri novan enhavon, kaj vi ne bezonas sendi retmapon al ili. Vi ankaŭ povas sendi ĝin al aliaj serĉiloj, sed ĉi tio ne garantias, ke vi estos malkovrita de Guglo.

Ne necesas aldoni XML-retmapon al via retpaĝo, sed ĝi pliigos la SEO de via retejo. Retejmapoj estas uzataj de serĉiloj por helpi ilin indeksajn paĝojn al kiuj ne rekte ligiĝas retpaĝo. Retejmapoj ankaŭ helpas plibonigi la alireblecon de riĉa amaskomunikila enhavo. Aldono de retejomapo al via retejo povas helpi fari vian retejon pli alirebla por serĉiloj-rotoj.

Adding a picture

In HTML, vi povas aldoni bildon al paĝo per la img-etikedo. Ĉi tiu etikedo enhavas nur la bildon kaj ĝiajn atributojn; ĝi ne postulas fermetikedon. Ĉi tiu bilda etikedo estu enmetita en la korpan sekcion de la HTML-dokumento. Krom la larĝo kaj alteco de la bildo, vi devus inkluzivi alt-atributon priskribantan la bildon. La alt-etikedo estu skribita kvazaŭ vi skribus la priskribon por persono, kiu ne povis vidi ĝin.

Aldoni bildon al HTML-dokumento postulas iom da CSS kaj HTML-scio. La bilda grandeco kaj la rezolucio estas du el la plej gravaj faktoroj por konsideri. La grandeco de la bildo determinos kiel ĝi taŭgas en la enhavo de la dokumento. Se vi preferus uzi malsaman rezolucion aŭ bildformaton, vi ankaŭ povas provi regrandigi la bildon. Tamen, memoru, ke skalo ne ĉiam funkcias kiel vi atendas.

Bona regulo por ĝustigi la grandecon de bildo estas pliigi ĝian larĝon. La larĝo estu almenaŭ unu pikselo pli malgranda ol la alteco. Se la bildo estas tro malgranda por montri, vi povas aldoni limon, kaj poste alĝustigu ĝin por konveni al la grandeco de la bildo. Vi ankaŭ povas ĝustigi la randon de bildo aldonante ĝin al la randa atributo. La randa dikeco estas la defaŭlta valoro, sed vi povas agordi ĝin al ajna valoro. Certiĝu, ke la bildo havas src-atributon.

Adding a link

You can add a link in HTML to your document using an a> etikedo kun la atributo href. Ĉi tio kreos legosignon por la dokumento kaj malfermos ĝin en nova langeto. Vi ankaŭ povas uzi href-atributon por enmeti bildon en la dokumenton. Vi ankaŭ povas uzi ligilon kun JavaScript-kodo por konverti HTML-butonon en ligilon. Unufoje vi faris ĉi tion, vi povas stiligi vian ligilon per CSS aŭ JavaScript-kodo.

Ligilo estas konekto de unu retrimedo al alia. Ĝi konsistas el du finoj, fontankro kaj celankro. Ligo povas esti io ajn de bildo ĝis tekstdosiero. Plej multaj retejoj kaj sociaj retoj uzas ligilojn por direkti uzantojn al aparta URL. HTML ankaŭ povas esti uzata por specifi la lokon de ligilo. Ĝia 'a’ atributo permesas vin ligi kodelementojn al URL.

Kiam vi desegnas ligilon, certigu konsideri kiel viaj vizitantoj uzos la enhavon. Ligteksto devus esti priskriba, por ke ili sciu precize kion ili devus atendi. Ripeto de la sama URL estas malbela por ekranlegiloj, kaj ĝi ne donas al ili ajnajn utilajn informojn. Ekranlegiloj ankaŭ rakontas al uzantoj kiam ligiloj ekzistas igante ilin malsamaj stilitaj aŭ substrekitaj. Tiel, ili povas facile trovi la informojn, kiujn ili bezonas.

Adding a table

Adding a table to an HTML page is simple, sed estas kelkaj aferoj, kiujn vi devus konsideri antaŭ ol vi fari ĝin. La fonkoloro de via tablo estas kerna por kapti la okulon de via vizitanto kaj atentigi pri gravaj informoj. Vi povas agordi malsaman koloron por la kapelemento kaj datumelemento de la tabelo uzante deksan kolorkodojn aŭ kolornomojn.. Kiel ajn, via tablo estos facile videbla.

Vi povas aldoni tabelkapon kaj tabelajn datumojn per la td-elemento, kiu difinas individuon “skatoloj” por la enhavo. Aldoni tabelkapon estas la unua paŝo por montri datumojn sur retpaĝo, kaj vi devus aldoni la unuan, se vi volas. Tablo ankaŭ havu tri vico-titolojn. Unu kaplinio estu malplena. Se via tablo havas kolumnojn, vi ankaŭ devus krei vicokapojn por ĉiu kolumno.

Vi ankaŭ povas aldoni apudskribojn al via tabelo. La bildoteksto estas laŭvola elemento, kiu priskribas la celon de la tabelo. Subtitoloj ankaŭ estas utilaj por alirebleco. La tabelo ankaŭ povas enhavi ĉelojn priskribantajn grupojn de datumoj. Fine, vi povas aldoni la ĉefelementon por difini aron de vicoj kaj kolumnoj. Vi povas uzi ambaŭ elementojn kune aŭ aparte. Vi eĉ povas uzi ilin en kombinaĵo, sed la bildoteksto estas la plej grava.

Adding a div

Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. La div-elemento estas speciala ujo por teksto, bildoj, kaj aliaj elementoj. Vi povas nomi ĝin kion ajn vi ŝatas kaj ŝanĝi ĝiajn atributojn laŭ viaj bezonoj. Vi ankaŭ povas aldoni klason aŭ marĝenon por krei spacon inter la div kaj aliaj elementoj en via paĝo.

Vi ankaŭ povas uzi la innerHTML-atributon por enmeti kodon ene de div. Ĉi tiu metodo akceptas kodon enfermita en ĉeno, kaj se ĝi ne estas ene de la div, la enhavo estos forigita. Vi devus eviti enmeti kodon en div tiel, ĉar ĝi povas elmontri vian retejon al trans-retejaj skriptaj vundeblecoj. Se vi uzas skriptlingvon kiel JavaScript, vi povas uzi la innerHTML-atributon.

Div estas baza HTML-etikedo uzata por grupigi kodon ene de dokumento. Ĝi povas enhavi alineon, bloko citaĵo, bildo, audio, aŭ eĉ kaplinio. Ĝia pozicio permesas vin apliki unuforman stilon kaj lingvon al malsamaj sekcioj de paĝo. Divs estas plej bone uzataj por markado de semantiko, kiu estas komuna al grupoj de sinsekvaj elementoj. Div devus esti uzata kiam vi volas aldoni stilon al sekcio sen devi reverki la tutan paĝon.