Zure web orria sortu nahi baduzu, HTML ulermena izan behar duzu. This article explains how to create an HTML page. Bisitariak zure edukiaz jabetzeko, XML mapa bat nola sortu ikasiko duzu eta argazki bat eta esteka nola gehitu. Garrantzitsua da XML mapa bat sortzea ere, eta horrek zure gunea antolatzen lagun dezake eta zure trafikoa handitzen lagun dezake. Hurrengo urratsa txantiloi bat aukeratzea da.
Creating a html page
HTML markatze-lengoaia bat da. Web orrialde bateko elementu bakoitza etiketa batek irudikatzen du. Etiketa angeluen parentesi bidez identifikatzen da, eta elementu guztiek etiketa bat edo gehiago ditu. Elementu batzuek etiketa bakarra eskatzen dute; beste batzuek bi eska ditzakete. Irekiera eta ixteko etiketek aurrera egin dute (/). Adibidez, Paragrafo elementua P etiketarekin irudikatzen da. Irekiera eta itxiera etiketen arteko testua paragrafoaren testua da.
HTML dokumentua sortzeko, Testu editorea erabili beharko duzu. Ordenagailu gehienek testu editorea dute lehenespenez. Windows erabiltzaileek Internet Explorer erabiliko dute, Mac erabiltzaileek testua erabil dezaketen bitartean. Fancy testu editore bat instalatu dezakezu profesional itxurako web orria sortzeko, Baina zure lehen html orriarentzat, Ez da beharrezkoa. Testu editore sinplea eta edozein arakatzaile ere erabil ditzakezu. Ez badakizu zein programa erabili behar den, Saiatu doako HTML editorea deskargatzen.
HTML orrialdeak bi atal nagusi ditu: gorputza eta burua. Gorputz atalak webgunearen benetako edukia dauka, Head atala izenburuaren eta meta informaziorako erabiltzen den bitartean. Gorputzak beste elementu guztiak ditu, Irudiak eta bestelako grafikoak barne. Goiburuaren atala zure nabigazio estekak jartzeko lekua da. Gorputza idazten amaitu ondoren, Dokumentuaren edukia txertatzeko prest zaude. Ziurtatu gorputzaren eta buruko elementuak erabiltzen dituzula zure webgunea guztion eskura dadin.
Creating a xml sitemap
If you have an HTML page, Baliteke XML mapa bat sortu nahi izatea bilatzaileek zure webgunea arakatzen laguntzeko. Honek zure bilaketa sailkapenean eragina izango ez duen arren, Bilatzaileei zure edukia ulertzen eta arakatze-tasa egokitzen lagunduko die. Honela, Zure webgunea ikusgai egongo da bilatzaileen emaitzetan. Hona hemen hasteko urrats erraz batzuk:
HTML mapa bat sortzea erraza da. Egin behar duzun guztia zure webgunearen orrialde sinple bat egitea da, Orrialde bakoitzeko estekekin. Ondoren, estekatu mapa-orrialde horri goiburuan edo orri-oinean. Honela, Ez dio axola zure guneak zenbat orrialde dituen, Jendeak erraz nabigatu dezake. Gainera, Ez duzu SEO bat aurkeztu behar mapa bat sortzeko.
Zure HTML orria zuzenean egon ondoren, Bidali Google Search kontsolara. Fitxategiaren luzapena erabil dezakezu eta zure XML mapa. XML mapa Mapa Google-ra bidal dezakezu, Baina ez da beharrezkoa. Google-ren arakatzaileak nahiko onak dira, eduki berriak ezagutzeko, eta ez duzu mapa bat bidali behar haiei. Beste bilatzaileei ere bidal diezaiekezu, Baina horrek ez du Google-k aurkituko duzula.
Ez da beharrezkoa XML mapa bat gehitzea zure web orrian, Baina zure webgunearen SEO handituko du. Matemapak bilatzaileek erabiltzen dituzte web orrialdearekin zuzenean lotuta ez dauden orriak aurkitzeko. Egokiek ere komunikabideen eduki aberatsaren irisgarritasuna hobetzen laguntzen dute. Mapa bat zure webgunean gehitzeak zure webgunea bilatzaileen botak eskuratzeko modua izan dezake.
Adding a picture
In HTML, IMG etiketa erabiliz orri batean irudi bat gehitu dezakezu. Etiketa honek irudia eta bere atributuak bakarrik ditu; Ez du itxiera etiketarik behar. Irudi etiketa hau HTML dokumentuaren gorputz atalaren barruan sartu behar da. Irudiaren zabalera eta altuera gain, Irudia deskribatzen duen Alt atributua sartu beharko zenuke. Alt etiketa ikusi ezin izan duen pertsona baten deskribapena idatziko balitz bezala idatzi behar da.
HTML dokumentu bati argazki bat gehitzeak CSS eta HTML ezagutza pixka bat behar du. Irudiaren tamaina eta bereizmena kontuan hartu beharreko faktore garrantzitsuenetakoak dira. Irudiaren tamainak dokumentuaren edukian nola egokituko den zehaztuko du. Ebazpen edo alderdi erlazio ezberdina erabili nahi baduzu, Irudia tamaina txikitzen ere egin dezakezu. Hala ere, Gogoratu eskalatzeak ez duela beti funtzionatzen duzun bezala funtzionatzen.
Irudi baten tamaina egokitzeko arau ona zabalera handitzea da. Zabalerak gutxienez pixel bat altuera baino txikiagoa izan behar du. Irudia txikiegia bada bistaratzeko, Muga gehitu dezakezu, eta gero doitu irudiaren tamainara egokitzeko. Irudi baten ertza ere doitu dezakezu mugako atributuan gehituz. Mugako lodiera balio lehenetsia da, Baina edozein balio ezar dezakezu. Ziurtatu irudiak SRC atributua duela.
Adding a link
You can add a link in HTML to your document using an a> etiketa href atributuarekin. Horrek dokumentuaren laster-marka bat sortuko du eta fitxa berri batean irekiko da. Irudi bat dokumentuan txertatzeko HREF atributua ere erabil dezakezu. JavaScript kodearekin esteka ere erabil dezakezu HTML botoia esteka bihurtzeko. Hori egin ondoren, Zure esteka CSS edo JavaScript kodearekin estali dezakezu.
Esteka bat beste baliabide batetik bestera konexioa da. Bi muturrez osatuta dago, iturri aingura eta helmuga aingura. Esteka bat irudiko testu fitxategi batera edozer izan daiteke. Sare sozialetako gune eta webgune gehienek erabiltzaileei URL jakin batera zuzentzeko estekak erabiltzen dituzte. HTML esteka baten kokapena zehazteko ere erabil daiteke. Bere 'a’ Atributuak kode elementuak URL bat lotzeko aukera ematen du.
Esteka bat diseinatzerakoan, ziurtatu zure bisitariek edukia nola erabiliko duten kontuan hartu. Loturaren testua deskriptiboa izan behar da, beraz, zer espero beharko luketen jakingo dute. URL beraren errepikapena itsusia da pantailako irakurleentzat, eta ez die informazio baliagarririk ematen. Pantaila irakurleek erabiltzaileei ere esaten diete estekak estiloa edo azpimarratuz. Bide honetatik, behar duten informazioa erraz aurki dezakete.
Adding a table
Adding a table to an HTML page is simple, Baina egin aurretik kontuan hartu beharko zenuke gauza batzuk. Zure mahaiaren atzeko planoaren kolorea funtsezkoa da bisitariaren begia harrapatzeko eta informazio garrantzitsua erakartzeko. Mahaiaren goiburuko elementuaren eta datuen elementuarentzako kolore ezar dezakezu Hex kolore kodeak edo kolore izenak erabiliz. Edozein modutan, Zure taula erraz ikusgai egongo da.
TD goiburua eta taula datuak TD elementuarekin gehi ditzakezu, norbanakoa definitzen duena “kaxa” edukiarentzat. Taularen goiburua gehitzea web orri batean datuak bistaratzeko lehen urratsa da, Eta lehenengoa gehitu beharko zenuke nahi baduzu. Taula batek hiru errenkadako izenburu izan beharko lituzke. Goiburu bat hutsik egon beharko litzateke. Zure mahaiak zutabeak baditu, Zutabe bakoitzeko errenkadako goiburuak ere sortu beharko zenituzke.
Epigrafeak ere gehitu ditzakezu mahaian. Epigrafea taularen xedea deskribatzen duen aukerako elementua da. Epigrafeak ere lagungarriak dira irisgarritasunerako. Mahaiak datu multzoak deskribatzen dituen gelaxkak ere izan ditzake. Azkenik, Tead elementua gehitu dezakezu errenkada eta zutabe multzo bat definitzeko. Bi elementuak erabil ditzakezu edo banan-banan. Konbinazioan ere erabil ditzakezu, Baina epigrafea da garrantzitsuena.
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. Div element testua edukiontzi berezia da, irudiak, eta beste elementu batzuk. Gustatzen zaizun edozer izendatu dezakezu eta bere atributuak aldatu zure beharretara egokitzeko. Klase edo marjina ere gehitu dezakezu zure orrialdeko div eta beste elementu batzuen arteko espazioa sortzeko.
InnerHTML atributua ere erabil dezakezu div baten barruan kodea txertatzeko. Metodo honek kate batean itxitako kodea onartzen du, eta div barruan ez badago, Edukia kendu egingo da. Kodea modu honetan txertatzea saihestu beharko zenuke, Zure webgunea gune gurutzatuen ahultasunetara bota dezakeenez. Scripting hizkuntza erabiltzen ari bazara, hala nola JavaScript, InnerHTML atributua erabil dezakezu.
Dokumentu baten barruan kode multzoa egiteko erabiltzen den oinarrizko HTML etiketa da. Paragrafo bat izan dezake, Blokeatu aurrekontua, irudi, audio, edo goiburua ere. Bere posizioak orrialde bateko atal desberdinetan estilo eta hizkuntza uniformea aplikatzeko aukera ematen du. Divs-ek elementu jarraian dituzten taldeentzat ohikoak diren semantikak markatzeko erabiltzen dira. Div bat erabili behar da atal batean estiloa gehitu nahi duzunean orri osoa berridatzi beharrik izan gabe.