HMTL Flashcards
(18 cards)
INTRO
<!DOCTYPE html
<html lang=”ca”
<head
<!DOCTYPE html>
HEAD
<head
<meta charset=”UTF-8”
<title>Pràctica 1 - HTML Bàsic</title
</head</title>
PARAGRAFS
<h1>
<h2>
<h3>...
<p>
</p></h3></h2></h1>
CURSIVA
NEGRITA
<em>
<strong></strong></em>
IMATGE
<img></img>
<img src=”./images/esqueixada.jpg” width=”300” alt=”Imatge d’exemple”
>
Llista ordenada
<ol>
<li>Primer element</li>
<li>Segon element</li>
<li>Tercer element</li>
</ol>
Llista no ordenada
<ul>
<li>Element A</li>
<li>Element B</li>
<li>Element C</li>
</ul>
Taules en HTML
ELEMENT EN NEGRETA
ELEMENT
<table>
<tr>
<th>Nom</th>
<th>Edat</th>
<th>Ciutat</th>
</tr>
<tr>
<td>Pere</td>
<td>30</td>
<td>València</td>
</tr>
</table>
Enllaços en HTML
<p><a>Això és un enllaç a Example</a></p>
taules quadriculades, amb gruix i informacio
3*4
<table>
<tr>
<td>1-1</td> <td>1-2</td> <td>1-3</td>
</tr>
<tr>
<td>2-1</td> <td>2-2</td> <td>2-3</td>
</tr>
<tr>
<td>3-1</td> <td>3-2</td> <td>3-3</td>
</tr>
<tr>
<td>4-1</td> <td>4-2</td> <td>4-3</td>
</tr>
</table>
(al principi ) <table border="1" cellpadding="5" cellspacing="10">
como se cuentan las tablas?
de izquierda a derecha, como si la leyeras
Segona Taula amb Capçaleres
amb negreta la part de dat(titol)
<table>
<tr>
<th>Columna 1</th> <th>Columna 2</th> <th>Columna 3</th>
</tr>
<tr>
<td>1-1</td> <td>1-2</td> <td>1-3</td>
</tr>
<tr>
<td>2-1</td> <td>2-2</td> <td>2-3</td>
</tr>
</table>
<table border="1" cellpadding="5" cellspacing="10">
(al principi)
Tercera Taula amb Capçaleres per Files amb negreta la part esquerra(titol)
<table>
<tr>
<th>Fila 1</th> <td>1-1</td> <td>2-2</td> <td>2-3</td>
</tr>
<tr>
<th>Fila 2</th> <td>2-1</td> <td>2-2</td> <td>2-3</td>
</tr>
</table>
<table border="1" cellpadding="5" cellspacing="10">
Quarta Taula amb Capçaleres Completes
4 columnes, 3 files y la de adalt a la esquerra buida, titols a dalt y a la esquerra(negreta)
<table border=”1” cellpadding=”5” cellspacing=”10”
<tr
<th>Columna 1</th <th>Columna 2</th <th>Columna 3</th
</tr
<tr
<td1-1</td <td1-2</td <td1-3</td
</tr
</table
</body
<table border="1" cellpadding="5" cellspacing="10">
colspan=”X”
rowspan=”X”
colspan=”X” → La celda se expande horizontalmente a través de X columnas.
rowspan=”X” → La celda se expande verticalmente a través de X filas.
-opcio per escriure
-Los campos <input></input> para q sirven
-tipos
<label>Camp de text:</label</label>
<input type=”text” id=”text”
<input type=”text” id=”text”
<input type=”number” id=”number”
<input type=”password” id=”password”
<input type=”file” id=”file”
<input type=”search” id=”search”
<input type=”date” id=”date”
<input type=”color” id=”color”
3. Área de texto (<textarea>)
Se usa para introducir texto más largo.</textarea>
<textarea>Escriu aquí els teus comentaris</textarea>
rows=”4” → Número de filas visibles.
cols=”40” → Número de columnas
4. Menú desplegable (<select>)
Permite elegir una opción de una lista.</select>
<select>
<option>Opció 1</option>
<option>Opció 2</option>
</select>
<option> define cada opción disponible.
5. Botones de opción (type="radio")
Permiten elegir solo una opción de varias.</option>
<input></input>
<label>Opció 1</label>
<input></input>
<label>Opció 2</label>
name=”radio” hace que solo se pueda seleccionar una opción a la vez.
6. Casillas de verificación (type=”checkbox”)
Permiten seleccionar múltiples opciones.
<input></input>
<label>Condició 1</label>
7. Botón de envío (<button>)
Permite enviar el formulario.</button>
<button>Enviar</button>
quadricula con celas diferentes
<table border=”1” cellpadding=”5” cellspacing=”0”
<tr
<th>C1</th
<th>C4</th
<th>C5</th
</tr
<tr
<td rowspan="2">1</td
<td colspan="2">4</td
</tr
<tr
<td>5</td
<td>5</td
</tr
<tr
<td colspan="2">2</td
<td rowspan="2">5</td
</tr
<tr
<td rowspan="2">2</td
<td>3</td
</tr
<tr
<td colspan="2">3</td
</tr
</table
<select></select>
<select
<option>opcio 1</option>
</select
