Skapa en onlinebutik på PHP och MySQL

Min videokurs

Videokursen "Skapa en onlinebutik på PHP och MySQL" - denna unika kurs för att skapa en onlinebutik från början. Det speciella med den här kursen är att det är en skapelse från början, det vill säga idén. Vidare skapas design på alla sidor som du behöver, sedan göra dem layout. Sedan skapar en motor på PHP och MySQL, efter fallet Admin-panel och slutligen den färdiga webbplats ligger på Internet.

Adressen till webbplatsen i denna kurs: http://storedvd.minhtml.se

All site skapas på dina ögon, så att du enkelt upprepa hela processen för att skapa en sofistikerad funktionell plats redan i utvecklingen av sin portal.

Mer..

Skapa tabeller i HTML

Skapa tabeller i HTML

I den här artikeln kommer du att introduceras till den viktigaste punkten när du skapar din webbplats - tabeller!

Jag tror att du har uppmärksammat det faktum att i tidigare artiklar vi inte engagera sig i linje, om inte, naturligtvis, med undantag för vänsterjusterad , mitten och höger kant av webbläsaren. Egentligen är detta helt otillräckliga för en vacker sida design. Ett slående exempel - vårt formulär som vi skapade i föregående artikel. Såsom kan ses, är formen MYCKET OJÄMN. Här, precis för att anpassa sidelement mer exakt än vid kanterna av borden webbläsare och html tabeller.

Låt oss först skapa en enkel HTML-tabell.

Men innan vi gör det, låt oss återställa den kod som vi lämnade efter skapandet av form, dvs den här: Skapa ett HTML-formulär

Principen för att skapa tabeller i html är att ett bord, och sedan skapat en sträng, då alla kolumner i en given rad, sedan nästa linje över alla de vanliga kolumner denna linje, och så vidare.

Tabellen skapas med hjälp av tagg <table>, och slutar med taggen </table>. Detta tror jag är klar. Bordet har rader och kolumner, så måste du skapa dem. Nu, i enlighet med principen om att skapa tabeller, måste du skapa en sträng. Strängen skapas med hjälp av taggen <tr>. Följaktligen signalledningen till änden är slutet taggen </tr>. I taggen <tr> behöver för att skapa kolumner som skapas med hjälp av taggen <td>. Och inom denna tagg är de element som ska placeras inom en given cell. När alla elementen lagt, är det möjligt att täcka kolonnen med användning av </td> taggar. Därefter öppnar en ny tagg <td>. Det placeras åter element, stänger därefter </td>. Detta är en signal till änden av den andra kolumnen. Och så vidare, så många kolumner som du behöver. Vid slutet av raden stänger taggen </tr>. Då nästa rad och så vidare. Och allt slutar med den avslutande taggen </table>.

För att göra det tydligare, låt oss bilda omedelbart efter följande rad skriver:

<table>
  <tr>
    <td>(1, 1)</td>
    <td>(1, 2)</td>
  </tr>
  <tr>
    <td>(2, 1)</td>
    <td>(2, 2)</td>
  </tr>
</table>

Här har vi skapat en tabell som består av två rader (två taggar <tr>) och två kolumner (två taggen <td> i varje tagg <tr>). Som medlem bestämde jag mig för att ta en vanlig text i en cell koordinater. Följaktligen är den första siffran radnummer, och den andra - kolumnnumret. Det var ett levande exempel på tabellen.

Nu ska vi prata om attribut. Först attribut taggen <table>.

1) Attribut "border", vars värde anger en tjocklek av ram i pixlarna i tabellen. Som standard ram alls. Låt oss sätta detta attribut till "2".

2) Attribut "width" och "height" ställa in bredden och höjden av tabell, respektive. Kan specificeras storlek i absoluta enheter (pixlar, px), och relativa (procent,%). Den relativa storleken än nytta, är det faktum att han alltid anpassa sig till alla användarens skärmupplösning och alla webbläsare. Och den absoluta bra att på alla webbläsare och alla upplösning monitor kommer inte överraskande design, såsom de som förknippas med stretching element (om bredbildsskärm , till exempel). Hur man väljer: du bestämmer, men jag personligen föredrar generellt den relativa storleken, ibland späda absolut, beroende på situationen. Låt oss sätta värdet på attributet "width" och "height" med "30%".

Jag tror att du gav tillräckligt med attribut. Således <table> tag ser ut så här:

<table border="2" width="30%" height="30%">

Titta i webbläsaren, det ser ut som vårt bord i dag.

Nu ska vi prata om attributen för taggen <tr>:

1) "height" attribut. Notera att <tr> -taggen finns ingen attributet "width", är det emellertid logiskt, eftersom <tr> -taggen är ansvarig för den linjen, och följaktligen för höjden. En bredd av kolonnerna möts.

Egentligen är även attributet "height" egentligen inte något och används, så att vi kan säga att attributen för taggen <tr> och inte närvarande.

De rikaste i antalet attribut är taggen <td>, som ansvarar för cellen i tabellen:

1) "width" attributet. Förklaringen är densamma som för taggen attributet <tr>. Således attributet "height" no.

2) Attributet "colspan". Detta attribut anger antalet kolumner upptas av denna cell. Sätta detta attribut är inställt på "2", där vi har koordinaterna "(1, 1)." Omedelbart se resultatet.

3) Attributet "rowspan". Detta attribut anger antalet rader upptas av denna cell. Sätta detta attributvärde är "2", där koordinaterna "(1, 2)." Omedelbart se resultatet.

4) Attributet "align". Värdet av detta attribut indikerar inriktningselementet inom den horisontella cellen. Det finns tre värden: "left" (vänster motiveras), "center" (i mitten), "right" (höger). Standard är vänsterjusterad. Låt för att inrikta koordinaterna för "(1, 1)" i mitten, och koordinaterna "(2, 1)" till höger. Titta på resultatet.

5) Attribut "valign". Värdet av detta attribut är inom inriktningselementet vertikalt cell. Återigen, det finns bara tre värden: "top" (överst), "middle" (i mitten), "bottom" (på undersidan). Standardvärdet är "middle". Låt oss ändra attributvärdet för ett element "(2, 1)" på "top". Och posten "(2, 2)" leveransvärdet "bottom". Omedelbart se resultatet.

På detta sätt har din tabell HTML-kod:

<table border="2" width="30%" height="30%">
  <tr>
    <td colspan="2" align="center">(1, 1)</td>
    <td rowspan="2">(1, 2)</td>
  </tr>
  <tr>
    <td align="right" valign="top">(2, 1)</td>
    <td valign="bottom">(2, 2)</td>
  </tr>
</table>

I grund och botten, teorin om allting. Men i praktiken måste du lära dig att tillämpa denna kunskap. Och som en praxis, är vi nu att rikta in vårt formulär. Till att börja radera alla taggar <br>, för nu en ny linje kommer vi att behöva flytta taggen <tr>.

Nu sätter allt innehåll i form till tabellen, det vill säga omedelbart efter <form> taggen skriva taggen <table> och omedelbart före taggen </form> stänga tabellen med </table> tag (inte glömma att principen om häckande!). Jag rekommenderar att sätta tidsramen vid bordet för att se hur allt är i linje, och det totala utrymmet mellan tabellelement delas.

Nu varje rad former placeras i en separat tagg <tr>. Och göra två kolumner: den första för beskrivning av objektet och den andra för det mesta formulärelement . Och så gör vi tills <textarea>.

Med textområde gör det: första, en förklaring (nedan kommer att hänvisa till etiketten) möjlighet till en enda rad, med en bredd av gör i två kolumner. Textruta i nästa rad i tabellen, och även bredden på två kolumner. Dessutom linje med märket, och textområdet i mitten.

Vidare allt placeras i en rad och en cell, men bredden av denna cell kommer att vara i två kolumner.

Det är allt du behöver veta för att framgångsrikt använda tabeller, och då endast behöva fylla sin hand. Jag kan säga detta: tabell över de vanligaste funktionerna för att skapa HTML-sidor och utan dem inte kan göra nästan alla platser. Men tabeller och det svåraste ämnet i grundläggande kunskaper om HTML, vilket är nödvändigt för absorption av praktiken, samt att bli av med stereotypen att elementet i tabellen endast kan vara text (så, så vi har lärt i skolböcker och i livet i allmänhet). Och när du bli av med denna stereotyp och inse att en medlem kan vara underförstått inte bara text utan även bilder, länkar, formulär, formulärelement, och även hela tabellen, då kan vi anta att jobbet är gjort.

Med vänliga hälsningar, Farhod Samatov

P.S. Om du vill veta mer om HTML, så kolla in min gratis kurs med exempel på att skapa en webbplats HTML: https://srs.minhtml.se/html

Kopiering av material är endast tillåtet med författaren (Farhod Samatov) och indexeras direkt länk till din webbplats (https://minhtml.se)!

Lägger till mina vänner Linkedin: https://www.linkedin.com/in/farhod-samatov.
Om du vill utvärdera mig och mitt arbete och sedan skriva det i min grupp: https://www.linkedin.com/in/farhod-samatov.

Om du har några frågor, eller om du har en önskan att tala ut om den här artikeln, kan du lämna en kommentar längst ner på sidan.

Rekommendera artikeln till en vän:

Om du gillade platsen, länken till den (på din webbplats, forum, i kontakt)

  1. Textlänk :

    Det ser ut så här: Hur man skapar din webbplats

  2. BB-kod referens för indexet (till exempel kan du lägga den i signaturen):

Kommentarer (0):

För att lägga till en kommentar genom att logga in i systemet.
Om du ännu inte är registrerad på platsen, måste du först registrera.