HTML fyrir byrjendur:

Tímalína veftækni


2009

2005

2002

2000

1998

1997

1996

1994

1991

HTML5

AJAX

Vefhönnun á tafla

XHTML1

CSS2

HTML4

CSS1 + JavaScript

HTML2

HTML

Contents

Kynning

Ef þú vilt gerast vefstjóri og læra hvernig á að búa til vefsíðu gætirðu fundið fyrir möguleikanum á að ná tökum á HTML alveg ógnvekjandi.

Þetta er hins vegar ekki hægt að forðast þar sem mikill meirihluti áfangasíðna sem þú heimsækir mun hafa verið skrifaður og skipulagður með HTML þætti. Reyndar er HTML það núna notuð af meira en 74% allra þekktra vefsíðna, á meðan þetta tungumál hjálpar einnig til við að bæta allt frá hönnun vefsvæðis þíns til gæða innihaldsins sem það er með.

Í þessari handbók munum við kanna grundvallarreglur HTML og möguleg forrit þess áður en við skoðum dæmi um einstaka þætti sem þú notar þegar þú kóðar vefsíðuna þína.

Hvað er HTML?

Hlutfall vefsíðna sem nota ýmsa undirflokka HTML

ýmsir undirflokkar HTML prósenta

Á einfaldan hátt, HTML táknar venjulegt álagningar tungumál til að búa til vefsíður á netinu. Það stendur fyrir Hyper Text Markup Language, og aðal hlutverk þess er að koma á uppbyggingu, skipulagi og framsetningu á einstökum áfangasíðum. Þó að vafrar birti ekki HTML tungumál, gegnir það lykilhlutverki í því að hjálpa til við að skapa sýnilegt, aðgengilegt og auðvelt í notkun.

HTML er einnig undirbyggður af nokkrum einstökum þáttum, sem smíða smám saman vefsíður, skipuleggja kynningu á innihaldi og vekja vefsíðu þína til lífs. Þessir þættir eru búnir til og er að finna í „merkjum“, sem skilgreina skiptis innihald eins og fyrirsagnir, málsgreinar og svipuð dæmi..

Við munum kanna þessa þætti og smíði þeirra nánar hér að neðan en jafnframt skoða hvernig hægt er að sérsníða þá til að kynna lit, hlekki og breytilega leturfræði á vefsíðuna þína.


Hvar er HTML notað?

Vinsælar vefsíður sem nota HTML

Hvar er HTML notað

Eins og við sjáum er algengasta forritið fyrir HTML hönnun einstakra áfangasíðna sem mynda vefsíðuna þína. Þetta er ekki eina forritið sem er vinsæla kóðunartólið, en með því að skilja viðbótarnotkun þess mun hjálpa þér að fá sem mest út úr tungumálinu sem nýr vefstjóri. Svo hér eru nokkrar af frekari leiðum sem hægt er að nota HTML:

  • Búðu til sérhannaðar þætti á núverandi síðu

    Ef þú ætlar að leyfa athugasemdir við bloggfærslur eða birtingu notendaframleitt efni á vefsíðunni þinni, geturðu notað HTML kóða brot til að gera þetta kleift. Þessir þættir gera notendum kleift að leggja áherslu á lykilorð, fella inn tengla og sniða athugasemdir eftir þeim takmörkunum sem þú setur sem stjórnandi.

  • Búðu til viðbótarefni fyrir tölvupóst

    Tölvupóstur notar einnig HTML sem tungumál fyrir ríkur textaskilaboð, sem innihalda tengla, texta og margs konar aðra þætti sem ekki er hægt að finna í venjulegum texta einum. Svo ef þú ert að leita að deila bók sem tengist vefsíðunni þinni með tölvupósti geturðu notað HTML til að hámarka áhrif skilaboðanna.

  • Skiljið hjálpargögn utan nets sem eru sett upp á tölvunni þinni

    Athyglisvert er að HTML er notað sem snið fyrir tölvubundin hjálpargögn sem eru aðgengileg án nettengingar. Grunnþekking á HTML getur því hjálpað þér að skilja vandamál með vélbúnaðinn þinn og leysa þau fljótlegra, sem aftur gæti tryggt að þú getir endurheimt vefsíðuna þína fljótari í tilfellum þegar hún hefur farið utan nets.

HTML & CSS
Skoða HTML & CSS [Svindlari]

Uppbygging HTML síðu

</strong><br/> <strong>
Innihald síðu

HTML-, höfuð- og líkamsþættirnir hafa verið hluti af HTML-forskriftinni síðan um miðjan tíunda áratug síðustu aldar og fram að nokkrum árum voru þeir aðalþættirnir sem notaðir voru til að koma HTML skjölum á uppbyggingu.
Hins vegar hefur ástandið breyst verulega á síðustu árum þar sem HTML5 hefur bætt við fjölda nýrra merkja sem hægt er að nota til að bæta ríkum merkingartækni við uppbyggingu HTML skjals.

HTML skjöl eru nauðsynleg til að byrja með yfirlýsingu skjalagerðar (óformlega, „kenning“). Í vöfrum hjálpar kenningin að skilgreina flutningstillingu. HTML5 skilgreinir ekki DTD; þess vegna, í HTML5, er yfirlýsing kenninganna einfaldari og styttri.


Áður en þú getur smíðað HTML síðu þarftu grunnatriðin að vera til staðar.

Venjulega verður síða gerð úr þremur burðarþáttum:

1. Haus: Hausinn inniheldur efni sem skiptir máli fyrir allar síðurnar á síðunni þinni, svo sem lógói eða vefsíðuheiti og leiðsögukerfi. Hausinn sést á hverri síðu.

2. Aðal aðili: Þetta tekur stærsta svæðið á vefsíðu. Það inniheldur efni sem er sérstaklega við síðuna sem verið er að skoða.

3. Footer: Fótinntak inniheldur venjulega upplýsingar um tengilið, sendingarfang eða löglegar tilkynningar. Eins og hausinn birtist fótur á hverri síðu en hún er staðsett neðst.

Svona líta þessir grunnbyggingarþættir út þegar þeir koma saman:


Þú getur sett texta eða kóða hér, eins og a
Google Analytics mælingarnúmer fyrir
dæmi.

Aðalhlutinn á síðunni þinni fer
hér. Fylltu það með texta og myndum!

Hér er annað dæmi, með því að nota hausmerki og málsgreinamerkið til að skipuleggja efni fagurfræðilega. Auk þess höfum við hent í fótfótamerki fyrir efni undir meginhluta síðunnar:


Þú getur sett texta eða kóða hér, eins og a
Google Analytics mælingarnúmer fyrir
dæmi.

Fyrsta fyrirsögnin mín

Verið velkomin á heimasíðuna mína!

upplýsingar um tengiliði gætu farið hingað


HTML tags

HTML tags

Upphafið fyrir hvaða HTML kóða sem er eru einstök merki sem hægt er að nota til að búa til alla mikilvæga þætti og hjálpa til við að skipuleggja vefsíðurnar þínar. Hér að neðan munum við skoða algengustu merkin áður en við skoðum hvernig hægt er að nýta þau til að búa til sérstaka þætti á síðunni:

Fyrirsögn merkimiða

Öll skjöl á netinu, þar með talin vefsíður, byrja með fyrirsögn. Þetta er smíðað með HTML tags, með tungumálinu sem nú er hægt að gera allt að sex þætti í breytilegum stærð sem gerir þér einnig kleift að skipuleggja innihaldið með viðbótartitlum, textum og auðkenndum línum af feitletruðum texta. Til að hefja fyrirsögnina forstillirðu einfaldlega viðeigandi texta með

,

,

,

,

eða
merki eftir því hvaða stærð er óskað.
Þú verður síðan að nota lokunarmerki í lok fyrirsagnarinnar til að umlykja textann og birtist á eftirfarandi hátt á HTML sniði:

Það eru 12 flokkar merkimiða:


Þetta er í fyrirsögn 1

Þetta er yfirskrift 2

Þetta er í fyrirsögn 3

Þetta er í fyrirsögn 4

Þetta er yfirskrift 5

Þetta er yfirskrift 6

Leiðandi HTML tags tækni
hlut á vefnum

0,27%

HTML5
Striga tag

0,29%

HTML5
Hljóðmerki

0,69%

HTML5
Vídeómerki

3,1%

HTML5
SVG tag

6,54%

HTML5
Fella tag


Þegar þetta hefur verið staðfest mun það þýða eftirfarandi fagurfræði á vefsíðunni þinni’áfangasíða:

Þetta er í fyrirsögn 1

Þetta er yfirskrift 2

Þetta er í fyrirsögn 3

Þetta er í fyrirsögn 4

Þetta er yfirskrift 5

Þetta er yfirskrift 6

Hér er ljóst að hinar ýmsu stærðir breytilegu fyrirsagnanna, eins og sú staðreynd að vafrinn bætir við línu fyrir og eftir fyrirsögnina. Þú munt líka taka eftir því að lokunarmerkið í lok fyrirsagnatextans hefur svolítið mismunandi fagurfræðilegu, en mun fjalla um þetta í næsta kafla þar sem við lítum á að nota merki til að skilgreina ákveðna þætti.

Málsgreinar

Stuðningur við vídeó og hljóð
Gleymdu Flash Player og öðrum fjölmiðlaspilurum frá þriðja aðila, gerðu vídeóin þín og hljóðið aðgengilegt með nýja HTML5

Svipuðum meginreglum er beitt við upphaf málsgreina sem eru sýnd af

. Þetta gerir þér kleift að skipuleggja innihald þitt og skipta því í viðeigandi málsgreinar, sem aftur þýðir auðveldari og óaðfinnanlegri lestrarupplifun. Enn og aftur,

Merki ætti að vera komið fyrir í upphafi viðeigandi texta, áður en varan lokunarmerki er beitt í lokin til að klára áhrifin. Ólíkt fyrirsögn merkimiða eru þó engar tölulegar ýmsar sem geta breytt stærð textans sem er að finna í málsgreininni. Til dæmis:

Fyrsta málsgrein þín

Önnur málsgrein þín

Þriðja málsgrein þín

Notkun HTML5 myndbands af vefsíðum um allan heim

Land
Fjöldi vefsíðna
Bandaríkin
140.008
Rússland
87.508
Þýskaland
34.519
Bretland
26.609
Frakkland
25.697
Japan
23.578
Taívan
19.798
Úkraína
19.204
Brasilía
16.773
Kína
16.523
Restin af heiminum
265.371

Utan HTML-sniðsins verður textinn brotinn niður á eftirfarandi hátt á fullunnu vefsíðunni þinni:

Fyrsta málsgrein þín

Önnur málsgrein þín

Þriðja málsgrein þín

Line Break merki

Fyrstu dæmin tákna grundvallar HTML merkin, en það eru önnur sem nota annað snið og önnur lokun tekur. Taktu td línuskil sem skapa greinarmun á hvaða línur textans eru brotnar og haldið áfram á eftirfarandi línu. Það er kjaramunur á línuskilum og málsgreinum á sviði HTML, þar sem þó að þeir síðarnefndu séu staðlaðir reitir sem innihalda texta skapar sá fyrrnefndi aðskilnað í núverandi

frumefni.

Vegna þessa tákna línuskilin tómur þáttur í HTML og eru því ekki skilgreindir með því að opna eða loka merkjum. Þess í stað er þeim lýst af
merki, sem hægt er að setja inn í núverandi

þætti til að brjóta upp texta og mögulega draga fram mikilvægar upplýsingar. Stakur rými milli stafsins br og framstrikið skiptir sköpum, því annars er merkið ekki þekkjanlegt á HTML sniði.

Hér er dæmi:

er teikningarmerki HTML5 sem gerir þér kleift að nýta enn meiri möguleika á gagnvirkni á vefnum og hreyfimyndum á vefnum en fyrri internetforritspallar eins og Flash.
Þú getur jafnvel þróað leiki með HTML5 merki. HTML5 býður upp á frábæran, farsímavænan hátt til að þróa skemmtilegan, gagnvirkan leik

Góðan daginn

Kærar þakkir fyrir fyrirspurn þína, við munum hafa samband við þig ef við þurfum eitthvað annað.

Bestu kveðjur

Herra J sjálfur

Þegar þeim hefur verið beitt brýtur þetta textann upp á eftirfarandi hátt:

Góðan daginn,

Kærar þakkir fyrir fyrirspurn þína, við munum hafa samband við þig ef við þurfum eitthvað annað.

Bestu kveðjur

Herra Jones

Eins og þú sérð geturðu beitt línuskilum eins oft og þú vilt innan núverandi efnisgreinar, svo framarlega sem þeir bæta við gildi og gera upplýsingarnar auðveldari að melta. Þú munt einnig sjá að opnun og lokun málsgreinar eru óbreytt og línuskilamerki eru notuð til að breyta skipulagi textans sem er innifalinn í.

Þetta er eitt af dæmunum um hvernig hægt er að nota HTML tags til að breyta núverandi þætti, sem gegnir lykilhlutverki við að skilgreina sjónræn skipulag vefsíðna og innihalds.

Láréttar línur

Vefsvæðisflokkar þar sem HTML5 striga tag er notað

Vefsvæðisflokkar þar sem HTML5 striga tag er notað

Á sama hátt eru önnur merki sem hægt er að nota innan

frumefni eða til að aðgreina fleiri textahluta á vefsíðunni þinni. Ein sú mest notaða er


merki, sem hjálpar til við að búa til tómt frumefni sem dregur upp sjónræna, lárétta línu milli varamanna hluta á netinu skjali. Þú gætir viljað staðsetja lína á milli tveggja meginhluta texta, til dæmis til að fókusa lesandann eða einfaldlega kynna nýjan sjónrænan þátt. Svona býrðu til svona brot í HTML:

Fyrsta málsgrein þín


Önnur málsgrein þín

Hér er brot á milli stafanna hr og framskástrikið auðkennt smíði tóms frumefnis, en enn og aftur þarf ekkert lokunarmerki til að klára áhrifin. Þetta skapar eftirfarandi sjón:

Fyrsta málsgrein þín
________________________________________

Önnur málsgrein þín

Fyrsta málsgrein þín
_______________________

Önnur málsgrein þín

Farsímavafrar hafa tekið upp HTML5 að fullu svo að búa til tilbúin verkefni fyrir farsíma er eins auðvelt og að hanna og smíða fyrir smærri snertiskjá sína – þar með vinsældir Móttækilegrar hönnunar. Það eru nokkur frábær metatög sem gera þér einnig kleift að fínstilla fyrir farsíma
78% efnhönnuðir eru sammála um að skipulagið henti vel til að búa til farsímaforrit og 68% segja að það henti til að hanna hvers kyns og alls kyns forrit


Myndamerki

Myndamerki tákna einnig tóma þætti í HTML, sem þýðir enn og aftur að þeir eru ekki með lokunarmerki. Þar sem þeir innihalda aðeins eiginleika sem tengjast vefslóð myndarinnar sem þú setur inn á vefinn eru þeir skilgreindir einfaldlega af merki í upphafi frumefnisins. Þetta er hægt að setja hvar sem er á vefsíðunni þinni, þó það sé óvenjulegt að hafa þá í núverandi þætti eins og málsgreinar eða fyrirsagnir. Svona mun dæmigerð HTML myndamerki kynna sig:

einhver_texti

Þú ættir einnig að bjóða upp á annan texta fyrir myndina þína, sem hjálpar fólki að skoða hana ef um er að ræða hleðslutíma eða notkun skjálesara. Á þennan hátt, ef vafrinn getur ekki fundið mynd, birtir hann gildi varafritsins fyrir áhorfendur. Þetta notar myndamerkið enn og aftur, en inniheldur mismunandi eiginleika:

 HTML5 Icon

HTML frumefni

HTML frumefni

Áður skoðuðum við hve einföld HTML tags eru notuð til að skilgreina þætti á síðu, en könnuðum einnig hvernig hægt er að aðlaga þau frekar með því að nota tóma þætti sem innihalda mynd- og línuskilamerki. Þetta hjálpar okkur að skilja sambandið sem er milli tags og þátta og hvernig þau geta verið notuð til að skilgreina mismunandi tegundir af innihaldi á vefsíðunni þinni.

Þó að allir þættir HTML tungumálsins séu táknaðir með merki, til dæmis verður skilgreindur þáttur sem inniheldur innihald að hafa bæði upphafs- og lokunarmerki. Svo, fyrirsagnir og málsgreinar eru HTML þættir vegna þess að þeir nota upphafs- og lokunarmerki til að umlykja og auka viðeigandi texta. Aftur á móti innihalda tóðir þættir annað hvort eiginleika eða alls ekkert efni, sem gerir þeim kleift að nota innan núverandi þátta án þess að þörf sé á lokunarmerki.

Skilgreina HTML þætti

HTML5 er ekki að fara neitt og eftir því sem fleiri og fleiri þættir verða samþykktir fleiri og fleiri fyrirtæki munu byrja að þróast í HTML5

Þegar dæmi eins og fyrirsagnir og málsgreinar eru notaðar skiptir rétt notkun upphafs- og lokamerkja sköpum. Það er upphafsmerkið (eins og

eða

) sem skilgreinir viðkomandi þætti, til dæmis, meðan lokunarmerkið tryggir að ekki sé haldið áfram með þennan þátt yfir það sem eftir er af vefsíðunni. Ef þú tekst ekki að nota lokunina merki í lok málsgreinar sem óskað er eftir, til dæmis mun textinn birtast í einum reit sem er ljótur og ákaflega erfiður að lesa.

Öll lokunarmerkin eru samhljóða upphafsmerkjum fyrir utan þá staðreynd að þeir fyrri eru með skástrik frammi fyrir viðkomandi stöfum. Svo í tilviki an

stefnir, lokunarmerkið verður , meðan þú notar alltaf efnisgreinar til að skilgreina brot á texta. Þetta krefst smáatriða meðan á kóðun stendur og það er mikilvægt að hafa í huga þegar forritun á fyrirsögnum að númerið sem þú notar (eins og h1 eða h2) er notað bæði í upphafs- og lokunartögunum.

Notkunartíðni mismunandi HTML frumefna

Nafn XHTML frumefnis
höfuð
titil
html
líkami
a
meta
img
borð
td
tr
br
bls
handrit
leturgerð
div
b
hlekkur
miðja
span
form
inntak
stíl
hr
sterkur
i
hl
li
noscript
kort
svæði
ul
veldu
kostur
h3
h2
grind
rammasett
param
fella
em
u
mótmæla
bálkur
nei
rammar
tbody
iframe
lítið
h4
grunn
norður





























0
10
20
30
40
50
60
70
80
90
100

Notkun hreiður HTML frumefni

Á þessu stigi er ljóst að HTML skjöl og vefsíður eru mynduð af tré af ýmsum þáttum, sem þjóna sem byggingareiningar fyrir fjölda eigna. Við höfum einnig skoðað hvernig hægt er að mynda og nota þessa þætti til að skipuleggja efni á netinu og við munum halda áfram með þetta núna með því að skoða hreiður HTML frumefni.

Rétt eins og tómir þættir og sjálfstæð merki (eins og
hægt að fella inn í skilgreinda HTML þætti, svokallaða nestaðir þættir geta einnig verið hýstir í efni eins og fyrirsagnir og málsgreinar. Má þar nefna dæmi eins og feitletrað og skáletrað stafagerð og undirstrikaðan texta, meðan þau geta verið notuð til að bæta persónuleika við innihald þitt og vekja athygli lesandans á sérstökum áhugaverðum stöðum.

Djarfur, skáletrað og undirstrikaður texti í HTML

Látum’segjum að þú viljir undirstrika orð innan núverandi efnisgreinar. Þú getur náð þessu með því að gera það feitletrað með einföldum merkjum innan staðalsins

frumefni. Með því að nota HTML muntu forrita þetta á eftirfarandi hátt:

ég vil þetta orð til að vera djörf.


Hér hefur nestiþátturinn bæði upphafs- og lokunarmerki, sem hver og einn fylgir svipuðu sniði og þeim sem tengjast fyrirsögnum og málsgreinum. Hægt er að nota þá óaðfinnanlega innan núverandi þátta og í þessu tilfelli mun það skila eftirfarandi árangri:

ég vil þetta orð til að vera djörf.

Nú skulum við láta’segjum að þú viljir líka breyta letri þessa orðs þannig að það sé einnig skáletrað. Þetta er hægt að ná einfaldlega með því að bæta við öðrum nestuðum þætti, sem ætti að vera kóðaður svona:

ég vil þetta orð til að vera djörf.

Eins og þú sérð eru upphaf og lokun skáletraðmerkja einfaldlega sett inn í

frumefni. Þetta mun nú umbreyta innihaldi innan frumefnisins þannig að það birtist sem hér segir:

HTML titlar hafa alltaf verið og eru enn mikilvægasta HTML merkið sem leitarvélar nota til að skilja hvað síða er um. Reyndar, ef HTML titlarnir þínir eru taldir slæmir eða ekki lýsandi, breytir Google þeim
ég vil þetta orð til að vera djörf.

Auðvitað gætirðu ákveðið að þú viljir draga fram þetta orð á annan hátt. Þú getur því notað annan hreiður þátt, svo sem undirstrikun (sem er táknað með og merki. Hægt er að nota þessi merki á sama hátt innan

þáttur, birtist sem hér segir í HTML:

ég vil þetta orð til að undirstrika.

Í þessu tilfelli mun textinn birtast á eftirfarandi hátt á skjalinu þínu eða áfangasíðu:

Nýir merkingarfræðilegar þættir sem HTML5 kynnti mun gera það auðveldara að lesa fyrir verðandi verktaki. Í stað þess að sjá línu eftir línu af
og þætti, skilgreindari merkingar eins og
,
og
ég vil þetta orð til að undirstrika.

Þetta býður upp á innsýn í þætti sem hægt er að mynda með merkjum sem síðan skilgreina uppbyggingu vefsíðna þinna og innihaldið sem þeir eru með. Ekki aðeins þetta, heldur geta tóðir og nestaðir þættir einnig verið notaðir til að skilgreina innihaldið þitt frekar.

HTML eiginleika

Alheims eiginleikar eru eiginleikar sameiginlegir öllum HTML frumefnum; þeir geta verið notaðir á alla þætti, þó að eiginleikarnir hafi ekki áhrif á suma þætti. Alheims eiginleika geta verið tilgreindir á öllum HTML frumefnum, jafnvel þeim sem ekki eru tilgreindir í staðlinum


Ef merki eru byggingarreitir sem smíða og skilgreina þætti, þá er hægt að nota HTML eiginleika til að sérsníða eiginleika þeirra (svo sem stíl, lit og tungumál. Allir HTML þættir eru með kjarnaeiginleika, sem veita kjarnaupplýsingar og eru alltaf tilgreindir innan statmerkisins Þeir hafa tilhneigingu til að koma í pörum, svo munu oft birtast á eftirfarandi sniði: name =”gildi.“

Á einfaldan hátt táknar nafnið eignina sem þú vilt setja, en gildið tengist sérstökum forsendum sem þú vilt fella.

Það er mikill fjöldi af eiginleikum sem hægt er að beita á HTML þætti þína, en þeir sem skipta mestu máli fyrir víðtæka vefstjóra eru:

Eiginleikinn ‘Lang’

Einn einfaldasti eiginleiki, þetta skilgreinir tungumál skjalsins og þætti þess. Það er lýst yfir með því að nota ‘lang’ eiginleiki, og þó að það sé auðvelt að gleymast hefur það þann kost að gera innihaldið aðgengilegra fyrir skjálesara og leitarvélar. Það verður venjulega kynnt í byrjun skjals á eftirfarandi sniði:

Nokkrar tegundir af eiginleikum hafa verið viðurkenndar, þar á meðal:

nauðsynlegir eiginleikar, þörf af tiltekinni frumgerðargerð fyrir þá frumgerð að virka rétt

valfrjálsir eiginleikar, notað til að breyta sjálfgefinni virkni frumgerðar

staðlaða eiginleika, studd af miklum fjölda frumgerða

atburði eiginleika, notuð til að valda gerð frumgerða sem tilgreina forskriftir til að keyra við sérstakar kringumstæður


Eftir langa eiginleikann tilgreina fyrstu tveir stafirnir tungumálið (sem er enska í þessu tilfelli). Eftir bandstrik mynda næstu tvö bréf mállýskuna, þó að það muni ekki vera til staðar fyrir hvert tungumál. Það er mikilvægt að þú fáir þennan eiginleika réttan ef þú átt að ná til markhóps þíns.

Eiginleikinn „Align“

Við höfum þegar snert snið HTML eiginleika (name =”gildi), og besta útfærslan af þessu á sér stað þegar þú reynir að samræma innihaldið innan þinna. Þú gætir ákveðið að miðja allar málsgreinar á tiltekinni síðu, til dæmis þar sem röðunin er eignin sem þú vilt setja. Í kjölfarið, ’miðja’ er gildi eigindarinnar, þó að þú hafir val um að samræma textann þinn til vinstri eða hægri. Til dæmis:

Þessi texti er miðlægur

Gerðir af forritum smíðaðir með HTML5

Framleiðni
54%
Gagnsemi
38%
Neytandi
35%
LOB
22%
Félagslegt net
18%
Skemmtun
17%
Lífsstíll
12%
Ferðalög
9%
Leikir
8%
Annað
13%

Þetta mun samræma þinn

þætti á miðri síðunni og búðu til samræmda skipulag sem hentar sérstökum toga vefsíðunnar þinna (sjá hér að neðan):

Þessi texti er miðlægur
Þessi texti er miðlægur
Þessi texti er miðlægur

Eiginleikinn „Href“

HTML5 er einnig með mikið af frábærum forritaskilum sem gera þér kleift að byggja upp betri notendaupplifun og dýpri, virkara vefforrit – hér er fljótur listi yfir innfædd API.
  • Draga og sleppa (DnD)
  • Ótengdur geymslu gagnagrunnur
  • Stjórnun vafra
  • Skjalagerð
  • Tímasett spilun fjölmiðla

Ef þú ætlar að byggja sýnilega vefsíðu er mikilvægt að þú sért með bæði innleið og útleið hlekki. Að byggja upp hlekkjasafn sem inniheldur bakslag á innri áfangasíður er einnig hagkvæm stefna, svo þú verður að læra að kóða þetta í HTML.

HTML tenglar eru skilgreindir með merki, sem inniheldur ákvörðunarhlekkinn ásamt tengdum akkeritegund sem mun hýsa slóðina. Það er ‘href ’ eiginleiki sem tilgreinir vefsetrið, þó er þetta fellt inn sem hluti af upphafsmerkinu. Það er kóðað í HTML á eftirfarandi hátt:

Google

Þetta dregur greinilega fram greinarmuninn á upphafs- og lokunarmerkinu og þýðir á eftirfarandi á áfangasíðu:

HTML5 er ekki stjórnað af einu fyrirtæki. Einn af bestu eiginleikum þess liggur í þeirri staðreynd að það er opinn staðall. Hönnuðir hafa frelsi til að láta sköpunargáfu sína renna og bæta við eins mörgum aðgerðum og eiginleikum sem þeir mögulega geta


Eiginleikinn „Litur“

Þetta er annar mikilvægur eiginleiki þar sem notkun litar getur andað lífi á vefsíðunni þinni og hjálpað til við að skapa mikilvægar andstæður og sterka hönnun fagurfræði. Í HTML er hægt að tilgreina lit með því að nota nafn hans, þó að það sé einnig mögulegt að nota RGB eða HEX gildi til að ná þessu markmiði. Fyrri valkosturinn er þó auðveldast að fylgja, á meðan hann er einnig hægt að nota á fyrirsagnir, málsgreinar og aðra þætti á síðunni þinni.

HTML5 striga
Skoða HTML5 striga [Svindlari]

Þetta er stíll eiginleiki þar sem val þitt á lit er það gildi sem þú vilt setja. Þegar td er notaður rauði liturinn á aðal fyrirsögn mun hann líta svona út:

Bakgrunnslitur stilltur með rauðu

Þegar honum hefur verið beitt birtist þessi þáttur á eftirfarandi vefsíðu:

Bakgrunnslitur stilltur með rauðu
Í samanburði við aðra vafra er sérhver Google Chrome uppfærsla viss um að innihalda stuðning fyrir HTML5. Að auki er sjálfgefinn leikmaður YouTube nú HTML5 og Flash auglýsingar Google er nú breytt í HTML5


Enn og aftur er gerður greinarmunur á upphafs- og lokunarmerkjum sem skilgreina þáttinn, en þetta er einn auðveldasti eiginleiki sem hægt er að nota í HTML. Það dregur ennfremur fram nafnið =”gildi snið HTML eiginleika, sem gerir ferlið við að læra og beita þessum mun auðveldara á vefsíðunni þinni.

Prófaðu sjálfan þig

Með grunnskilning á HTML og einstökum þáttum þess er næsta skref að ráðast í nokkur einföld verkefni og beita fræðilegri þekkingu þinni til að leysa hagnýt viðfangsefni.

Vafra sem byggir á forritum sem keyra HTML5 eiga ekki í neinum vandræðum með að nota landfræðilega staðsetningu

Í æfingunni sem lýst er hér að neðan höfum við sett fram texta nema og beðið um að forsníða ýmsa þætti með HTML. Notaðu handbókina og allt sem þú hefur lært hingað til til að klára áskorunina þegar þú býrð þig til að kóða eigin vefsíðu.
________________________________________

Aðalhaus

Verið velkomin á heimasíðuna okkar, Beispill.com! Við vonum að þú hafir notið þess að lesa efnið okkar, ekki hika við að ná til okkar.

Takk fyrir heimsóknina!

Læra meira.

Notkun HTML5 af hönnuðum
(eftir svæðum)

Norður- og Rómönsku Ameríku
70%
Suður Ameríka
61%
ASPAC
60%
Ástralía
60%
Evrópa
59%
Afríku
50%

________________________________________

Spurningar:

  1. Ljúktu við hausþáttinn með réttu lokunarmerkinu.
  2. Gerðu hausinn feitletrað.
  3. Settu lárétta línu undir hausinn.
  4. Notaðu lit eiginleika og skugga ‘Takk fyrir heimsóknina’ í grænu
  5. Settu þennan tengil (https://www.w3schools.com/html/) inn í akkeritegundina “Læra
    meira.”
  6. Notaðu nafnið = á hausinn á síðunni”gildi snið til að samræma málsgreinarnar til vinstri


Niðurstaða

Þó að HTML hafi aðeins verið búið til svo nýlega sem 1991 (með fyrstu útgáfu kóðunarmálsins sem síðan var hleypt af stokkunum árið 1995), hefur það fljótt orðið sáðtæki við hönnun á virkum og sjónrænt aðlaðandi vefsíðum. Áhrifastig HTML heldur áfram að þróast og nýjasta endurtekningin (HTML5) er notuð af vaxandi fjölda vefsíðna um allan heim.

Að þessu leyti er það mikilvægasta skrefið sem þú tekur til að koma á farsælum, sýnilegri og að lokum samkeppnishæfri vefsíðu að læra grunnþætti HTML og hvernig á að beita þeim.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me

    Like this post? Please share to your friends:
    Adblock
    detector
    map