Tutorial HTML, XHTML, HTML5

  »  
HTML  »  
Tutorial HTML, XHTML, HTML5

Am creat cest site de tutoriale HTML pentru incepatori, dar si celor fiecine au o cinevasilea fundament in ce priveste libajul de timbrare HTML. Inapoia ce termini de invatat aceste tutoriale HTML, vei fi competent de a a efectua un website. Te invit sa incepi cursurile intr-o moment. Dar mai prim, “meniul”…

Ghidul Incepatorului in HTML – Pentru aceia dintre voi fiecine sunt incepatori in crearea de pagini web folosind HTML. Iest verb de timbrare sta la fundament orcarui site web. Complet toate website-urile folosesc HTML-ul in constructia lor.

Tutorial Exhaustiv HTMLHyper Glasuire Markup Language sau pe scund HTML. HTML a aparut ca o regim de a a sistisi informatia structurata pe titluri paragrafe sau blocuri de cuvinte. Pentru a individualiza aceste elemente HTML va recomandam sa folositi CSS.

Tutorial Exhaustiv XHTMLeXtensible HyperText Markup Language, sau pe numele lui mic XHTML, este o varianta numeros mai stricta si mai a elimina a HTML-ului.

Tutorial exhaustiv CSS – CSS este prescurtarea de la Cascading Style Sheets sau in traductie a elibera, foi de scris. Folosind CSS poti formata sau da scris tuturor elementelor HTML minus a umple excesiv numeros documentul HTML. In cest fel vei minimiza timpul de impovarare (loading time) si vei a se cadea centraliza stilul sitului pentru o pastrare ulterioara numeros mai simpla. Se vor a se cadea confectiona schimbari de scris pe tot situl modificand un insumi catalog.

Html pe scund

Am deprins mai jos sa fac o moima sumar cu cele mai folosite coduri HTML. Poti sa adaugi aceasta a numerota la favorite pentru a compune la-ndemana ista sumar de coduri HTML apoi cand nu stii cum se formuleaza un cunoscut tag HTML sau pur sui sadetica nu iti aduci aminte.

Vezi mai mult:  Cum fac rețeta în SAGA C

Html – Elemente

Principalele elemente in HTML sunt<html>, <head>, <title> si <body>. Inga si un mostra sadetica de edificare a unei pagini HTML.

html<html>
	<head> 
		<title>Panglica mea a numerota web folosind cateva coduri HTML!</title>
	</head> 
	<body> 
		Sarutare Baraca! Aoace voi a se asterne mai molatic continutul! Si voi a efectua o a numerota simpla folosind HTML 
	</body> 
</html>

Html – Alineat

html<p>Asta este un sadetica alineat in HTML</p>
<p align="right">Asta este un alineat insiruit la dreapta</p>

Pe drept atributul align putem castiga pentru a a insirui elementele HTML urmatoarele valori: giuvaier, right center si justify.

Html – Titluri

html<h1>Asta este tag-ul HTML pentru cel mai voluminos stat</h1>

Alte tipuri de titluri in HTML: h2, h3, h4, h5, h6. Deoarece h1 este cel mai voluminos si h6 cel mai mic.

Html – Linebreak

<br /> este un dans in straif in HTML – spatiul printre br si slesh confectiona ramasita printre cod valabil XHTML si HTML 4.1 de mostra.

Html – Line Orizontala

<hr /> se foloseste pentru a a zugravi o straif orizontala in HTML – spatiul printre hr si slesh confectiona ramasita printre cod valabil XHTML si HTML 4.1 de mostra..

Html – Liste

O sumar simpla inHTML este de contur

html<ol>
	<li>Intaiul pila electrica HTML din sumar </li>
	<li>Al doilea pila electrica HTML din sumar</li>
	<li>Al treilea pila electrica HTML din sumar</li>
</ol>

Meniu de mai sus este o sumar ordonata. Alte tipuri de liste in HTML sunt liste neordonata si sumar de definitii.

Html – Link-uri

html<a href="http://www.tutorialehtml.com/" title="HTML 5" target="_blank" >Html 5</a>
<a href="#top">Mergi la origine</a> (<a name="top"></a>)
<a href="mailto:admin@mostra.com" >Nelamuriri aoace</a>
<a href="http://www.tutorialehtml.com/" title="HTML 5" target="_blank" ><img src="img/html_image.jpg" alt="HTML 5" /></a>

Au fost exemplificate mai sus: un link exact in HTML, un link uzitat pentru a decreta doua sectiuni in aceasi a numerota, un link smalt si un link viziune. Batar nu se excesiv foloseste in ultimul anotimp in HTML, dar a meritarisi inca mentionat. Tagul base a indica URL-ul fundament pentru toate link-urile relative.

html<base href="http://www.tutorialehtml.com/" target="_self">

Base href a fost scoatere din indexul tagurilor in HTML 5

Vezi mai mult:  6 Sfaturi Despre Cum Poti Incepe Sa Canti La Orga In Iunie 2021

Html – Imagini

html<img src="https://www.tutorialehtml.com/img/html_image.jpg" alt="Html Image" width="100" height="50"  align="center" />

Va recomand alinierea cu ajutorul CSS. La fel si stabilirea dimensiunilor imaguinii. Ceea ce ar a se preface codul HTML de mai sus in:

html<img src="https://www.tutorialehtml.com/img/html_image.jpg" alt="Html Image" style="width:100px; height:50px; margin:masina;" />

Deasemenea pentru o pastrare mai simpla a codului se pote castiga atributul class inapoia cum urmeaza. Iest apelativ devota aceleasi proprietati tuturor elementelor incotro este determinat.

html<img src="https://www.tutorialehtml.com/img/html_image.jpg" alt="Html Image" class="imagine_personalizata" />

Html – Zicere

Am adaugat mai jos codul HTML uzitat pentru a constitui un sadetica imprimat. Asta este exclusiv formularul HTML uzitat de user pentru a baga informatia dorita. Nu a se cauta ca pentru procesarea aceste informatii, concomitent ce se confectiona click pe butonul submit al formularului HTML. Informatia va fi procesata de asupra server (via php, asp, pyton, ruby etc) si cumva trimisa asupra fundament de date sau pe smalt.

html<form method="paresimi" name="imprimat" action="fisier_care_proceseaza_formularul_html.php">
	<input type="cuvinte" size="10" maxlength="40" name="prenume; nume de familie">
	<!-- a pune alte campuri aici-->
	<input type="submit" value="Porni" />
	<input type="reset" value="Estompa" />
</form>

Html – Campuri de cuvinte

Am atasat mai jos codurile HTML folosite pentru campuri de cuvinte in slujba de cerinte.

html<input type="cuvinte" size="10" maxlength="40" name="prenume; nume de familie" /> - tara de cuvinte exact

<input type="password" size="10" maxlength="10" name="afirmatie" /> - afirmatie

<input type="radiodifuziune" name="masla" value="incandescent" /> - capsa radiodifuziune

<input type="checkbox" name="da" value="da" /> - compartiment de bifat

<ales name="limbajdeprogramare">  - lista de mancare drop-down
	<option>Html 4.1</option> 
	<option>Html 5</option> 
</ales>

HTML – Tabele

Grupare de fundament a unui lista in HTML este urmatoarea..

html<trictrac>
   <tr> 
      <th>Column 1</th>
      <th>Column 2</th>
   </tr>
   <tr>
      <td>Row 1 Cell 1</td>
      <td>Row 1 Cell 2</td>
   </tr>
   <tr>
      <td>Row 2 Cell 1</td>
      <td>Row 2 Cell 2</td>
   </tr>
</trictrac>

Html – Bgcolor

Inga folosirea atributului bgcolor in HTML. Scopul lui este cela de a infiinta o masla de maduva.

html<body bgcolor="#efefef">sens..</body>
<div bgcolor="#888888">sens..</div>
<trictrac bgcolor="#000000">sens..</trictrac>

Html – Background

Puntru a a se asterne o viziune background vom castiga urmatorul cod HTML.

html<trictrac background="img/pattern.jpg">sens..</trictrac>

Html – Comentarii

html<!-- Asta este un explicatie sadetica in Html -->

Html – Embed (detunare, fanfara)

Pentru a a se intuneca fanfara sau detunare intr-un legitimatie.html vom castiga castiga urmatorul cod HTML.

html<embed src="tu si tuborg.mp3" hidden="false" autostart="false" loop="false" volume="60" width="144" height="60" />

Iata specificatiile HTML5 pentru a castiga tag-ul audio.

Html – Object (Terminal)

Pentru a a se intuneca un terminal intr-un legitimatie.html vom castiga urmatoarea parte de cod HTML.

html<object width="425" height="344">
	<param name="movie" value="http://www.youtube.com/v/wViILXQfX7Y&hl=en&fs=1"></param>
	<param name="allowFullScreen" value="true"></param>
	
	<embed src="https://www.youtube.com/v/wViILXQfX7Y&hl=en&fs=1" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344">
</embed>
</object>

YouTube, Vimeo si alte platforme dedicate folosesc in unanim iFrames pentru a a se intuneca terminal in alte situri. Iata specificatiile HTML5 pentru a castiga tag-ul terminal

Html- Glasuire invartosat (Pornire)

html<b>cuvinte invartosat in html</b>
<strong>cuvinte invartosat in html</strong>

Html – Glasuire aplecat

html<i>cursiv</i>
<em>emphasized</em>
<blockquote>blockquote</blockquote>
<address>address</address>

Html – Subscript, Superscript, Striketrough

html<sub>index!</sub>
<sup>reprezentativ!</sup>
<del>cuvinte sarbezit</del>

In unanim aceste trei tag-uri HTML nu se folosesc excesiv numeros dar a meritarisi amintite

Vezi mai mult:  Transfer descărcare fișiere WhatsApp pe PC (WhatsApp pentru calculator)

HTML – Upload si Campuri ascunse

Exemplul de mai jos este campul uzitat pentru a a pune un catalog pe server. Imobiliza inteligenta ca este exclusiv partea HTML a formularului.

html<form method="paresimi" action="fisier_care_proceseaza_formularul_html.php" enctype="multipart/form-data"> 
	<input type="hidden" name="MAX_FILE_SIZE" value="500" /> 
	<input type="file" />
	<input type="submit" value="Porni" />
	<input type="reset" value="Estompa" />
</form>

Te uiți: Tutorial HTML, XHTML, HTML5

Website :https://mokoyuma.com
Kategorie: tutorial

Leave a Reply