Scribd Logo
Hochladen

Willkommen bei Scribd!

  • HTML

    Hochgeladen von

    Irina Filip
    9 Ansichten2 Seiten

    Originaltitel

    html.txt

    Copyright

    © © All Rights Reserved

    Verfügbare Formate

    TXT, PDF, TXT oder online auf Scribd lesen

    Stufen Sie dieses Dokument als nützlich ein?

    Sind diese Inhalte unangemessen?

    Dieses Dokument melden

    Copyright:

    © All Rights Reserved
    Als TXT, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    9 Ansichten2 Seiten

    HTML

    Hochgeladen von

    Irina Filip

    Copyright:

    © All Rights Reserved
    Als TXT, PDF, TXT herunterladen oder online auf Scribd lesen
    Markieren Sie unangemessene Inhalte
    von 2

    <p>ceva</p> -paragraf separat de restul textului

    <h1>ceva</h1>- un fel de titlu (heading)


    1-primul heading
    <span>ceva</span>-una dupa alta
    <div><element>content</element></divs> - sunt folosite pentru a grupa mai multe
    elemente
    <p(de exemplu)><em>text</em></p>-<em> face textul italic
    <strong>ceva</strong>- face textul ingrosat
    Cum faci site-ul in sine:
    This template can be broken down into 3 parts:

    DOCTYPE: Describes the type of HTML. While there are technically different
    types, for 99.999% of the HTML you'll write, you’ll likely be fine with <!DOCTYPE
    html>.
    <head>: Describes meta information about the site, such as the title, and
    provides links to scripts and stylesheets the site needs to render and behave
    correctly.
    <body>: Describes the actual content of the site that users will see.
    <!DOCTYPE html>
    <html>
    <head>
    informatii meta
    </head>
    <body>
    contentul care sa il vada vizitatorul
    </body>
    </html>

    <button>ce sa scrie pe buton</button>- face un buton


    The HTML <ul> element represents an unordered list of items, typically rendered as
    a bulleted list.
    The HTML <li> element is used to represent an item in a list.

    This is the format that you must use when you make hyperlinks! Note:

    There is a space between a and href.


    There are no spaces around the =.
    The website has two " around it.
    There are no spaces between the href attribute and the > of the opening tag.
    <a href="https://www.udacity.com">Udacity(cum va aparea pe site linkul)</a>

    An image is made with an <img> element. It looks like so:

    <img src="http://somewebsite.com/image.jpg" alt="short description">


    The source attribute, src, is like the href of a link - it is the URL of the
    image you want to display. For now, your images will need to be hosted online,
    which means that
    the URL will need to start with http:// or https://. You'll learn about another way
    to set image source in the next exercise. The alt attribute stands for "alternative
    description," which is important for people who use screen readers to browse the
    web. This is text that will show up in lieu of the actual image.(void element)
    <b></b>-face textul bold
    <i></i>-face textul italic
    <title></title>-pui titlu la pagina
    <meta charset="UTF-8";name="description" content="descrierea ta" >-pui o informatie
    meta
    <hr/>-adauga o linie orizontala
    <br/>-adauga un spatiu
    <big></big>-face textul mai mare
    <small></small>-face textul mai mic
    <sub></sub>-pune contentul in coltul de jos
    <sup></sup>-pune contentul in coltul de sus
    <!-- --> :comentariu
    <body style="background-color:blue;>-backgrroundul site-ului va fi albastru
    <p style="color:blue; background-color=red;">text</p> -cuvantul 'text' va aparea cu
    albastru si backgroundul va fi rosu
    <header></header>-partea de sus al site-ului
    <main></main>-partea centrala al site-ului
    <footer></footer>-partea de jos al ste-ului
    <nav></nav>-elemente de navigatie (linkuri,pagini)
    <article></article>-aici iti scrii articolul
    <section></section>-aici scrii o sectiune al site-ului/articolului
    <aside></aside>-aici pui ceva ce nu are legatura cu site-ul
    <a href="http://www.google.com" target="_blank">Google website</a>-acel target iti
    va deschide linkul pe alta pagina
    <a href="page2.html(daca se afla in acelasi folder)">Pagina a doua</a>-ma va duce
    pe alta pagina al site-ului
    <a href="dir1/page2.html"></a>-daca se afla in alt folder(dir1 este numele
    folderului)
    <a href="pozanume.extensie"></a>-creaza un link catre o poza,un document,sau
    altceva
    <img src="poza.jpg"/>-arata o poza de pe calcualtorul tau
    <img width=" " height=" " src="poza"/>-cu width si height modifici marimea pozei
    (este recomandat sa pastrezi rezolutia,daca nu, imaginea va fi distorsionata)
    (daca pui doar width sau height-ul site-ul va redimensiona imaginea astfel incat sa
    fie buna)
    Poti pune imaginea intr-un link si apoi daca apesi pe ea te va trimite pe un link
    pe care l-ai pus in <a></a>
    <video src="link sau locatia de pe pc al video-ului" controls(poti sa controlezi
    video-ul)>In caz ca nu merge ceva scrii aici ce erda de fapt</video>-arata
    un videoclip si pot schimba si marimea videoclipului
    Daca pun tagul poster="thumbnail.extensie" in tagul de mai sus pot schimba
    thumbnailul video-ului
    Daca scriu autoplay va porni singur
    Daca scriu loop o va lua de la capat cand se termina video-ul
    Poti sa adaugi si de pe YT daca apesi pe share si apoi pe embed
    <ol></ol>-lista ordonata(poti scrie <ol type="cum vrei sa ordoneze"></ol>)
    <ul></ul>-lista neordonata(arata doar niste puncte)
    In interiorul lor trebuie sa pui<li></li> care reprezinta obiectele din lista ta si
    poti pune o lista intr-o lista
    <dl></dl>-description list
    <dt></dt>-desccription term care se pune in description list
    Poti pune un dd in alt dt,iar <dd></dd> inseamna descrierea descrierii sau cv de
    genu

    Das könnte Ihnen auch gefallen