Tutorial HTML Base

Media HTML

Manuale di riferimento HTML

Tutorial di base HTML5

API HTML5

Media HTML5

Riproduzione Video HTML URL HTML

Elenco di riferimento HTML

Elenco rapido HTML. Puoi aggiungerlo ai preferiti o stamparlo per ricordarlo meglio e usarlo quotidianamente.

Documento HTML di base

<!DOCTYPE html>
<html>
<head>
<title>Titolo del documento</title>
</head>
<body>
Testo visibile...
</body>
</html>

Tag di base (Basic Tags)

<h1>Titolo più grande</h1>
<h2>... . . .</h2>
<h3>... . . .</h3>
<h4>... . . .</h4>
<h5>... . . .</h5>
<h6>Titolo più piccolo</h6>
　
<p>Questo è un paragrafo.</p>
<br> Nuova riga
<hr> Linea orizzontale
<!-- Questo è un commento -->

Formattazione del testo (Formatting)

<b>Testo in grassetto</b>
<code>Codice informatico</code>
<em>Testo enfatizzato</em>
<i>Testo in corsivo</i>
<kbd>Inserimento da tastiera</kbd>　
<pre>Testo preformattato</pre>
<small>Testo più piccolo</small>
<strong>Testo importante</strong>
　
<abbr>Abbreviazione</abbr>
<address>Informazioni di contatto</address>
<bdo>Directione del testo</bdo>
<blockquote>Testo citato da un'altra fonte</blockquote>
<cite>Nome del lavoro</cite>
<del>Testo cancellato</del>
<ins>Testo inserito</ins>
<sub>Testo sottoscritto</sub>
<sup>Testo sovrascritto</sup>

Link (Links)

Link normale: <a href="http://www.example.com/">Testo link</a>
Link immagine: <a href="http://www.example.com/"><img src="URL" alt="Testo sostitutivo"></a>
Link email: <a href="mailto:[email protected]">Inviare e-mail</a>
Segnalibro:
<a id="tips">Sezione suggerimenti</a>
<a href="#tips">Vai alla sezione suggerimenti</a>

Immagini (Images)

<img src="URL" alt="Testo sostitutivo" height="42" width="42">

样式/区块（Styles/Sections）

<style type="text/css">
h1 {color:yellow;}
div{background:#f9f9f9;}
p {color:green;}
</style>
<h1>H1网页标题</h1>
<div>文档中的块级元素</div>
<p>文档中的内联元素</p>

无序列表

<ul>
　　　　<li>项目</li>
　　　　<li>项目</li>
</ul>

有序列表

<ol>
　　　　<li>第一项</li>
　　　　<li>第二项</li>
</ol>

定义列表

<dl>
　　<dt>项目 1</dt>
　　　　<dd>描述项目 1</dd>
　　<dt>项目 2</dt>
　　　　<dd>描述项目 2</dd>
</dl>

表格（Tables）

<table border="1">
　　<tr>
　　　　<th>表格标题</th>
　　　　<th>表格标题</th>
　　</tr>
　　<tr>
　　　　<td>表格数据</td>
　　　　<td>表格数据</td>
　　</tr>
</table>

框架（Iframe）

<iframe src="demo_iframe.htm"></iframe>

表单（Forms）

<form action="demo_form.php" method="post/get">
<input type="text" name="email" size="40" maxlength="50">
<input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit" value="Send">
<input type="reset">
<input type="hidden">
<select>
<option>javascript基础教程</option>
<option selected="selected">html基础教程</option>
<option>css基础教程</option>
</select>
<textarea name="comment" rows="60" cols="20"></textarea>
　
</form>

Entità (Entities)

< equivalente a <
> equivalente a >
© equivalente a ©

Riproduzione Video HTML URL HTML