Jump to content

Welcome to OG-Times.ro - Old memories always the best!
Register now to gain access to all of our features. Once registered and logged in, you will be able to create topics, post replies to existing threads, give reputation to your fellow members, get your own private messenger, post status updates, manage your profile and so much more. If you already have an account, login here - otherwise create an account for free today!

Anunţuri Importante

[ANUNŢ] Update-urile efectuate pe serverele OG-Times le puteti gasi accesand Server Updates.
[ANUNŢ] Blogul OG-Times este online. Va invitam sa il vizitati la adresa blog.og-times.ro.
[IMPORTANT] Sfaturi pentru a nu cadea in plasa celor care fura conturi: click aici.
[IMPORTANT] Aplicatia OG-Guard a fost lansata. Mai multe informatii aici. Recomandam citirea topicului inainte de activarea autentificarii in doi pasi.

Photo

[SERIE] Tutorial HTML - Comenzi si reguli de baza


  • This topic is locked This topic is locked
3 replies to this topic

#1
qAndrei - I miss you Asaf

qAndrei - I miss you Asaf

    Advanced Member

  • account_circle
    Premium User
  • I have 101 Posts
  • My id is #13300
  • 07-March 17
  • 5 reputation points
  • qAndrei_

  • Hey, you!
    Wanna be friends?

    First Words
    Salut! In acest tutorial o sa va invat cateva chestii de baza in HTML, simple, dar folositoare. Acest tutorial cuprinde: tutoriale text, imagini, link-uri si altele. Lasa si tu un 1+ daca te-am ajutat!((ATENTIE! INTR-UN COD HTML INTRODUCEM UNUL CSS))
     
    TEXT:
     
    Un titlu se adauga folosindu-ne de "<h1> si </h1> ".
     
    Intre <h1> si </h1> se adauga un text. Exemplu: <h1>TUTORIAL HTML BY ZENON/MIHAY111</h1>. Orice comanda, dupa ce o deschidem (ex: <p>), se inchide cu "/"(ex:</p>).
     
    Acum o sa va arat cum sa ii dati o culoare textului. 
     
    <h1 class:"color blue">TUTORIAL HTML BY ZENON/MIHAY111</h1> --> asa se va schimba culoarea textului. ((ATENTIE! DACA VREM SA ADAUGAM UN SUBTITLU, FOLOSIM <h2> si tot asa))
     
    Acum o sa va arat cum sa adaugati un paragraf, folosindu-ne de <p> si </p>.
     
    <p>TEXT DORIT</p>
     
    ----------------------------------------------------------------------------------------------------------------------------------
     
    Acum o sa va arat cum sa adaugati o imagine.Ne folosim de:
     
    <img src="link imagine"> --> src= link imagine.
     
    Urmatoarea setare ne va ajuta sa setam marimea imaginii si sa adaugam margine imaginii:
     
    <img class=".smaller-image thick.reclama.border." > --> ''reclama' putem schimba cu ce culoare vrem, ''smaller'' cu ''larger'' etc.
     
     
     
    Acum o sa va prezint un tutorial in care trebuie sa dam o marime imaginii, culoare textului intr-un stil mai complex, font si multe altele!
     
    Ne folosim de <style> si </style>.
     
    In aceasta comanda introducem setarile pe care le dorim.
     
    O sa va arat:
     
    1.Cum sa dati culoarea unui text mai complex si mai util, marime, font.
     
    2.Cum sa dai o marime unei imagini.
     
    3.Cum sa adaugi o margine unei imagini.
     
    ------------
     
    1.
     
    Intai trebuie sa avem <h1 class:"blue-text">TUTORIAL HTML BY MIHAY111</h1> --> de ''blue-text o sa ne folosim, iar in loc de ''blue'' puteti adauga alta culoare.
     
    <style>
     
      .blue-text {
     
        color: blue;  --> cu { deschidem si cu } inchidem o setare
     
     
     
    }
     
    h1 {
     
       font-family: Courier New; --> asa selectam font-ul unui text, in loc de ''courier new'' punem ce font vrem
     
       font-size: 20px; --> asa selectam o marime  a scrisului, ''20'' puteti schimba cu ce nr vreti
     
    }
     
     
     
    <h1 class:"blue-text">TUTORIAL HTML BY ZENON/MIHAY111</h1>
     
    2 + 3.
     
    <style>
     
        .smaller-image {
     
            width: 100px; --> ''100'' putem schimba cu ce nr vrem     
     
    }
     
      .thick-reclama-border  {
     
       border-color: blue; --> asa punem culoarea
     
       border-width: 15px; --> marimea
     
       border-style: solid; --> tipul marginii
     
     
     
    }
     
     
     
    </style>
     
    -------------------------
     
    CUM SA ADAUGI UN LINK INTR-UN PARAGRAF:
     
    <p>Uite un <a href="reclama.ro"> link </a> catre comunitatea reclama.</p> --> Intre <p> si </p> adaugam <a> </a>. In <a> adaugam link-ul (<a href="reclama.ro">), intre <a> si </a> adaugam textul pe care vom apasa ca sa ne trimita pe site-ul adaugat, iar intre </a> si </p> adaugam un text (nu va mai fi link, doar ce se afla intre <a> si </a> este link). 
     
     
     
    CUM SA ADAUGI UN BUTON:
     
    Ne folosim de <button>TEXT CARE VA APAREA PE BUTON</button>
     
    iar daca vrem sa adaugam un link pe care vom fi dusi cand apasam butonul:
     
    <a href="reclama.ro"><button>reclama.RO</button></a>
     
    Cum personalizez?
     
    <style>
     
    button{
     
      background-color: o poti lua dupa colorpicker.com;
        border: none; - margine
        color: white; - culoare
        padding: 15px 32px; - marime
        text-align: center; - cum sa fie textul, gen aliniat
        text-decoration: none; - infrumusetare text
        display: inline-block; 
        font-size: 16px; - marime font
    }
    </style>
     
     
     
     
    ACESTEA SUNT LUCRURILE PE CARE EU LE CONSIDER DE BAZA IN HTML. SPER CA V-AM AJUTAT!
     
    RECOMAND SUBLIME TEXT 3 PENTRU A LUCRA IN HTML ===>> www.sublimetext.com/3
     
    (CA SA LUCRATI IN HTML, DUCETI-VA LA "VIEW" >> "SYNTAX" >> "HTML")






    • 1

                                                        zjf8SOE.png

     

                                                VxpSfBN.png
                                                                  VSbbf3h.png
                                                 VxpSfBN.png
     
     
                
                                                 
                   

                                                                   


    #2
    retrass -

    retrass -

      RETRAS

  • account_circle
    Premium User
  • I have 334 Posts
  • My id is #27180
  • 03-May 18
  • 190 reputation points

  • Hey, you!
    Wanna be friends?

    LEGEND

    foarte interesant, multumim.







    • 0

    #3
    Freezyyy

    Freezyyy

      Advanced Member

  • account_circle
    Member
  • I have 37 Posts
  • My id is #18777
  • 16-August 17
  • 0 reputation points
  • Freezyyy

  • Hey, you!
    Wanna be friends?

    First Words

    Util, multumesc!







    • 0

    XbWA8so.gif


    #4
    VladS.DauPentruMaia

    VladS.DauPentruMaia

      Veteran | Moderator IT

  • account_circle
    Moderator IT
  • I have 762 Posts
  • My id is #15129
  • 29-April 17
  • 42 reputation points
  • VladS

  • Hey, you!
    Wanna be friends?

    Word Crusher

    Topic closed, acesta are mai mult de 7 zile vechime.







    • 0

    Retras de pe SA:MP temporar, pana in iunie. Multumesc pentru toate momentele frumoase, cine doreste sa vorbim imi poate da PM pe forum sau sa imi scrie(gasiti datele mele pe profil)

    qlf37Dm.jpg?1aZT1ook.png

    rzBdkZJ.png?1   9nCjKhI.png

    aZ9tAxJ.png

     

    sznC14W.jpg?1

    9EUmPlB.png

    zO8HXAG.png

     

    MxbD424.png - Server fantoma





    0 user(s) are reading this topic

    0 members, 0 guests, 0 anonymous users

    Comunitatea a fost infiintata pe data de 28.12.2015, ora 19:00 cu scopul de a atrage cat mai multi pasionati de gaming.
    Designed by Shady | OG-Times | 2018
    keyboard_arrow_up