HTML5 și CSS3: primii pași

HTML (HyperText Markup Language) sau limbaj de marcare hipertext, este standardul utilizat pentru dezvoltarea paginilor web, este un limbaj bazat pe etichete care structurează informații pe baza ierarhiei conținutului. În sine, HTML nu oferă caracteristici grafice informațiilor prezentate, ci le organizează doar în așa fel încât să aibă o ordine logică de citire.
În al doilea rând CSS (Foaie de stil în cascadă) sau foi de stil în cascadă este un limbaj folosit pentru a defini și crea prezentarea unui document structurat scris în HTML, este însărcinat cu formularea specificațiilor foilor de stil care vor servi drept standard pentru browsere.
În acest tutorial vom prezenta structura de bază a unui document HTML5, cele mai populare etichete și ordinea ierarhică de a le declara. La rândul nostru vom explica relația dintre HTML5 și CSS3, modul în care acestea pot fi corelate, structura declarațiilor făcute în CSS3 și atributele grafice pe care le pot da documentului HTML.
Pentru exemplele pe care le vom realiza, este necesar să avem un editor de cod, în cazul nostru editorul selectat este Dreamweaver CC 2014, în tutorial Noțiuni de bază despre Dreamweaver CS6: Cunoașterea mediului de lucru sunt descrise caracteristicile aplicației care rămân aceleași în ciuda diferenței dintre versiunile lor
1. Structura unui document HTML5

LA) Această etichetă indică versiunea pe care o vom folosi în document, în acest caz este versiunea 5 a HTML.
B) Indică deschiderea unui document HTML, este prima etichetă declarată.
C) Puteți include un titlu pentru document, scripturi, stiluri, meta-informații, printre altele.
D) Oferă metadate despre documentul HTML. Metadatele nu vor fi afișate pe pagină, vor fi analizate doar ca informații atașate. Elementele sunt utilizate în mod normal pentru a specifica descrierea paginii, cuvintele cheie, autorul documentului, printre altele. În exemplul prezentat în imagine am folosit atributul charset pentru a defini setul de caractere în care va fi afișată pagina, charset = "utf-8" în cazul limbii spaniole.
ȘI) Ne permite să atribuim numele paginii care va fi afișată în browsere.
F) Marea majoritate a etichetelor în HTML necesită o declarație de deschidere și o declarație de închidere:

 Etichetați conținutul 

În acest caz, imaginea afișată închide eticheta de cap cu
G) Totul din acest element va fi afișat de browser, adică în cadrul acestei etichete vom desemna tot conținutul vizual al documentului nostru HTML.
H) În același mod așa cum este explicat în secțiune F aceasta este închiderea etichetei
Eu) În același mod așa cum este explicat în secțiune F aceasta este închiderea etichetei
Structura unui document CSS3

LA) .class: Toate declarațiile care încep cu o perioadă sunt de tipul clasei, caracteristicile lor grafice pot fi aplicate oricărei etichete HTML.
B) #Id: Declarațiile care încep cu semnul lirei indică faptul că este de tip ID. Atât clasele, cât și ID-urile sunt utilizate pentru a specifica ce atribute grafice dorim să oferim conținutului nostru HTML. Cu toate acestea, diferențele dintre aceste 2 tipuri de afirmații sunt următoarele:
ID-urile sunt unice:
- Fiecare element poate avea doar un ID.
- Fiecare pagină poate avea un singur element cu acel ID.
Codul nostru HTML nu va trece validarea dacă același ID este utilizat în mai multe elemente.
Clasele nu sunt unice:
- Aceeași clasă poate fi utilizată în mai multe elemente.
- Puteți utiliza mai multe clase în același element.
Orice stil care trebuie aplicat mai multor obiecte dintr-o pagină trebuie să fie realizat cu o clasă. Este important să menționăm că tot ceea ce este declarat în documentele CSS este sensibil la majuscule.
C) {Deschiderea care deschide declarația atributelor.
D) } Cheie care închide declarațiile făcute unei clase sau unui ID.
ȘI) Structura atributului: după declararea unui atribut este necesar să se specifice valoarea acestuia, în exemplul prezentat în imagine atribuim o înălțime de 600 pixeli #Id.
Pentru a separa atributele și valorile lor, se utilizează un punct și virgulă; așa cum este ilustrat în imagine.
Acestea sunt, într-un mod simplu, caracteristicile generale ale structurii unui cod HTML, etichetele necesare și modul de comandare a acestora. În cazul în care CSS tipurile de declarații și structura lor generală. Cu aceste cunoștințe vom fi gata să realizăm primul nostru HTML și să oferim etichetelor caracteristici grafice.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv