Întrebările esențiale despre HTML pe care trebuie să le marcați

Întrebările esențiale despre HTML pe care trebuie să le marcați / Programare

HTML a fost în jur de mult timp, așa că este timpul să învățați elementele de bază. Ce este, cum funcționează și cum se scriu câteva elemente comune în HTML.

Inainte de a incepe, asigurati-va ca cititi ghidul nostru pentru editori HTML online gratuit 5 Cel mai bun editor HTML gratuit pentru a testa codul dvs. 5 Cel mai bun editor HTML gratuit pentru a testa codul dvs. Pentru momentele în care doriți doar să vă răsuciți cu un mic fragment de cod HTML puteți să-l optimizați după preferințele dvs., un editor HTML online vă va servi mai bine. Citiți mai multe și cele mai bune site-uri web pentru exemple de calitate HTML 8 Cele mai bune site-uri web pentru exemple de codificare HTML de calitate 8 Cele mai bune site-uri web pentru exemple de codificare HTML de calitate Există câteva site-uri minunate care oferă exemple și tutoriale HTML bine concepute și utile de codificare. Iată opt dintre preferatele noastre. Citeste mai mult .

Ce este HTML?

HTML este limba folosită pentru a construi paginile web. HTML înseamnă Hypertext Markup Language și este simplu un set de instrucțiuni pentru browserul dvs. web. Utilizând aceste instrucțiuni, browserul afișează ce ar trebui să arate o pagină Web.

Este important să înțelegeți că este a marcare limba, nu a programare limba. Limbile de programare vă permit să rezolvați probleme, cum ar fi ecuațiile matematice, manipularea datelor sau mutarea unui caracter de joc video.

Nu puteți scrie nici o logică în HTML. Este vorba doar de aspect.

Ce arata HTML-ul?

HTML constă din mai multe elemente cunoscute sub numele de “Etichete”. Etichetele sunt instrucțiuni pentru a modela o anumită parte a paginii dvs. web. Revenind la construcții, HTML este planurile, iar etichetele sunt caracteristici specifice, cum ar fi ferestrele sau ușile.

Iată ce arată o pagină web foarte elementară în HTML:

  Site-ul MUO    

Etichetele din HTML sunt predefinite și specifică caracteristici comune precum imagini, linkuri către alte pagini web, butoane și multe altele.

Majoritatea etichetelor trebuie să fie deschis și închis. Aceasta definește pur și simplu o anumită caracteristică, cu text, imagini sau alte etichete din interiorul acesteia și apoi încheie definiția. Gândindu-te la case, deschiderea etichetei este ca și cum ai spune “porniți fereastra aici”, și închiderea etichetei este ca și cum ai spune “Aici se termină fereastra”.

Etichetele HTML nu vor apărea de fapt pe site-ul dvs. Web. Browserul dvs. respectă instrucțiunile, dar nu le arată niciodată vizitatorilor. Nu este însă secret. Oricine vă poate uita la HTML după publicarea paginilor web.

Deși există un număr mare de etichete HTML diferite, nu trebuie să le învățați pe toate înainte de a putea coda un site Web. Astăzi veți învăța cum să scrieți câteva etichete comune și pentru ce pot fi folosite.

Ce sunt atributele de etichete HTML?

Un ultim lucru de știut despre etichete este atribute. Atributele definesc caracteristicile speciale ale etichetelor. Dacă etichetele sunt ferestre și uși, atunci atributele specifică detaliile specifice ale clădirii. Aceasta ar putea fi lățimea și înălțimea ramei, dacă se deschide fereastra sau dacă ușa are o încuietoare.

Atributele sunt incluse în eticheta de deschidere, după cum urmează:

Nu puteți să vă creați propriile etichete sau atribute. Atributele și etichetele sunt predefinite de către Consorțiul World Wide Web (W3C).

Ce este HTML5?

HTML5 este ultima versiune HTML. Acesta conține mai multe etichete noi, atribute și caracteristici.

Deoarece HTML este un set de instrucțiuni, diferitele browsere web o interpretează uneori diferit. Un browser ar putea decide că ferestrele și ușile ar trebui să fie vopsite în negru dacă nu spui altfel.

În timp ce browserele au început în cele din urmă să devină destul de consecvente, puteți să fiți prinși uneori cu caracteristici foarte noi. Poate că Google Chrome a implementat o nouă etichetă, dar Microsoft Internet Explorer încă nu a făcut-o.

În cea mai mare parte, paginile dvs. web vor arăta la fel în toate browserele majore, dar merită încă un test rapid înainte de a vă publica ceva, mai ales dacă utilizați etichete mai noi, care nu pot fi acceptate de toate browserele.

Dacă doriți să aflați mai multe despre HTML5, atunci aruncați o privire la ghidul nostru de început HTML5 Începeți cu HTML5 Începeți cu HTML5 Ați auzit de HTML5. Toată lumea o folosește. Se anunță ca salvatorul internetului, permițând oamenilor să creeze pagini web bogate și interesante, fără a recurge la utilizarea Flash și Shockwave. Citeste mai mult .

Cum să comentați HTML

Ca multe alte limbi, markup sau programare, HTML are capacitatea de a “comentează” blocuri de marcare. Un comentariu este ceva care este ignorat de browser. Aceasta poate fi o notă pentru a vă reaminti despre ceea ce face această parte particulară a site-ului dvs. Web.

Comentând marcajul, instruiți browserul să ignore una sau mai multe etichete. Acest lucru poate fi util pentru a elimina funcționalitatea sau pentru a ascunde o parte din site-ul dvs. fără a șterge codul.

Când un browser web vede un comentariu, îl înțelege “nu folosiți aceste instrucțiuni până nu spun altfel”. Comentariile constau dintr-un “deschidere” comentariu, și a “închidere” comentariu - la fel ca etichetele.

Iată un exemplu:

 

Comentariul de cod se face exact în același mod:

Mai degrabă decât un mesaj, puneți marcajul între etichetele de comentarii.

Cum se introduc imagini în HTML

Introducerea de imagini în HTML se face cu eticheta imaginii:

Logo-ul MakeUseOf

Observați cum se numește numele etichetei img, și există două atribute. src atributul specifică unde să găsească imaginea și imaginea Alt tag este o descriere alternativă a textului, în cazul în care imaginea nu poate fi încărcată din nici un motiv.

Eticheta de imagine nu are nevoie de închidere, spre deosebire de majoritatea celorlalte etichete.

Cum se schimbă fontul în HTML

Fonturile pot fi modificate utilizând font și eticheta față atribut:

MUO Arial Text

Dimensiunea fontului poate fi ușor modificată utilizând mărimea atribut:

MUO Text Mare

Dacă doriți să modificați culoarea fontului, acest lucru se poate face cu ușurință cu culoare atribut:

MUO Text roșu

Aceste atribute sunt unice pentru font etichetă. Dacă doriți să utilizați altă etichetă, puteți cuib tag-uri, plasându-le unul în celălalt:

MUO Text roșu

Cum se adaugă o legătură în HTML

Link - urile pot fi adăugate folosind A etichetă:

MakeUseOf.com

href atributul este destinația link-ului dvs..

Cum se face o masă în HTML

Tabelele HTML implică introducerea mai multor etichete diferite. Va trebui să începeți cu a masa etichetă:

Acum adăugați câteva rânduri folosind tr etichetă:

În cele din urmă, utilizați td tag pentru a crea celule de tabel, care va crea, de asemenea, coloanele:

Este posibil să treceți peste bord și să mergeți destul de sălbatic cu aspectul mesei dvs., dar este de obicei cel mai bine să păstrați lucrurile simple, dacă este posibil. În trecut, au fost folosite mese pentru a structura o pagină web, însă această practică este datată și pare teribilă. Păstrați tabele pur și simplu pentru a transmite date cititorului.

Utilizarea CSS cu HTML

Aceste exemple au acoperit elementele de bază, însă dacă doriți să deveniți creativi, va trebui să utilizați CSS. Formatele de stil cascadă vă permit un control mult mai mare asupra designului site-ului dvs. și vă permit să re-utilizați o mulțime de cod între diferite părți ale site-ului dvs..

În timp ce avem tutoriale despre învățarea CSS 5 Pași de Baby pentru a învăța CSS și a deveni un Kick-Ass CSS Sorcerer 5 Pași de Baby pentru a învăța CSS și a deveni un Kick-Ass CSS Sorcerer CSS este singurele pagini web cele mai importante pe care le-au văzut în ultimul deceniu, și a deschis calea pentru separarea stilului și conținutului. În mod modern, XHTML definește structura semantică ... Citiți exemple CSS mai simple și mai rapide 10 Exemple simple de coduri CSS puteți afla în 10 minute 10 Exemple simple de cod CSS puteți afla în 10 minute Vom trece peste modul de creare a unei foi de stil inline astfel încât să puteți practica abilitățile CSS. Apoi vom trece la 10 exemple CSS de bază. De acolo, imaginația ta este limita! Citiți mai multe, există încă unele setări pe care le puteți face în HTML.

Dacă doriți să scrieți CSS alături de codul HTML, puteți utiliza stil atribut. Acest atribut aplică pur și simplu CSS la eticheta pe care se utilizează:

În timp ce acest lucru funcționează bine, veți găsi o muncă grea pentru a vă menține dacă aveți o mulțime de marcare care necesită un stil similar.

Cea mai bună cale este de a utiliza stil tag, plasat în interiorul cap etichetă. Aici puteți defini CSS pentru întreaga pagină:

    

Eticheta de stil are un atribut de text / css. Acest lucru este necesar pentru a permite browserului dvs. să cunoască exact stilul de așteptat în etichetă.

Cea de-a treia și ultima modalitate de a folosi CSS este printr-un fișier extern, folosind legătură etichetă. Acest lucru leagă HTML-ul dvs. cu CSS stocat în fișierul său propriu, ceea ce este minunat dacă aveți o cantitate mare din acesta:

Există mai multe atribute în uz aici. rel atributul declară linkul dvs. ca o foaie de stil. Tipul de “text / css” este încă o dată definită în tip atribut și href atributul este locul unde puteți găsi fișierul extern.

Cum faci un site web cu HTML?

După cum ați văzut, HTML nu este chiar atât de rău, nu-i așa? Folosind câteva etichete și atribute simple, puteți asambla rapid o pagină Web, chiar dacă nu ați mai scris HTML înainte!

Dacă sunteți în căutarea de a scrie un site complet, apoi asigurați-vă că vă aruncați o privire la ghidul nostru de incepatori pentru a face un site Cum sa faci un site web: Pentru incepatori Cum sa faci un site web: Pentru începători Azi te voi ghida procesul de realizare a unui site complet de la zero. Nu vă faceți griji dacă acest lucru pare dificil. Te voi îndruma în fiecare pas al drumului. Citeste mai mult .

Explorați mai multe despre: CSS, FAQ, HTML, Dezvoltare Web.