HTML-tabellen - 3
Nytt låt oss praktisera det vi har diskuterat. Låt oss lägga till en tabell på 500 pixlar bred till din Template5.html-fil. Vi vill att bordet ska ha tre rader, en ruta i varje rad, en kant på 1 pixel bred och innehållet inuti cellerna som ska centreras. När du har skapat tabellen flyttar du "Hello World" inuti den övre cellen (rad 1 - cell 1). Flytta sedan typsnittet och "Enter Here" in i cellen i den andra raden (rad 2 - cell 1). Lämna slutligen rad 3 - cell 1 tom. Öppna filen Template5.html i din textredigerare, lägg till följande kod och spara den nya filen som Template6.html.

Tabell - källkod





Hej världen

Stiga på
Här


Notera--Pilen indikerar att koden är lindad till en andra rad och borde verkligen ligga på en rad.

Mall6.html - källkod


Hej världen









Hej världen

Stiga på
Här




Notera--Pilen indikerar att koden är lindad till en andra rad och borde verkligen ligga på en rad.

Öppna nu Template6.html i din webbläsare och titta på din nya tabell. Du kanske vill bokmärka den här självstudien. Vi kommer att skapa många tabeller under de kommande flera artiklarna. Du kan fortsätta experimentera med tabellen genom att lägga till, ta bort och ändra attribut / värdepar för varje tagg. När du är klar sätter du koden i Template6.html tillbaka till ovanstående kod och sparar den igen.

← Tillbaka

|



Video Instruktioner: 25: Table In HTML and CSS | How To Create Tables | Learn HTML and CSS | HTML Tutorial | CSS Tutorial (Maj 2024).