Scribd Logo
Загрузить

Добро пожаловать в Scribd!

  • Creareapaginilorweb

    Загружено:

    Adriana Cernei
    2 просмотров19 страниц
    limbajul HTML

    Оригинальное название

    creareapaginilorweb

    Авторское право

    © © All Rights Reserved

    Доступные форматы

    PPT, PDF, TXT или читайте онлайн в Scribd

    Этот документ был вам полезен?

    Это неприемлемый материал?

    Пожаловаться на этот документ
    limbajul HTML

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PPT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    2 просмотров19 страниц

    Creareapaginilorweb

    Загружено:

    Adriana Cernei
    limbajul HTML

    Авторское право:

    © All Rights Reserved
    Скачайте в формате PPT, PDF, TXT или читайте онлайн в Scribd
    Отметить как неприемлемый контент
    из 19

    Crearea paginilor Web

    Noiuni introductive
    Pagina Web

    Cod surs

    Limbajul
    H.T.M.L.
    Cernei Adriana

    Cuprins
    Limbajul H.T.M.L.
    Editarea unui document H.T.M.L.
    Operaii de baz
    Structura unui document H.T.M.L.
    Parametrii marcajului <BODY></BODY>
    Formatarea textului ntr-o pagin Web
    Formatarea paragrafelor
    Test de evaluare
    Bibliografie

    Limbajul H.T.M.L.

    HYPER TEXT MARKUP LANGUAGE (limbaj de marcare a hipertextului)


    - este un limbaj pentru descrierea unui document Web, n care
    fiecare element este marcat prin semne speciale ale limbajului
    numite Taguri.
    H.T.M.L. a fost conceput n anul1989 de Tim Berners-Lee,
    liceniat la Oxford, pe atunci fizician. Fiind i expert n software,
    Berners-Lee e acum director al World Wide Web Consortium ( pe
    scurt, W3C ), adic al organizaiei care coordoneaz dezvoltarea
    web-ului.
    Sintaxa oricarui tag este:
    <TAG atribut1="val" atribut2="val">Text</TAG>
    Hipertext este un text mbogit. El conine:
    - text obinuit;
    - etichete pentru formatarea textului i ncapsularea altor tipuri de
    informaii (salturi rapide ctre alte resurse de informaii, sunete,
    imagini, filme, etc).
    Hipertextul este stocat n fiiere avnd o extensie special: .htm sau
    html.

    Noiunea de Hipertext
    Hipertextul nu face dect s creeze legturi ntre mai multe pagini
    Web pe o poriune de tip text. Hipermedia este un termen ce a aprut ca
    urmare a dezvoltrii noilor tehnologii i a posibilitii de a crea legturi
    prin fiiere ce conin: animaie, sunet, film, imagine.
    Hipertextul i hipermedia permite stocarea unei cantiti mari de
    informaie, iar utilizatorului i ofer posibilitatea parcurgerii documentului
    respectiv n ce ordine dorete, dndu-i senzaia de navigare ntr-un spaiu
    virtual. De aici vine i sintagma: a naviga pe Internet.
    Paginile Web au fost construite iniial cu ajutorul unui limbaj de
    marcare a hipertextelor, numit HTML (HyperText Markup Language).
    Acesta conine comenzi care-i transmit browser-ului s afieze text,
    imagini, fiiere multimedia i legturi cu alte pagini Web.
    Mai multe pagini Web conectate ntre ele prin hiper-legturi ce au
    un subiect comun, formeaz un site Web.

    Editarea unui document


    HTML
    Pentru editarea unui
    document
    Html
    putem folosi editorul
    de text Notepad sau
    un editor specializat
    n crearea paginilor
    Web.
    Se lanseaz n execuie
    editorul Notepad, se
    scrie codul surs i se
    salveaz cu extensia
    .html

    Operaii de
    baz
    Deschiderea unui document Html
    se poate face astfel:
    Se deschide editorul de texte
    Notepad i se alege din meniul File
    (Fiier) opiunea Open (Deschide);
    va aprea o caset de dialog cu
    ajutorul cruia utilizatorul caut
    documentul ce urmeaz a fi
    deschis;
    Se execut clic dreapta pe iconia
    fiierului i se alege opiunea Open
    With(Deschide cu) Notepad;
    Se deschide pagina html si se
    alege opiunea Source (Surs) din
    meniul View (Vizualizare);

    Structura unui
    document H.T.M.L.
    Un document H.T.M.L. conine
    marcajele <Html></Html>,
    marcaj ce definete documentul
    ca fiind de tip Html i cuprinde
    dou pri:
    Antetul paginii Seciunea Head
    (cuprins ntre <Head> i
    </Head>) conine antetul paginii.
    Ea furnizeaz titlul paginii, cuprins
    ntre marcajele <Title> i </Title>.
    Corpul paginii Seciunea Body
    (cuprins ntre <Body> i
    </Body>). n aceast seciune se
    definete practic pagina Web.

    Parametrii marcajului
    <BODY></BODY>
    Marcajul <BODY>
    </BODY> ncadreaz
    coninutul propriu-zis al
    paginii, avnd urmtoarele
    atribute: bgcolor, background,
    text, link, vlink, alink;
    Atributele bgcolor /
    background ncadreaz o
    culoare de fond sau o imagine
    ca fundal pentru pagina Web.
    Sintaxa este: <body
    bgcolor=pink> sau <body
    background=didactic.jpg>

    CULOARE

    DENUMIR

    VALOARE

    #rrggbb

    NEGRU

    BLACK

    #000000

    ALB

    WHITE

    #FFFFFF

    ROU

    RED

    #FF0000

    ARGINTIU

    SILVER

    #C0C0C0

    GRI

    GRAY

    #808080

    CASTANIU

    MAROON

    #800000

    VERDE

    GREEN

    #008000

    GALBEN

    YELLOW

    #FFFF00

    ALBASTRU

    BLUE

    #0000FF

    VERNIL

    LIME

    #00FF00

    MSLINIU

    OLIVE

    #808000

    ALBASTRU

    NAVY

    #000080

    MARIN

    Exemplu

    Formatarea textului ntr-o


    pagin Web
    Stabilirea stilului fonturilor se face cu ajutorul tag-ului
    <Font></Font> cu atributele:
    - Face pentru stabilirea fonturilor, avnd sintaxa
    <font face=Tahoma Utilizm fontul Tahoma></font>;
    - Size pentru stabilirea dimensiunii fonturilor, avnd
    sintaxa<font size=2 Acest text are mrimea1></font>;
    - Color pentru stabilirea culorii fonturilor, avnd
    sintaxa <font color=red Acest text este rou> </font>;
    Stabilirea elementelor de stil se face cu ajutorul tagurilor <I></I>, <B></B>, <U></U>, <S></S>,
    avnd ca efect nclinarea, ngroarea, sublinierea i
    tierea textului cu o linie.

    Alte elemente de stil


    Tag-ul em(emphasized)

    <p><em> Acest text este evideniat italic></em></p>


    Tag-ul strong

    <p><strong> Acest text este evideniat


    ngroat></strong></p>
    Tag-urile small,big

    <p> Ultimul cuvnt este mai<small> mic</small>></p>


    <p> Ultimul cuvnt este mai<big> mare</big>></p>
    Tag-urile sub, sup

    <p> Ultimul cuvnt este un<sub> indice</sub>></p>


    <p> Ultimul cuvnt este o<sup>putere</sup>></p>

    Exemplu

    Formatarea
    paragrafelor
    n Notepad, wordPad, Microsoft Word paragrafele se separ prin
    tastarea unui Enter, n schimb, n HTML, Enter-ul nu are nici un
    efect.
    Fr o alt comand, un rnd al unui paragraf are limea
    ferestrei afiat de browser. De exemplu, dac micorm fereastra
    browser-ului acelai paragraf va ocupa mai multe rnduri.
    Dac dou cuvinte ale unui paragraf sunt separate prin mai
    multe spaii, browser-ul afieaz doar un singur spaiu.
    n HTML delimitarea paragrafelor se realizeaz utiliznd tag-ul
    <p> coninut paragraf </p> avnd urmtoarele atribute:
    Align - controleaz alinierea paragrafului. Poate lua una din
    valorile:
    Center - paragraful este aliniat n centru.
    Left - paragraful este aliniat la stnga.
    Right - paragraful este aliniat la dreapta.
    Justify - paragraful este aliniat la ambele margini.

    Test de evaluare
    1. Care este marcajul care definete corpul documentului de
    tip HTML?
    <HEAD> </HEAD>
    <BODY> </BODY>

    <HTML> </HTML>

    2. Care este extensia unui document HTML?


    .xlp

    .html

    .exe

    3. Care sunt marcajele obligatorii ntr-un document HTML?


    HTML, HEAD, BODY

    HTML, TITLE, TABLE

    HEAD, TITLE, BODY

    4. Care este marcajul folosit pentru trecerea la o linie nou?


    <B>

    <S>

    <P>

    5. Care este marcajul care trebuie folosit pentru a sublinia un


    text?
    <B>
    <I>
    <U>
    7. Atributul ALIGN se poate utiliza n marcajele:
    <BODY>
    <P>
    <S>
    8. Atributele controlului "Font" sunt:
    Face, color, width
    Face, BG
    Face, size, color
    9. Elementul BODY admite urmtoarele atribute:
    TITLE
    BGCOLOR
    BIG

    n loc de concluzii:
    Paginile Web au urmtoarele caracteristici:
    sunt multimedia, adic ele conin informaii
    sub form de text, imagini, sunete, filme
    etc;
    sunt interactive, adic rspund la cererile
    utilizatorului;
    sunt independente de platforma hardware i
    software, adic se vd la fel pe orice
    calculator, avnd instalat orice sistem de
    operare i utiliznd orice browser.

    Bibliografie
    http://www.didactic.ro/files/12/notiunidelimbajhtml1.doc
    http://www.didactic.ro/lectii-informatica-12-elementele-unei-pagini-web-editarea-html-p370
    63-t0
    http://www.didactic.ro/lectii-informatica-12-formatarea-documentelor-html-p37060-t0
    http://www.didactic.ro/files/12/html_structura_unei_pagini.doc
    http://www.didactic.ro/files/12/0formatarea_textului_dintr_o_pagina_web.pps#2
    http://www.didactic.ro/files/12/0html_introducere.pps#4
    http://www.didactic.ro/files/12/cum_functioneaza_paginile_web.pdf
    http://www.didactic.ro/lectii-informatica-12-notiuni-de-html-p2690-t0
    http://www.ecursuri.ro/cursuri/html-introducere.php
    http://www.htmlcodetutorial.com
    http://grafica.lufo.ro/
    http://www.etutoriale.ro/articles/112/1/Tutorial-complet-HTML/

    Вам также может понравиться