Ne face pagina HTML și text format

Acum, înapoi la subiectul principal. Deschidere creat în ultimul tutorial pagina HTML în Notepad sau Notepad.

Acum este scris fraza „Hello World!“, Este negru, situat pe partea stângă pe fundal alb. Și dacă vrem să fie în mijloc, o mare litere galbene pe un fundal albastru? Pentru a face acest lucru, tag-uri sunt atribute speciale. Pur și simplu explica în practică.

Pasul 1: schimba fundalul html-pagini și culoarea textului

Pentru a face acest lucru, vom adăuga codul nostru în tag-ul Următoarele atribute - bgcolor = "albastru" text = "galben". Aici bgcolor - atributul care este responsabil pentru culoarea fundalului paginii, și albastru - valoarea (în cazul nostru - albastru, dar puteți face și roșu - roșu, și verde - verde, precum și orice alte). Atributul de text specifică culoarea textului documentului, sensul său galben - galben.

Prima mea pagina de Bună ziua!

Lansarea browser-ul dvs. (ca în etapa 3 din prima lecție), acum este pagina ta arata ca acest lucru:

Sunt de acord că fundalul albastru este prea luminos, este bine pentru a face palid. Pentru a face acest lucru, să vorbim un pic despre modul în care setarea de culoare.

În HTML, există două posibilități de a specifica culori: dupa nume (am profitat de ele) și o indicație a codului de culoare hexazecimal.

Cu numele de culoare (din 156) este simplu, uita-te la culorile tabel HTML corespunzătoare. Selectați dumneavoastră preferat și scrie numele în valoarea atributului (de exemplu, bgcolor = „albastru“).

Deci, schimba culoarea în atributul bgcolor pe albastru moale, iar culoarea textului - cel puțin luminoase.

Prima mea pagina de Bună ziua!

Actualizați-vă pagina HTML (Ctrl + F5) și a vedea rezultatul.

Pasul 2: Format text

Rețineți că atributele specificate în tag-ul acoperă întregul document, și anume, tot textul introdus va culoare acum liliac, care nu este foarte convenabil. Prin urmare, este mai bine pentru a elimina atributul de text al etichetei . apoi culoarea textului va fi verificată în mod implicit, și anume, negru. Și setați culoarea diferitelor părți ale textului în text mai bine.

Pentru a face acest lucru, vom adăuga câteva sugestii, le-a pus în tag-uri, și apoi uita-te la ceea ce fac.

Prima mea pagină

Acesta este un text simplu. Acest lucru este evidențiat cu caractere aldine.
Și acest lucru în italice.

Acest al doilea nivel de antet

Acest text este Arial, dimensiunea fontului - 5

Aceasta este a treia poziție de nivel

Acest text este Verdana, dimensiunea fontului - 2

Actualizați-vă pagina HTML (Ctrl + F5) și a vedea rezultatul.

Să analizăm codul de mai mult:

  • tag-uri

    etc. Acestea sunt numite antete. HTML suportă șase niveluri de titluri de la H1 la h6. H1 - cel mai important și cel mai mare, urmat în ordinea fontului și H6 descendent - cea mai mică și valoarea și mărimea fontului.
  • tag-uri gestiona fonturi. Pentru a face acest lucru, utilizați atribute:
    - Culoare - setează culoarea textului,
    - dimensiunea - specifică dimensiunea fontului (implicit este 3),
    - fata - tipul caracterelor fontului. În principiu, puteți indica aici orice font vă place, dar rețineți că pe calculatorul utilizatorului, acest font nu poate fi. Prin urmare, se recomandă utilizarea standardului: Times New Roman, Arial, Verdana și Tahoma.
  • tag-uri face text cu litere aldine.
  • tag-uri Text de afișare cu caractere cursive.
  • etichetă
    Textul începe pe o linie nouă. Rețineți că o singură etichetă, și anume Ea nu are o etichetă de închidere.

  • Utilizați aceste etichete cu atributele lor puteți oriunde în text, subliniind, atât oferta, cât și cuvinte individuale și chiar scrisori. Principalul lucru de reținut două reguli:

    1. În cazul în care există o etichetă de deschidere, acesta trebuie să fie închise.

    2. Observați etichetele de cuiburi. O etichetă care este deschis în primul rând, să fie închis ultima. De exemplu,

    În această a doua lecție este de peste. Ai învățat cum să lucreze cu text. În următoarea lecție, veți învăța cum de a decora imaginile din pagina HTML și aranja elementele de pe pagină.

    În cazul în care acest site a fost util pentru tine, vă poate ajuta în dezvoltarea sa prin punerea una dintre aceste link-uri către site-ul tau.