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

    Prea bolnav să muncească prea fricos să fure.

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

  • Hey, you!
    Wanna be friends?

    Paparazzi
    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
     aZT1ook.png                   VSbbf3h.png               aZT1ook.png
                                                 VxpSfBN.png
     
     
                
                                                 
                   

                                                                   


    #2
    deliKGB

    deliKGB

      G O D

  • account_circle
    Premium User
  • I have 853 Posts
  • My id is #27180
  • 03-May 18
  • 533 reputation points
  • deliSERiFU

  • Hey, you!
    Wanna be friends?

    BEAST

    foarte interesant, multumim.







    • 0

    mafii la care am ajutat la colorat cubuleţe

    Spoiler

    #3
    Freezyyy

    Freezyyy

      Advanced Member

  • account_circle
    Member
  • I have 38 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

    VladS

      Veteran | Moderator IT | Laravel Developer

  • account_circle
    Member
  • I have 837 Posts
  • My id is #15129
  • 29-April 17
  • 49 reputation points
  • VladS

  • Hey, you!
    Wanna be friends?

    BEAST

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







    • 0

    voK8izO.png

    qlf37Dm.jpg?1aZT1ook.png

    rzBdkZJ.png?1   9nCjKhI.png

    aZ9tAxJ.png

    fNnXDjQ.jpg

    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