Sunteți pe pagina 1din 2

Tips and Tricks:

Fiecare pagina HTML contine, ca si structura, urmatoarele linii de cod:

<!DOCTYPE html>
<html>
<head>
<title>Titlul paginii</title>
</head>
<body>
.....
</body>
</html>

Intr-o pagina HTML exista un singur tag de tip <head> si unul singur de tip <body>.

In interiorul head-ului, avem continut precum:

- Titlul paginii din browser: <title> </title>


- Meta-data: <meta> ( cu detail desire autor, descriere, etc)
- Stilul adaugat prin tag-urile de style <style></style>, in interiorul caruia avem cod css.
- Stilul importat dintr-un fisier extern, folosind sintaxa:
<link rel=”stylesheet” type=”text/css” href=”stiluri.css”>
- Cod Java Script inserat folosing tag-urile de <script></script>
- Cod Java Script importat dintr-un fisier extern folosind sintaxa:
<script src="initiere.js"></script>

De asemenea, tag-ul de <body> contine ceea ce presupune corpul paginii, adica continutul
vazut al paginii, cel cu care utilizatorul final ia contact. In interiorul body-ului putem avea
elemente de tipul:

<p> </p> - paragraf


<h1> </h1> - titlu principal
<h2>, <h3>, <h4>, <h5>, <h6> - subtitluri, cu dimensiuni descrescatoare
<span>, <div> - delimitatoare in interiorul paginii
<hr> - linie orizontala
<br> - rand nou
<ul> - lista neordonata
<ol> - lista ordonata
<li> - element al listei
<table> - tabel
<form> - formular
<input> - camp din formular
<img> - imagine:
<img src="floare.jpg" alt="Floare">
! Mare grija la extensie: jpg, png.
<a > - link:
<a href="https://www.google.com/" target="_blank">Visiteaza link extern</a>
<a href="page2.html" target="_blank">Viziteaza link intern</a>

S-ar putea să vă placă și