Sut i greu tudalen HTML: cyfarwyddiadau cam-wrth-gam, technoleg ac argymhellion

Ydych chi'n meddwl sut i greu tudalen HTML? I wneud hyn, mae angen i chi dreulio ychydig oriau a byddwch yn gwybod pethau sylfaenol HTML. A gallwch greu eich tudalen gyntaf mewn 5 munud.

Mae HTML yn sefyll ar gyfer HyperText Markup Language. Mewn cyfieithiad, mae hyn yn golygu "iaith farcio hyperdestun". Mae'n bwysig deall nad HTML yw iaith raglennu, ond marcio gwefan.

Gall pob porwr modern ei adnabod. Yna, dangosant y wybodaeth mewn ffurf gyfleus i'r defnyddiwr, fel yr oedd yr awdur wedi'i chynllunio o'r blaen.

Yn yr iaith hon, defnyddir tagiau arbennig. Mae pob tag yn cyflawni ei swyddogaeth. Mae llawer ohonynt. Yn ddelfrydol, mae angen i chi ddysgu popeth. Ond mae gwybodaeth sylfaenol dechreuwyr yn ddigon.

Basics HTML

Cyn i chi greu tudalen HTML, mae angen i chi wybod beth mae'n cael ei wneud ohono. Yn yr iaith hon mae dau gysyniad: elfen a tag.

I nodi lle mae'r elfen hon yn dechrau ac yn cau, defnyddiwch y tag agor a chau. Mae'n edrych fel hyn.

cynnwys

Fel y gwelwch, mae'r tagiau agor a chau yn wahanol yn unig yn "/".

Mae'r ddogfen HTML gyfan yn gasgliad o'r elfennau hyn. Mae yna rai gofynion ar gyfer strwythur y ddogfen. Dylai pob cynnwys tudalen fod rhwng dau tag a tagiau. Pan fyddwch chi'n ysgrifennu'r cod, cymerwch yr arfer o osod y tag agor a chau ar unwaith.

Cofiwch hefyd fod gan yr adeiledd yr iaith HTML ei hierarchaeth ei hun. Fel arall fe'i gelwir yn nythu. Y tag HTML yw'r pwysicaf, gan fod pawb arall y tu mewn iddo.

Mae gan HTML ddau blentyn:

• ... ;
• .. .

Mae bloc PENNAD yn nodi gwybodaeth amrywiol o wasanaethau. Nid yw'r wybodaeth hon yn cael ei arddangos yn y porwr. Er enghraifft, cyfarwyddiadau i ddatblygwyr, ar gyfer unrhyw raglenni, ar gyfer robotiaid a llawer mwy.

Yn bwysicaf oll, nid oes unrhyw gynnwys yma.

Mae'r adran BOD yn nodi cynnwys y ddogfen a fydd yn cael ei arddangos i'r defnyddiwr.

Dysgwch i agor a chasglu tagiau ar unwaith, oherwydd efallai y bydd 10 elfen nythu. Yn ogystal, er hwylustod, argymhellir bod tagiau nythu yn cael eu plygu. Er enghraifft, fel hyn.

Felly, gwna'r tagiau cyfartal mewn pwysigrwydd ar yr un lefel, ac mae'r plant yn "y tu mewn". Felly mae'n llawer mwy cyfleus ar gyfer canfyddiad a chwiliad o'r darn angenrheidiol o'r cod. Fel arall, gallwch chi ddryslyd. Ond gall arbed tagiau gofod, pen a chorff eu gwneud heb anadlu. Gwneir hyn fel nad oes gan bawb arall gynhwysiad dianghenraid. Mae'r holl weddill yn ddymunol i wahanu.

Sut i greu tudalen HTML syml

I ysgrifennu'r cod mae angen rhyw fath o olygydd arnoch. Mae llawer ohonynt. Mae Notepad ++ ac Adobe Dreamweaver yn boblogaidd. Gallwch hefyd ddefnyddio llyfr nodiadau.

Dyma sut mae'r golygydd Notepad ++ yn edrych.

Mae hwn yn olygydd cyfleus iawn ac ar yr un pryd yn rhad ac am ddim. Mae'r Adobe Dreamweaver uchod yn un taledig. Y gwahaniaeth rhwng golygyddion a fwriedir ar gyfer ysgrifennu cod HTML o lyfr nodiadau yw bod tagiau arbennig yn cael eu hamlygu. Os na chaiff ei amlygu, yna ysgrifennoch yn anghywir.

Er mwyn sicrhau bod y cefn goleuo yn cyd-fynd â'r iaith, mae angen i chi ei nodi yn y gosodiadau.

Edrychwn ar sut i greu tudalen HTML yn Notepad. Hynny yw, rydym yn gorffen y rhan dechnegol ac yna'n mynd yn uniongyrchol i astudio tagiau.

Sut i greu tudalen we yn notepad HTML

Yn gyntaf, agorwch y notepad.

Yna dechreuwch yr hyn a ddangosir yn y sgrin nesaf.

Ewch ati i ysgrifennu gyda'ch dwylo, nid copïo yn unig. Pan fyddwch chi'n ysgrifennu gyda'ch dwylo, rydych chi'n well cofio cronfa ddata'r tag cyfan.

Ar ôl hynny, cliciwch ar y ddewislen "Save File" a phennu unrhyw enw ffeil, ond gyda'r estyniad .html.

Wedi hynny, gallwch agor y ffeil yn y porwr a edmygu'r canlyniad. Nawr, dylech ddeall sut i greu tudalen we yn notepad HTML.

Consortiwm y Byd W3C

Mae yna sefydliad fel W3C, sy'n datblygu ac yn gweithredu'r holl safonau ar gyfer y Rhyngrwyd. Mae pob porwr yn cydymffurfio â'r gosodiadau tudalennau safonau a phrosesau hyn (codau) yn ôl y rheolau hyn.

Ar safle swyddogol datblygwyr HTML, gallwch ddod o hyd i fwrdd gyda'r holl dagiau a rheolau ar gyfer eu defnyddio. O fewn fframwaith yr erthygl hon, ystyriwn y rhai mwyaf sylfaenol.

A allwch chi feddwl am yr hyn y gallai'r rheolau fod? Mae gan bob tag a ddisgrifiwyd eu hargymhelliad eu hunain. Mae yna nifer ohonynt:

• Tag dewisol.
• Gwaherddir.
• Tag gwag.
• Wedi'i ddatrys
• Y Goll.

Tags yn HTML

Cyn creu tudalen HTML, mae angen i chi ddeall beth ddylai fod yn rhan o'r gwasanaeth PENNAETH.

Yn ardal HEAD, mae tagiau gorfodol a dewisol ar gael. Mae tag gorfodol yn bennawd. Fe'i nodir gan