Chiar dacă site-urile moderne sunt, în general, construite cu interfețe ușor de utilizat 10 moduri de a crea un site web mic și simplu fără overkill 10 moduri de a crea un site mic și simplu, fără Overkill WordPress poate fi un overkill. Pe măsură ce aceste alte servicii excelente dovedesc, WordPress nu este totul și se încheie toate crearea de site-uri web. Dacă doriți soluții mai simple, există o varietate de la care să alegeți. Citiți mai multe, este bine să știți câteva coduri de bază HTML. Dacă știți următoarele 17 tag-uri (și cele câteva care merg cu ele), veți putea să creați o pagină web de bază de la zero sau să tweak codul creat de o aplicație cum ar fi WordPress Blogger vs. Wordpress.com: O comparație completă Blogger vs. Wordpress.com: O comparație completă Cei doi regii indiscutabili ai sferei gratuite de bloguri sunt Blogger-ul Google și sistemul de management al conținutului-transformat-gazdă WordPress.com. În timp ce ambele oferă ceea ce orice gândire liber-gândire democrat-gâfâind gândul-tun poate ... un loc de a se exprima ... Citește mai mult .

Am furnizat exemple pentru majoritatea etichetelor, dar dacă doriți să le vedeți în acțiune, descărcați fișierul HTML conectat la sfârșitul articolului. Puteți să jucați cu acesta într-un editor de text și să îl încărcați într-un browser pentru a vedea ce fac modificările dvs..

1.

Veți avea nevoie de această etichetă la începutul fiecărui document HTML pe care îl creați. Se asigură că un browser știe că citește cod HTML și că se așteaptă ca HTML5 să fie cea mai recentă versiune. Ce este HTML5 și cum schimbă modul în care îl navighez? [Explicarea MakeUseOf] Ce este HTML5, și cum se schimbă modul în care navighez? [Explicarea MakeUseOf] În ultimii ani, este posibil să fi auzit din când în când termenul HTML5. Indiferent dacă știți ceva despre dezvoltarea web sau nu, conceptul poate fi oarecum nebulos și confuz. Evident, ... Citește mai mult .

Chiar dacă aceasta nu este de fapt o etichetă HTML, este încă o idee bună de știut.

2.

Aceasta este o altă etichetă care îi spune unui browser că citește cod HTML. De ce avem nevoie de amândoi? Cine știe? Dar este o idee bună să o puneți oricum.

Iar la sfârșitul documentului, adăugați a etichetă.

3.

Pentru paginile de bază, eticheta va conține titlul dvs. și este vorba despre asta. Dar există și alte câteva lucruri pe care le puteți include, pe care le vom trece într-o clipă.

4.

Acesta este numele care va fi afișat ca titlul filă când este deschis într-un browser.

5.

Ca și tag-ul titlu, metadatele sunt plasate în zona antetului paginii dvs. (această metadate, spre deosebire de metadatele de pe dispozitivele dvs. mobile Metadate - Informații despre informațiile dvs. Metadate - Informații despre informațiile dvs. Citește mai mult, nu sunt sensibile). Metadatele sunt utilizate în principal de către motoarele de căutare și sunt - după cum vă puteți aștepta - informații despre informațiile de pe pagina dvs. Există o serie de meta-câmpuri diferite, dar acestea sunt unele dintre cele mai frecvent utilizate:

• Descriere - O descriere de bază a paginii dvs..
• Cuvinte cheie - O selecție de cuvinte cheie aplicabile paginii dvs..
• autor - Autorul paginii tale.
• viewport - O etichetă pentru a vă asigura că pagina dvs. arată bine pe toate dispozitivele.

Iată un exemplu care se poate aplica acestei pagini:

“viewport” tag-ul ar trebui să aibă întotdeauna “width = lățimea dispozitivului, scala inițială = 1.0” ca conținut pentru a vă asigura că pagina se afișează bine pe dispozitive mobile și desktop.

6.

Corpul paginii dvs. web - în mod normal, tot ce este altceva decât titlul este setat în interiorul etichetei corporale. Este la fel de simplu ca sună:

 Tot ce doriți să fie afișat pe pagina dvs.. 

7.

tag definește anteturile de nivel unu pe pagina dvs..

definește anteturile de nivel 2,

nivelul trei, și așa mai departe, până la

. De exemplu, numele etichetelor din acest articol sunt anteturi de nivelul doi.

Antetul mare și important
 
Puțin mai puțin antet mare
 
Sub-antet

Rezultat:

Antetul mare și important

Puțin mai puțin antet mare

Sub-antet

După cum vedeți, devin mai mici la fiecare nivel.

8.

Eticheta paragraf inițiază un nou paragraf. De obicei, aceasta introduce două pauze de linie.

Uită-te, de exemplu, la pauza dintre linia precedentă și cea anterioară. Asta e a

eticheta va face.

Primul tău paragraf.
 
Al doilea paragraf.

Rezultat:

Primul tău paragraf.

Al doilea paragraf.

De asemenea, puteți utiliza stilurile CSS în etichetele paragrafului dvs., cum ar fi:

20% mai mare text

Rezultat:

20% mai mare text

Pentru a afla cum să utilizați CSS pentru a modela textul, consultați aceste tutoriale HTML și CSS Aflați HTML și CSS cu aceste Tutoriale pas cu pas Aflați HTML și CSS cu aceste Tutoriale pas cu pas Curios despre HTML, CSS și JavaScript? Dacă credeți că aveți un talent pentru a învăța cum să creați site-uri web de la zero - aici sunt câteva tutoriale pas cu pas care merită încercate. Citeste mai mult .

9.

Eticheta de rupere introduce o singură pauză de linie:

Prima linie.
 A doua linie (aproape de prima).

Rezultat:

Prima linie.
A doua linie (aproape de prima).

Notă: uneori puteți vedea această etichetă scrisă ca
sau
. El face același lucru (slash-ul face ca tag-ul să poată fi citit în XHTML Află să vorbești "Internet": Ghidul tau pentru xHTML Învață să vorbești "Internet": Ghidul tău pentru xHTML Bine ați venit în lumea XHTML - Extensibil Hypertext Markup Language limbaj care permite oricui să construiască pagini web cu multe funcții diferite. Este limba principală a Internetului..

10.

Această etichetă definește un text important. În general, asta înseamnă că va fi îndrăzneț. Cu toate acestea, este posibil să se utilizeze CSS afișarea textului diferit.

Cu toate acestea, puteți utiliza în siguranță la text îndrăzneț.

Lucruri foarte importante pe care vrei să le spui.

Rezultat:

Lucruri foarte importante pe care vrei să le spui.

Dacă sunteți familiarizat cu pentru textul bolding, îl puteți utiliza în continuare. Nu există nicio garanție că va continua să funcționeze în versiunile viitoare de HTML, dar deocamdată funcționează.

11.

Ca și , și sunt inruditi. eticheta identifică textul subliniat, care în general înseamnă că va fi italicizat. Din nou, există posibilitatea ca CSS să facă afișarea textului subliniat diferit.

O linie accentuată.

Rezultat:

O linie accentuată.

tag-ul funcționează, dar din nou, este posibil ca acesta să fie depreciat în versiunile viitoare de HTML.

12.

, sau ancora, puteți să creați linkuri. Un link simplu arată astfel:

Accesați MakeUseOf într-o filă nouă

Rezultat:

Accesați MakeUseOf într-o filă nouă

“titlu” atributul creează o sugestie. Plasați cursorul pe linkul de mai jos pentru a vedea ce vreau să spun:

Treceți peste acest lucru

Rezultat:

Treceți peste acest lucru

13.

Dacă doriți să încorporați o imagine în pagină, va trebui să utilizați eticheta imaginii. Cea mai simplă modalitate de a utiliza este să adăugați pur și simplu sursa imaginii în “src” atribut, astfel:

Rezultat:

wp-content / uploads / 2016/02 / hdr-moderation.png” />

Aceasta include imaginea. Cu toate acestea, există o serie de alte atribute pe care doriți să le utilizați, cum ar fi “înălţime,” “lăţime,” și “Alt.” Iată cum ar putea părea acest lucru:

Rezultat:

wp-content / uploads / 2016/02 / hdr-moderation.png” alt =”numele imaginii tale” width =”320 "/>

Așa cum v-ați putea aștepta, “înălţime” și “lăţime” atributele stabilesc înălțimea și lățimea imaginii. În general, este o idee bună să setați numai una dintre ele, astfel încât imaginea să fie corect măsurată. Dacă folosiți ambele, puteți ajunge la o imagine întinsă sau îndoită.

“Alt” eticheta îi spune browserului ce text să afișeze dacă imaginea nu poate fi afișată și este o idee bună să o includeți în orice imagine. Dacă cineva are o conexiune deosebit de lentă 4 motive pentru care Wi-Fi-ul dvs. este atât de lent (și cum să le repare) 4 motive pentru care Wi-Fi-ul dvs. este atât de lent (și cum să le repare) Suferind de la Wi-Fi lent? Aceste patru probleme vă pot încetini rețeaua. Iată cum să le rezolvați pentru a obține din nou rapid. Citiți Mai multe sau un vechi browser, ei pot obține în continuare o idee despre ceea ce aveți pe pagina dvs..

14.

Eticheta listei ordonate vă permite să creați o listă ordonată. În general, asta înseamnă că vei primi o listă numerotată. Fiecare element din listă are nevoie de o etichetă pentru elementul de listă (

 
Primul lucru
 
Al doilea lucru
 
Al treilea lucru