HTML lentelė - 3
Nauja įgyvendinkime tai, ką aptarėme. Pridėkime 500 pikselių pločio lentelę prie savo „Template5.html“ failo. Mes norime, kad lentelė būtų trijų eilučių, 1 langelis kiekvienos eilutės viduje, 1 pikselio pločio kraštas, o langelių viduje esantis turinys būtų sutelktas į centrą. Sukūrę lentelę, perkelkite „Sveikas pasaulis“ viršutinio langelio viduje (1 eilutė - 1 langelis). Tada perkelkite šriftų žymas ir „Enter Here“ į antros eilės langelį (2 eilutė - 1 langelis). Galiausiai palikite 3 eilutę - 1 langelis tuščias. Atidarykite „Template5.html“ failą savo teksto rengyklėje, pridėkite šį kodą ir išsaugokite naują failą kaip „Template6.html“.

Lentelė - šaltinio kodas





Labas pasauli

Įveskite
Čia


Pastaba -Strėlė rodo, kad kodas yra suvyniotas į antrą eilutę ir tikrai turėtų būti viskas vienoje eilutėje.

Šablonas6.html - šaltinio kodas


Labas pasauli









Labas pasauli

Įveskite
Čia




Pastaba -Strėlė rodo, kad kodas yra suvyniotas į antrą eilutę ir tikrai turėtų būti viskas vienoje eilutėje.

Dabar savo interneto naršyklėje atidarykite „Template6.html“ ir pažiūrėkite į naują lentelę. Galbūt norėsite pažymėti šią mokymo programą prie žymių. Kituose kituose straipsniuose sukursime daug lentelių. Galite toliau eksperimentuoti su lentele, pridėdami, pašalindami ir pakeisdami kiekvienos žymos atributų / reikšmių poras. Baigę įdėkite kodą į Template6.html atgal į aukščiau pateiktą kodą ir išsaugokite jį dar kartą.

← Atgal

|



Vaizdo Instrukcijos: HTML/CSS Pagrindai #07 - HTML lentelės (Balandis 2024).