16-12-2011, 10:42 PM
Vi dico già che la guida è stata fatta per l'HTML 5
La guida verrà aggiornata ogni tanto visto che le cose da scrivere sono un po' tante.
Questa guida comprende anche la guida al CSS
Introduzione:
HTML vuol dire Hyper Text Markup Language, quindi un linguaggio per testi modificabile (con CSS)
Cos'è HTML 5?
Html 5 sarà il nuovo standart per HTML, XHTML, e HTML DOM.
Sono state stabilite nuove regole per HTML 5:
- Nuove funzionalità basate su HTML, CSS, DOM, e JavaScript
- Riduzione di necessità di plugin esterni (come Adobe Flash Player)
- Migliore gestione degli errori
- Più markup per sostituire gli script
- HTML 5 sarà un dispositivo indipendente
- Il processo di sviluppo sarà visibile al pubblico
Non tutti i browser supportano HTML 5, anche se ultimamente si sta espandendo su tutti i browser. (Safari, Chrome, Firefox, Opera, Internet Explorer)
Ora cominciamo con i tags che in poche parole sono i codici da inserire.
Vi ricordo che i codici devono iniziare per < e finire per >, anche se c'è qualche eccezzione per i codici CSS.
Ecco una lista con le varie funzioni e spiegazioni: (in alcune da aggiungere prossimamente.)
<!--> : Questo tag è usato per il commento, per esempio:
<!--questo è un commento. I commenti non saranno visualizzati nei browser-->
<p>Questo è un paragrafo.</p>
In questo caso voi vedrete solo la scritta "Questo è un paragrafo"
<!DOCTYPE> : è la prima cosa da mettere in un documento HTML prima del tag <html>.
In poche parole serve a far "identificare" il vostro testo ai browser.
Esempio:
<!DOCTYPE html>
<html>
<head>
<title>Il titolo del documento</title>
</head>
<body>
Il contenuto del documento.
</body>
</html>
<a>: il tag <a> serve per un collegamento ipertestuale o un ancoraggio.
Esempio:
<a href="http://bordergame.it">Visita Bordergame!</a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>
Software Utili:
Sono accettati +1
La guida verrà aggiornata ogni tanto visto che le cose da scrivere sono un po' tante.
Questa guida comprende anche la guida al CSS
Introduzione:
HTML vuol dire Hyper Text Markup Language, quindi un linguaggio per testi modificabile (con CSS)
Cos'è HTML 5?
Html 5 sarà il nuovo standart per HTML, XHTML, e HTML DOM.
Sono state stabilite nuove regole per HTML 5:
- Nuove funzionalità basate su HTML, CSS, DOM, e JavaScript
- Riduzione di necessità di plugin esterni (come Adobe Flash Player)
- Migliore gestione degli errori
- Più markup per sostituire gli script
- HTML 5 sarà un dispositivo indipendente
- Il processo di sviluppo sarà visibile al pubblico
Non tutti i browser supportano HTML 5, anche se ultimamente si sta espandendo su tutti i browser. (Safari, Chrome, Firefox, Opera, Internet Explorer)
Ora cominciamo con i tags che in poche parole sono i codici da inserire.
Vi ricordo che i codici devono iniziare per < e finire per >, anche se c'è qualche eccezzione per i codici CSS.
Ecco una lista con le varie funzioni e spiegazioni: (in alcune da aggiungere prossimamente.)
<!--> : Questo tag è usato per il commento, per esempio:
<!--questo è un commento. I commenti non saranno visualizzati nei browser-->
<p>Questo è un paragrafo.</p>
In questo caso voi vedrete solo la scritta "Questo è un paragrafo"
<!DOCTYPE> : è la prima cosa da mettere in un documento HTML prima del tag <html>.
In poche parole serve a far "identificare" il vostro testo ai browser.
Esempio:
<!DOCTYPE html>
<html>
<head>
<title>Il titolo del documento</title>
</head>
<body>
Il contenuto del documento.
</body>
</html>
<a>: il tag <a> serve per un collegamento ipertestuale o un ancoraggio.
Esempio:
<a href="http://bordergame.it">Visita Bordergame!</a>
<abbr>
<acronym>
<address>
<applet>
<area>
<article>
<aside>
<audio>
<b>
<base>
<basefont>
<bdi>
<bdo>
<big>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<center>
<cite>
<code>
<col>
<colgroup>
<command>
<datalist>
<dd>
<del>
<details>
<dfn>
<dir>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<font>
<footer>
<form>
<frame>
<frameset>
<h1> - <h6>
<head>
<header>
<hgroup>
<hr>
<html>
<i>
<iframe>
<img>
<input>
<ins>
<keygen>
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<meta>
<meter>
<nav>
<noframes>
<noscript>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<rp>
<rt>
<ruby>
<s>
<samp>
<script>
<section>
<select>
<small>
<source>
<span>
<strike>
<strong>
<style>
<sub>
<summary>
<sup>
<table>
<tbody>
<td>
<textarea>
<tfoot>
<th>
<thead>
<time>
<title>
<tr>
<track>
<tt>
<u>
<ul>
<var>
<video>
<wbr>
Software Utili:
Sono accettati +1