HTML-tabellen - 3

April 29, 2024

Nytt la oss praktisere det vi har diskutert. La oss legge til en 500 piksler bred tabell til Template5.html-filen. Vi vil at bordet skal ha tre rader, 1 boks inne i hver rad, en kant på 1 piksel bred og innholdet inne i cellene som skal sentreres. Etter at du har opprettet tabellen, flytter du "Hello World" inne i den øverste cellen (rad 1 - celle 1). Flytt deretter fontkodene og "Enter Here" inn i cellen i den andre raden (rad 2 - celle 1). La til slutt rad 3 - celle 1 være tom. Åpne Template5.html-filen i teksteditoren, legg til følgende kode og lagre den nye filen som Template6.html.

Tabell - kildekode

Hei Verden

Tast inn
Her

Merk--Pilen

indikerer at koden er pakket inn på en andre linje og egentlig burde være på én linje.

Mal6.html - kildekode

Hei Verden

Hei Verden

Tast inn
Her

Merk--Pilen

indikerer at koden er pakket inn på en andre linje og egentlig burde være på én linje.

Nå åpner Template6.html i nettleseren din og se på den nye tabellen. Det kan være lurt å bokmerke denne opplæringen. Vi vil lage mange tabeller i løpet av de neste flere artiklene. Du kan fortsette å eksperimentere med tabellen ved å legge til, fjerne og endre attributt / verdipar for hver tagg. Når du er ferdig, legg koden i Template6.html tilbake til koden ovenfor og lagre den igjen.

← Tilbake

|

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

HTML-tabellen - 3, HTML, HTML-tabeller, tabeller, tabellrader, tabellceller, tabell, tr, td, tabellattributter, HTML-grunnleggende, html-leksjoner, html-tutorials, html online-klasse, HTML Basic-serie, opplæringer, HTML, XHTML , DHTML, vert for CGI, webhotell, domene, domenenavn, FTP, JPEG, GIF, CSS, how-to, kaskaderende stilark, freeware, shareware, W3C, World Wide Web

Forrige Artikkel

Neste Artikkel

Relaterte Artikler

datamaskiner

Super Paper Mario Wii

April 2024

Super Paper Mario for Wii bringer en fantastisk ny dimensjon til 2D-moroa med Paper Mario. Du kan nå bytte - mens du er på farten - mellom en 2D- og 3D-visning av din verden. Dette bringer en helt...

datamaskiner

PSE 2019 tips, triks og snarveier i enkle trinn

April 2024

Med hver oppgradering blir Photoshop Elements en mer robust grafikkprogramvare. Så hvordan mestrer du Photoshop Elements 2019, spesielt de nyeste funksjonene? Svaret er dette siste I enkle trinn...