Blangkong html na template ng pahina. Blangkong tema ng WordPress - malinis na mga template para sa pag-unlad. Pinapasimple ang pagsulat ng DOCTYPE

Kailangan mo bang gumawa ng isang website gamit lamang ang HTML at ilagay ito sa Internet? Kung gayon hindi magiging mahirap para sa iyo na kopyahin ang natapos na code at sundin ang aking mga tagubilin.

Totoo, mahirap lumikha ng isang buong mapagkukunan gamit ang isang programming language, ngunit ang isang website ng business card ng ilang mga pahina ay posible.

Kung ang isang tao ay ito ang kanilang layunin at walang pagnanais na matuto ng iba pang mga wika, kung gayon ang artikulong ito ay para sa kanila.

Sa madaling salita, sa isang self-written na bersyon, nang hindi gumagamit ng CMS, walang mas simple na umiiral.

At para sa mga nangangailangan ng mas cool, sa dulo ng artikulo ay may mga link sa mga artikulo na may block template code gamit ang CSS, at dynamic na code ng site gamit ang PHP.

Gagawa kami ng isang website sa purong html mismo sa pahinang ito, wika nga - isang website sa loob ng isang website, ganap na gumagana at handang mapuno ng nilalaman.

Hatiin natin ang buong proseso sa tatlong bahagi.

1. Lumikha ng direktoryo ng site sa iyong computer.

2. Paglikha ng website.

3. Paglipat ng site mula sa aming computer patungo sa pagho-host, iyon ay, sa Internet.

Paglikha ng direktoryo ng website sa iyong computer

Ang unang punto ay ang pinakasimpleng. Kung paano lumikha ng isang direktoryo ay napakalinaw na ipinapakita sa artikulo (lahat ng mga link mula sa pahinang ito ay nakabukas sa isang hiwalay na window upang hindi mawala).

Ipapakita ko sa iyo nang detalyado kung ano at kung saang folder ilalagay ito pagkatapos ng code ng pangunahing pahina, upang mayroon ka nang mapupuntahan sa direktoryo.

Pagkatapos ay lumipat tayo sa pangalawang punto, ang pinaka-malikhain.

Paglikha ng template ng website

Upang lumikha ng isang template, kakailanganin mo ng isang editor kung saan kakailanganin mong i-paste ang code sa ibaba.

Maaari itong maging isang simpleng Windows Notepad o anumang iba pang text editor.

Kumuha tayo ng multi-layer na HTML na talahanayan bilang batayan para sa template. Dati, bago ang pagdating ng CSS, ang lahat ng mga website ay nakasulat sa mga talahanayan, ngunit ngayon ang block layout ay naging mas popular.

Ngunit hanggang ngayon, ang istraktura ng talahanayan ay hindi napapanahon at matagumpay na ginagamit.

Halimbawa, isang investment CMS H-script na may kumplikadong functionality, na ganap na idinisenyo batay sa mga talahanayan.

Kaya, narito ang isang website na may kaunting disenyo.

Kung paano magdisenyo ng mga talahanayan sa hinaharap ay ipinapakita nang detalyado sa artikulo.

Pangalan ng site (organisasyon)

Paglalarawan ng site

Pahina

Kamusta mahal na mga webmaster sa hinaharap! Ako ay 55 taong gulang at natutuwa akong tanggapin ka sa aking website.
Ang site na ito ay ang unang binuo ko sa aking sarili, at bago iyon alam ko lamang kung paano i-access ang Internet.

Bakit ko naisipang gawin ito? Sa loob ng 3 buwan na nauunawaan ko ang pagbuo ng website at paggawa ng mapagkukunang ito, natuklasan ko na ang mga may-akda ng mga gabay sa paggawa ng website ay hindi binibigyang pansin ang maraming mga nuances at hindi sila binibigyang pansin.
At para sa akin, dahil sa aking edad at kakulangan ng karanasan, hindi madali para sa akin na maunawaan ang mga nuances na ito.

Menu

Pangkalahatang impormasyon

Pangkalahatang impormasyon ng teksto





Pangalan ng site


<!--Gumawa ng isang lalagyan na talahanayan, na tinukoy namin ang mga sumusunod
disenyo:
border="1" - frame sa paligid ng lalagyan. Sa pamamagitan ng pagtaas ng bilang, maaari mong dagdagan ang kapal ng frame.
align="center" - ilagay ang lalagyan sa gitna ng screen.
rules="rows" - alisin ang double border.
style="width:60%;" - magdagdag ng mga katangian ng estilo na gumagawa
ang lalagyan at ang buong site ay "goma".
Imposibleng gumawa ng ganap na adaptive na disenyo sa ganitong paraan.--
>

hangganan="1"
align="center"
rules="rows"
style="width:60%;">
<!--Gumawa ng linya-->

<!--Gumawa ng row cell-->



Новые теги HTML5

В HTML5 для структуры кода введено несколько новых тегов:

,