Prin acest articol voi încerca să vă familiarizez cu cele mai folosite tag-uri HTML punându-va la dispoziţie o scurtă prezentare a lor (pentru ce sunt folosite) pentru a înţelege mai uşor codul de bază HTML şi a putea înţelege, explora şi modifica paginile de Blogspot si WordPress.
Ce este HTML?
HTML (Hypertext Markup Language) reprezintă un set de simboluri şi coduri inserate într-un fişier cu scopul de a putea fi afişat într-un web browser sub forma de pagina web. Codul HML îi spune browserului cum să afişeze cuvintele şi imaginile pe pagina web. Deci HTML este un limbaj care ne ajută să construim pagini web.Nu este neaparată nevoie să ştiţi programare HTML pentru a deţine bloguri pe WordPress sau Blogger, deoarece totul se face automat, vizual, prin selectarea, inserarea sau eliminarea elementelor. În schimb, dacă doriţi să puteţi să faceţi modificări, pe care panoul de control nu vi le permite, este necesar cunoaşterea codului HTML.
Structura de bază a unei pagini web HTML
<html>
<head>
<title>Titlul Paginii dumneavoastră</title>
</head>
<body>
Aici este locul unde veţi pune codul HTML pentru tot ce vreţi
să se vadă într-un browser (text şi grafică).
</body>
</html>
<html>: unde începe documentul
<head>: conţine informaţie (titlu, meta and stil taguri) legată de pagină.
<title>Titlul Paginii</title>: Titlul paginii dumneavoastră, înlocuiţi “Titlul paginii”
cu titlul pe care doriti să fie afişat sus în bara albastră a paginii.
</head>: inchide tagul <head>
<body>: Inceputul corpului paginii. Aici vom avea codul pentru text, imagini
şi alte elemente vizuale care se văd într-o pagină web.
</body>: Închide corpul paginii.
</html>: Închide documentul html.
Mai sus găsim formatul de bază care reprezintă structura întregii pagini.
Mai jos gasim codul HTML care se pune doar în corpul paginii.
Cel mai Mare Titlu: <h1>heading</h1>
Cel mai Mic Titlu: <h6>heading</h6> (Dacă doriţi o marime intermediară
doar înlocuiţi numărul de lângă "h")
Paragraf: <p>paragraph</p>
Aliniere Paragraf: <p align=”left”>
Linie Nouă: <br>
Inserează Link: <a href=”http://www.MyBlog.com”>Blogul meu</a>
Inserează Imagine: <img src=”theme.jpg” width=”150″ height=”150″
border=”0″ alt="textul imaginii inserate”/>
Mărime Font: <font size=”12″></font>
Culore Font: <font color=”blue”></font>
Text Îngroşat: <b>text</b>
Text Înclinat: <i>text</i>
Culoare de Fundal: <body bgcolor=”blue”>
Pentru mai multe înformaţii vă sugerez să mergeţi la W3Schools dacă doriţi să învăţaţi mai multe despre HTML. Acest site vă va arăta vizual cum vor arăta toate modificările făcute cu ajutorul codului HTML.
Niciun comentariu:
Trimiteți un comentariu