La fel de simplu ca tastând pagina de cod
Pagina mea personală
Bună ziua tuturor
Salvați fișierul și rulați-l printr-un browser, cum ar fi „Internet Explorer“.
Rețineți că pagina HTML conține atât text, cât și de markup plain comenzi (tag-uri sau tag-uri) sunt închise în paranteze unghiulare (<и>). De HTML tag-uri definesc regulile prin care browser-ul afișează documentul pe ecran.
Majoritatea tag-uri HTML, cum ar fi , , și altele necesită o comandă corespunzătoare simbolului </.> să-l închidă, că este sfârșitul echipei tag-ul.</p>
<p>Luați în considerare etichetele documentului nostru</p>
<p>Această etichetă este utilizată pentru a deschide documentul HTML. Fiecare etichetă de start Web-site- <HTML> și se termină cu eticheta de închidere </HTML>. <br><HEAD></p>
<p>Orice document HTML este format din cel puțin două părți: antetul și documentul în sine. Această etichetă definește titlul paginii web și ar trebui să fie eticheta de închidere obligatorie </HEAD>. De asemenea, un atribut obligatoriu al etichetei este o etichetă etsya <TITLE>. <br><TITLE></p>
<p>Fiecare document HTML are un nume închis între tag-uri <TITLE> și . Prin numele HTML browsere de documente pot găsi informații, astfel încât spațiul pentru numele este întotdeauna definit - este de mai sus și în afară de conținutul HTML documentului. Numele titlul ferestrei browser-ului, astfel încât acesta este constrânsă: lungimea maximă a numelui - 40 caractere.
Această etichetă conține documentul propriu-zis. De asemenea, are nevoie de o etichetă de închidere .
atribute tag-
Alegerea culorii poate fi produsă în două moduri: prin specificarea numele sau numărul de o anumită culoare pe schema de culori RGB (roșu, verde, albastru). Limbajul HTML acceptă următoarele nume de culori: AQUA, negru, albastru, fucsia, gri, verde, tei, Maroon, NAVY, măsline, PURPLE, rosu, argintiu, TEAL, alb, galben. RGB număr de culoare specificat de trei numere hexazecimale din două cifre, fiecare număr aparține unei inter-ax 00 la FF, și determină intensitatea culorii corespunzătoare. De exemplu, numărul de culoare #FFOOOO corespunde la culoarea roșie, deoarece are cea mai mare intensitate pentru roșu, verde și albastru și au o valoare zero. Funinginea, respectiv, numărul de #OOFFOO codifică camera verde și #OOOOFF - albastru. Culoarea albă este formată de saturație-TION a tuturor culorilor primare, și anume, numărul său de cod este #FFFFFF. În cazul în care absența completă a tuturor celor trei culori, puteți obține un complet negru (cod # 000000). Evident, folosind următoarea secvență de numere hexazecimale, este posibil să se obțină un număr foarte mare de culori. Pentru comoditate, cele șaisprezece bază culori și codurile și numele lor sunt listate în tabel. culori și coduri de culoare RGB RGB Cod culoare Nume Cod Nume negru # 000000 argint negru # sososo argintiu maro # 800000 maro roșu #FFOOOO roșu verde # 008000 var verde #OOFFOO var # 808000 de măsline #FFFFOO galben de măsline galben albastru închis primar # 000080 bleumarin #OOOOFF albastru albastru violet # 800080 violet fuchsia fuchsia #FFOOFF Turcoaz # 008080 Turcoaz aqua #OOFFFF Aqva # 808080 gray gray #FFFFFF alb alb
Acum încercăm să aplicăm noua cunoștințe în practică. Adăugați la atributele noastre pagina cu etichete
și un link către o pagină de pe Internet. Schimbați pagina de cod:
Pagina mea de start
Descrierea tabelelor în document HTML prin utilizarea unui container
. Eticheta TABLE este definită prin două recipiente:
.
- descriere rând de tabel și
. | - descriere celulă de tabel.
În mod implicit, textul din interiorul tabelului este aliniat la stânga, iar lățimea coloanei este determinată de cel mai lung element din coloană.
Luați în considerare exemplul unui tabel simplu:
tabel
Tabele Titlu.
|
Prima celulă din primul rând.
|
A doua celulă din primul rând.
|
Prima celulă din al doilea rând.
|
A doua celulă din al doilea rând.
|
Lățimea mesei este specificată de lățime = „“ Tag , și lățimea mesei poate fi setat în pixeli sau ca procent din lățimea ecranului. Conținutul fiecărei celule pot fi aliniate folosind align = „“ I atribut (poziție orizontală) și valign = „“ (poziție verticală) pentru etichetele sau .
Caracteristica valign = se poate lua următoarele valori „“: partea de sus - apăsate în sus, de jos - presat în jos și de mijloc - departe de centru și atributul align = ia următoarele valori „“: stânga - apăsați stânga, dreapta - să apăsați pe dreapta și centru - așezați în mijloc.
Atributele cellpadding = „“ Și cellspacing = „“ este determinată, respectiv, distanța în pixeli între limita celulei și conținutul său, precum și între celule.
Permis pentru a adăuga la masă, la un antet rând sau o coloană. etichetă , care este situat după eticheta , setează antetul la masa centrată în raport cu tabelul implicit. Cu ajutorul atributului align = „« sau valign =».“ Header poate fi plasat în partea de sus (de sus) sau de jos (de jos) și stânga (stânga) sau dreapta (dreapta) colțul mesei. antet țintă pentru un rând sau o coloană a tabelului se face cu ajutorul tag-ul | după eticheta | sau respectiv.
Atributul border = "" Tag atrage o casetă în jurul mesei și fiecare celulă, lățimea cadrului este specificată în pixeli. Trebuie avut în vedere faptul că atributele colspan = „“ Și rowspan = „“ Tag-uri | și | Acestea vă permit să combinați celulele tabelului din grupul, care este desenat în jurul cadrului.
de exemplu, tabelul
Două celule, combinate pe orizontală
|
Două celule, combinate vertical
|
nici o muchie din stânga
|
nici o muchie dreaptă
|
introducerea grafică
 alt = „fata visurilor tale“>
În HTML, există o etichetă specială pentru a indica browser-ul că textul într-un anumit loc (în cazul în care este eticheta) ar trebui să înceapă un nou alineat. Această etichetă este de aproximativ * semnificativ, după cum urmează: .
crearea de paragrafe
Acesta este primul paragraf. Este foarte mic, dar încă
Se afișează unele informații în ea.
Și acest lucru este al doilea.
Dacă doriți să inserați câteva rânduri goale în docu ment * este necesar să se folosească tag-ul
, pentru că browser-ul ignoră toate etichetele ulterioare <Р>, și sunt aranjate într-un rând după prima. Pentru etichetele de închidere tag-uri alineatul Ele nu sunt obligatorii, deoarece eticheta care indică începutul unui nou paragraf, în același timp, indică sfârșitul celui precedent.
Titlurile indică începutul secțiuni ale documentului. In HTML definite 6 nivele de titluri de la H1 la H6. Textul înconjurat de tag-uri <Н1>. , se dovedește mare - este titlul principal. În cazul în care textul este înconjurat de tag-uri <Н2>. , l Vaglen * DIT ceva mai mici (subtitrat); text în <НЗ>. încă mai puțin, și așa mai departe în sus <Н6>. .
Efectuarea de titluri
antet Al doilea nivel
subtitrare trei
Titlul celui de al patrulea nivel
Titlul de al cincilea nivel
Cel mai mic titlu
Pentru a alinia textul într-un document folosind atributul align, care vă permite să se alinieze textul la stânga sau la dreapta și de centru.
align = "left" - Aliniere la stânga.
align = "dreapta" - alinierea la dreapta.
align = "centru" - centrat.
În plus, centrarea de text sau grafice, puteți utiliza tag-ul , care Trier orice obiecte de preț *.
alinierea textului
Acest text este aliniat la stânga
Acest text este aliniat la dreapta.
Acest text este centrat.
Textul este, de asemenea, centrat, dar în acest
a fost folosit caz etichetă de centrare
Pentru a selecta text în HTML - documente de diferite stiluri de font pot fi folosite. Cu containerul <В>. Puteți seta caractere aldine, tag-uri , seturi de fonturi italic, containerul . seturi de caractere subliniate scris și tag-uri . - Lățime fixă font.
De asemenea, este posibil să se utilizeze în textul indicilor superioare și inferioare, respectiv, prin intermediul containerelor . și . . Formatarea Rezultatul va fi redusă și mutat în sus sau în jos textul. container de etichete . cruce afară de text printr-o linie orizontală. container de etichete . Acesta vă permite să afișați font de text mai mare. container de etichete . Acesta vă permite să vizualizați text într-o dimensiune de font mai mic.
Formatarea textului în HTML
Acesta este un text cu caractere aldine.
Se italice.
font Monospaced, sau cum este numit,
teletype.
line Gorieontalnaya este obținută prin utilizarea etichetei
De asemenea, este posibil să se utilizeze în text vepxnux
și inferior indici, respectiv.
Acest text este traversat de o linie orizontală.
Acest text este imprimat font mai mare.
Acest text este afișat mai mici.
Și acest text este subliniat.
Tag pre-formatare
Cum a fost posibil să se asigure că browserele se împart un text în rânduri în funcție de lățimea curentă a ferestrei. Fără îndoială, este foarte convenabil, dar, uneori, există situații când o partiție nu este de dorit, în special, pentru ilustrarea câtorva din cod. În astfel de cazuri, este posibil să se utilizeze un container
. . Închise în aceste etichete text va fi afișat în browser-ul, în același mod în care a fost înregistrată în sursă de pagini web.
Exemplu de tag-ul pre<br>formatarea
Mai jos este codul sursă al limbii va fi dat
Java, pentru crearea
o simplă fereastră cadru
// Exemplu ilustrează utilizarea
// pachet AWT pentru a crea simplu
// fereastra cadru
import java.awt * .;
fereastra de clasă publică
statice void main (String [] args) publice
<
Frame myWindow = new Frame ( "Window");
myWindow.setSize (400,200);
myWindow.show ();
>
>
Setați dimensiunea fontului
Hypertext Markup Language vă permite să setați dimensiunea fontului, care va afișa textul documentului. Dimensiunea fontului implicit este de 3, dar folosind tag-ul atributul size = „“, acesta poate fi folosit pentru a suprascrie dimensiunile relative de font și absolut.
Schimbă dimensiunea fontului.
font Pazmer este 7.
font Pazmer este 6.
font Pazmer este 5.
font Pazmer este 4.
font Pazmer este 3.
font Pazmer este 2.
font Pazmer este 1.
În plus față de valorile absolute in dimensiunile HTML font pot fi utilizate și dimensiunile relative. Dacă eticheta setați dimensiunea egală cu orice număr, browser-ul va utiliza dimensiunea specificată ca bază. În mod implicit, valoarea de bază este egal cu trei. În ceea ce privește această dimensiune de bază, puteți specifica dimensiunea fontului textului, care este închis într-un container de etichete . Este suficient pentru a atribui dimensiunea atributului una dintre următoarele:
+1. 7 - Creșterea fontului pentru numărul specificat de unități în raport cu mărimea de bază;
-1. -7 - font pentru scăderea numărului specificat de unități în raport cu mărimea de bază.
Schimbarea dimensiunii fontului relativă
Text simplu. Dimensiunea sa absolută este de 3.
Instalarea 5 Dimensiunea de bază.
Creșterea la o dimensiune absolută egală cu 12.
Reducerea la o mărime absolută de 3.
etichetă Acesta este destinat să descrie parametrii inițiali ai font web-pagina. Aceasta se aplică următoarea eticheta de acest tip. Acesta are următoarele atribute:
fata = „“ - setează numele fontului sau un număr de posibile fonturi pe care browser-ul utilizează pentru a afișa textul. Deoarece fontul este preluat din setul de fonturi instalate pe computerul client, este necesar să se enumere, separate prin virgula, mai multe rude ale stilului tip de caractere, deoarece nu există nici o garanție că fontul selectat va fi prezent pe calculatorul utilizatorului. În caz contrar, browser-ul va selecta fontul implicit, și, probabil, textul nu se va afișa așa cum se dorește.
size = „“ - setează dimensiunea fontului de la 1 la 7. Dimensiunea fontului de bază este 3. fonturile pot fi definite în raport cu baza 1, -1, +2, -2. ; +7 -7.
color = "" - setează culoarea fontului. Trebuie remarcat faptul că toate atributele de mai sus inerente în tag-ul .
Ei bine, asta e tot, mai presus de conceptele de bază au fost prezentate pentru ca-fi pentru a crea o simplă pagină.
centru
Ultima modificare 12:05 12.03.12
articole similare
| |