Toate elementele dintre etichete

reformatați eticheta, 
Vă permite să prezentați text cu o formatare specifică pe ecran.  Textul preformatat se termină cu o etichetă de final
.  În interiorul textului preformatat, puteți utiliza:
a) avans de linie
b) caractere tabulatoare (deplasați 8 caractere la dreapta)
c) font disproporționat setat de browser.
Folosind etichete care definesc formatul de paragraf, cum ar fi sau 
, va fi ignorat de browser atunci când este plasat între etichete 

Lista grupei 6-M-11
Această listă conține nume de familie, prenume și patronimice. 
Lista poate fi folosită numai în scopuri oficiale. 


Iată ce veți vedea pe ecranul browserului:
Atenţie!  Titlul „Lista de grup” nu este redat de browser ca parte a documentului.  Va apărea în bara de titlu a ferestrei browserului.
Rupere de linie 
.  Etichetă 
notifică browserul despre o întrerupere de linie.  Cel mai bun exemplu de utilizare a acestei etichete este o adresă formatată sau orice altă secvență de linii în care browserul ar trebui să le afișeze una sub alta.  De exemplu:
Alexei Yartsev 
autostrada Dmitrov, 
9B, birou 326 
Un parametru suplimentar vă permite să extindeți capacitățile etichetei 
.




Acest parametru vă permite nu numai să efectuați un avans de linie, ci și să plasați următoarea linie, începând cu marginile curate din stânga (stânga), dreapta (dreapta) sau ambele (toate) marginile ferestrei browserului.  De exemplu, dacă există o imagine lângă textul din stânga, atunci puteți utiliza eticheta 
pentru a compensa textul de sub imagine:
După cum puteți vedea, această diagramă arată conexiunea 
 

Link-uri către puncte din document.  Puteți conecta la diferite secțiuni sau secțiuni ale aceluiași document folosind un marcator ascuns special pentru acele secțiuni.  Acest lucru vă permite să vă mutați rapid de la secțiune la secțiune dintr-un document fără a fi nevoie să defilați pe ecran.  De îndată ce faceți clic pe link, browserul vă va muta în secțiunea specificată a documentului, iar linia care conține marcatorul de secțiune (de obicei prima linie a secțiunii sau titlul secțiunii) va fi plasată pe prima linie a secțiunii. fereastra browserului (dacă această linie nu este deja pe ecran). browser).
Creați un marcator de secțiune.  Sintaxa pentru acest marker este:
Text pentru a apărea pe prima linie
Text
De exemplu:
Lista secțiunii
 
Sectiunea 1
Sectiunea 2
 
 
Sectiunea 1
 
 
Textul secțiunii 1
 
 
Sectiunea 2
 
 
Textul secțiunii 2 


Caracterele „#ex1” indică browserului dvs. să caute un marcator numit „ex1” în documentul HTML dat.
Când utilizatorul face clic pe linia „Secțiunea 1”, browserul va trece direct la secțiunea 1. 
2.2 Grafice în cadrul unui document
Una dintre cele mai atractive caracteristici ale Web-ului este capacitatea de a include link-uri către grafice și alte tipuri de date într-un document HTML.  Acest lucru se face folosind eticheta .  Utilizarea acestei etichete poate îmbunătăți semnificativ aspectul și funcționalitatea documentelor.
Există două moduri de a utiliza grafica în documentele HTML.  Prima este încorporarea graficelor în document, care permite utilizatorului să vadă imaginile direct în contextul altor elemente din document.  Aceasta este cea mai utilizată tehnică în proiectarea documentelor, denumită uneori „imagine în linie”.  Sintaxa etichetei:
Să descriem elementele sintaxei etichetei:
Parametru obligatoriu care are aceeași sintaxă ca adresa URL standard.  Această adresă URL indică browserului unde se află imaginea.  Desenul trebuie să fie stocat într-un format grafic acceptat de browser.  Astăzi, formatele GIF și JPG sunt acceptate de majoritatea browserelor.="text":
Acest element opțional specifică textul care va fi afișat de un browser care nu acceptă grafică sau cu paginarea imaginilor dezactivată.  De obicei asta scurta descriere imagine pe care utilizatorul o putea sau putea vedea pe ecran.  În cazul în care un parametrul dat lipsește, apoi în locul imaginii, majoritatea browserelor afișează o pictogramă (pictogramă), prin activarea căreia, utilizatorul poate vedea imaginea.  Eticheta ALT este recomandată dacă utilizatorii dvs. folosesc un browser care nu acceptă modul grafic, de exemplu Lynx.=n1:
Acest parametru opțional este utilizat pentru a specifica înălțimea imaginii în pixeli.  Dacă acest parametru nu este specificat, atunci se utilizează înălțimea originală a imaginii.  Această opțiune vă permite să micșorați sau să întindeți imaginile pe verticală, permițându-vă să definiți mai clar aspectul documentului.  Cu toate acestea, unele browsere nu acceptă această opțiune.  Pe de altă parte, rezoluția ecranului clientului dvs. poate diferi de a dvs., așa că aveți grijă când setați valoarea absolută a graficului.=n2:
Parametrul este, de asemenea, opțional, ca și precedentul.  Vă permite să setați lățimea absolută a imaginii în pixeli.: Această opțiune este folosită pentru a spune browserului unde să pună blocul următor text.  Acest lucru vă permite să specificați mai strict locația elementelor pe ecran.  Dacă acest parametru nu este utilizat, atunci majoritatea browserelor plasează imaginea în partea stângă a ecranului, iar textul în dreapta acestuia.:
Acest parametru îi spune browserului că imaginea dată permite utilizatorului să efectueze o anumită acțiune făcând clic pe o anumită locație din imagine. Această ocazie este o extensie a HTML.
Iată un exemplu de utilizare a acestei etichete:
Începând cu HTML 2.0, eticheta are au fost adăugate opțiuni suplimentare:
Opțiuni noi::
Vă permite să setați dimensiunea în pixeli a spațiului alb de deasupra și dedesubtul imaginii, astfel încât textul să nu treacă peste imagine.  Acest lucru este deosebit de important pentru imaginile generate dinamic, când este imposibil să vedeți documentul în avans.:
La fel ca VSPACE, dar numai pe orizontală.
Imagini de fundal.  Majoritatea browserelor vă permit să includeți o imagine de fundal în documentul dvs., care va fi matriceată și afișată în fața întregului document.  Unii utilizatori le place grafica de fundal, altora nu.  O imagine translucidă discretă (tapet) arată de obicei bine ca fundal pentru majoritatea documentelor.
Descriere imagine de fundal este inclus în eticheta BODY și arată astfel:
.
fiecare dintre parametri determină culoarea unui element.  Să descriem acești parametri:
Culoarea fundalului documentului:
Culoare text simplu document:
Culoare link.  Culoarea este specificată ca un număr de șase cifre în format hexazecimal. Schema RGB(Roșu, Verde, Albastru).  Culoarea #000000 este neagră, iar culoarea #FFFFFF este albă.  De exemplu: 
Linie dată defineste culoare alba fundal document, text negru și link-uri argintii.
Linie orizontală.  Folosind eticheta 
, puteți separa textul cu o bară orizontală.
Format etichetă:
Opțiuni de etichetă::
Grosimea liniei în pixeli.:
Lățimea liniei în pixeli sau procentul din lățimea ferestrei browserului.: Poziție pe ecran (stânga | centru | dreapta).: În mod implicit, linia este redată în vizualizare 3D cu umbră.  NOSHADE vă permite să reprezentați linia doar ca o dungă întunecată simplă. 
2.3 Adăugarea de stiluri la un document
vă permite să utilizați diferite stiluri de font pentru a evidenția informațiile text din documentele dvs.  Iată o listă scurtă de stiluri acceptate de majoritatea browserelor: (bold)(italic)spaziat (dactilograf - folosind fonturi fixe)
Puteți combina tipuri diferite stiluri precum bold și italic. 
Tabelul #1: Stiluri de bază de text

Combinarea stilurilor vă permite să afișați mai multe elemente pe aceeași linie stiluri diferite, de exemplu:
Viaţă - aceasta este cântec!
Viaţă- aceasta este cântec!
Atenție! un numar mare stilurile și combinațiile lor îngreunează citirea textului!
Stiluri suplimentare:
mare mare)
mic mic)
sub (indice)
sup (superscript) 
Tabelul #2: Stiluri suplimentare de text

Marimea fontului .  Puteți modifica dimensiunea fontului folosind eticheta: 
Fontul poate avea o dimensiune de la 1 la 7. Puteți specifica direct dimensiunea fontului ca număr sau puteți specifica un decalaj față de valoarea de bază (3 în mod implicit) în pozitiv sau latura negativă.  Valoarea de bază poate fi modificată folosind eticheta: 
De exemplu: 
și hm en en și e
Schimbarea culorii fontului .  Puteți schimba culoarea fontului folosind eticheta: roșu Verde Albastru. 
2.4 Optimizarea graficii pentru web
În prezent, pe Web sunt folosite două tipuri de fișiere raster: în formatele JPEG și GIF.Formatul transmite bine culori și tonuri, chenare neclare (de exemplu, fotografii).  Fișierul jpeg se scalează bine în browser.  Transmite slab chiar și planurile de culoare, în compresie este inferior formatului GIF.  Când salvați în format JPEG, selectați calitate "medie". Formatul reproduce bine planurile de culoare, chenarele dure (de exemplu, grafică vectorială, logo-uri).  Are compresie maxima, permite un fundal transparent.  Scalat slab în browser, distorsionează culoarea și tonurile.  Utilizați formatul GIF dacă imaginea este convertită fără pierderi în 128 de culori cu opțiunea „dithering” activată.  În caz contrar, este mai bine să salvați imaginea în format JPEG.  Pentru a exporta un fișier ca GIF, mai întâi indexați paleta de culori în Adobe Photoshop:
Selectați manual numărul minim de culori (5-8 culori sunt suficiente pentru un transfer de înaltă calitate al unei imagini anti-alias cu o singură culoare pe un fundal cu o singură culoare, 15-25 de culori sunt suficiente pentru o imagine cu două sau trei culori Dacă imaginea originală este în tonuri de gri, convertiți-o în RGB înainte de indexare.
Dacă este posibil, evitați să includeți opțiunea „dithering” - crește dimensiunea fișierului.  Această opțiune este necesară numai dacă în imagine există o culoare sau un eclipsare tonal (de exemplu, umbră).  Când alocați un fundal transparent, asigurați-vă că fundalul nu devine „în carouri” după aplicarea „dithering”.
În cazurile dificile, evidențiați cele mai importante elemente ale imaginii înainte de indexare.  Culorile din zona selectată sunt indexate mai corect decât altele. 
3. Algoritmul lucrărilor practice


.1 Pregătirea
Pentru a crea un site web, am folosit două programe:
Macromedia Flash8 - un program pentru crearea de animații flash; Dreamweaver - un program pentru scrierea de site-uri web.
În Macromedia Flash8, am creat o animație pentru antetul site-ului, incluzând sigla școlii noastre tehnice și numele specialității în care studiez.  Am ales monitorul PC ca cadru de animație, am umplut fundalul cu un gradient, am adăugat un cod binar care coboară dinamic din partea de sus a animației.  Am inserat în prim plan sigla școlii noastre tehnice, care se află în centru și se deplasează ușor în colțul din stânga sus, în timp ce numele viitoarei mele specialități „Master în Procesarea Informației Digitale” scade și el, care se ridică de jos și este situat strict in centru.
În Adobe Dreamweaver, el a creat site-ul propriu-zis.  Pentru a crea un site web, am pregătit informațiile de care aveam nevoie, am descris specialitatea în sine, ce ar trebui să putem face și ce ar trebui să știm, am adăugat liste de grupuri și, de asemenea, lucrările noastre practice pe care le-am făcut la clasă.  Pe pagina principală există informații pentru solicitanți, în partea de jos există un link către site-ul școlii noastre tehnice. 
3.2 Crearea site-ului „Maestru în Prelucrarea Informației Digitale”
În Adobe Dreamweaver, am creat un tabel dintr-un șablon care este disponibil în program și, folosind instrumentele, am adăugat o animație pre-preparată la antetul site-ului.  Sub antetul site-ului, în partea dreaptă, am înregistrat formularul de înregistrare și autentificare utilizator.  În partea stângă, am adăugat link-uri către următoarele pagini ale site-ului:
Acasă - pe pagina principală există informații pentru solicitanți și părinții acestora;  condiții de admitere, termeni de studiu, referință la „Standardul educațional de stat federal pentru învățământul profesional primar de profesie 230103.02 Master în procesarea informațiilor digitale (aprobat prin ordin al Ministerului Educației și Științei al Federației Ruse din 16 aprilie 2010 nr. 365) »
Despre profesie - pe această pagină am postat informații despre specialitatea în sine, unde poate fi solicitată, ce aptitudini profesionale ar trebui să aibă o persoană care a ales această specialitate și calitățile personale.  Pentru ca toți cei care doresc să intre în această specialitate să se poată familiariza cât mai bine cu specialitatea și să decidă dacă li se potrivește sau nu.
Ce ar trebui să știe - aici sunt furnizate informații despre ceea ce ar trebui să știe un „Maestru în prelucrarea informațiilor digitale”, și anume ce cunoștințe profesionale ar trebui să aibă o persoană care a ales această profesie.
Ce ar trebui să poată face - această pagină oferă informații despre ceea ce ar trebui să poată face un „Maestru în Prelucrarea Informației Digitale”, ce software și abilități profesionale ar trebui să aibă o persoană care a absolvit o pregătire în această specialitate.
Grupuri - această pagină conține grupuri care sunt în prezent pregătite în această specialitate, precum și o listă de grupuri.
Munca noastră - iată cele mai bune lucrări practice pe care le-am făcut în clasă.
Cele mai bune lucrări - această pagină este dedicată celor mai bune lucrări care au participat la concursuri, expoziții etc.
Înregistrare - pe această pagină, dacă se dorește, un oaspete al site-ului meu se poate înregistra pe site.
În partea stângă sunt gadgeturi, un ceas și un calendar.  Am descărcat animațiile de ceas și calendar de pe un site web terță parte, atunci când sunt introduse în site-ul meu, Adobe Dreamweaver prescrie automat codul HTML, ceea ce m-a ajutat foarte mult.
Mai jos este un link către site-ul nostru.  Ca fundal, am ales un fundal de cer fără sudură, browserul însuși umple pagina cu o imagine de fundal în funcție de rezoluția ecranului.  Am ales o culoare solidă ca fundal al mesei.
Designul tuturor paginilor corespunde cu designul paginii principale.
extensia fișierului site-ului de programare 
Concluzie
În zilele noastre, există multe programe pentru crearea de site-uri web, dar nici unul dintre ele nu o poate face singur, cu siguranță ai nevoie de un utilizator care să gestioneze acest program .
Și indiferent de programul pe care îl folosești, fără cunoștințe despre limbajul de programare HTML, utilizatorul nu va putea face nimic.
În procesul de creare a unui site web, m-am familiarizat cu metoda de programare HTML, cum să creez pagini web și cum să folosesc etichetele de bază.  Lucrați cu fișiere de diferite formate și extensii pentru afișare corectă în mediul Internet.
Îmi doresc ca cunoștințele mele să-mi fie utile în viitor la locul de muncă, bineînțeles că sunt departe de a fi un profesionist, dar voi continua să studiez programarea HTML și să mă perfecționez ca specialist. 

Lista literaturii folosite
1. Alenova Natalia - Tutorial pe html.
2. Malchuk E. - HTML și CSS.  Tutorial.
3. Site - www.msiter.ru
4. Site - www.ic.vrn.ru
5. Site - www.  tcs74.ru/professii/MOCI
6. Site - www.vk.com›grup public oficial2
7. Site - www.ic.vrn.ru/
Site - www.arachnoid.com/arachnophilia
Site - www.rzn62.narod.ru
Site - www.mysite.hut.ru 
Aplicație
. 
2.