Diferencia entre revisiones de «Índice de etiquetas HTML5»

De Casiopea
 
(No se muestran 15 ediciones intermedias de 2 usuarios)
Línea 75: Línea 75:


====Formateando====
====Formateando====
-->(...ACÁ FALTAN LAS RESTANTES)
--[[Usuario:Jaime.ignacio|Jaime Perez Moena]] ([[Usuario discusión:Jaime.ignacio|discusión]]) 16:01 3 may 2013 (CLT)


====Formatting====
{| border="0" style="background:#ffffff" align="top" class="wikitable"
! width="250 px" style="background:#008FB2; color:white"|Etiqueta
! width="300 px" style="background:#008FB2; color:white"|Descripción
|-style="background:#f0f0f0"
|<pre><acronym></pre>
||
*No es compatible con HTML5. Define un acrónimo
|-
|<pre><abbr></pre>
||
*Define una abreviatura
|-
|-style="background:#f0f0f0"
|<pre><address></pre>
||
*Define la información de contacto del autor / propietario de un documento / artículo
|-
|<pre> <b> </pre>
||
*Define el texto en negrita
|-
|-style="background:#f0f0f0"
|<pre> <bdi> </pre>
||
*Aísla una parte de texto que podría ser formateado en una dirección distinta de otro texto fuera de ella.
|-
|<pre> <bdo> </pre>
||
*Reemplaza la dirección del texto actual.
|-
|-style="background:#f0f0f0"
|<pre> <big> </pre>
||
*No es compatible con HTML5. Define texto grande
|-
|<pre><blockquote></pre>
||
*Define una sección en la que se cita de otra fuente
|-
|-style="background:#f0f0f0"
|<pre><center></pre>
||
*No es compatible con HTML5. Desaprobado en HTML 4.01. Define texto centrado
|-
|-style="background:#f0f0f0"
|<pre><cite></pre>
||
*Define el título de un trabajo
|-
|-style="background:#f0f0f0"
|<pre><code></pre>
||
*Define un trozo de código de computadora
|-
|-style="background:#f0f0f0"
|<pre><del></pre>
||
*Define el texto que ha sido borrado de un documento
|-
|-style="background:#f0f0f0"
|<pre><dfn></pre>
||
*Define un término definido
|-
|}
 
====Formas====
 
{| border="0" style="background:#ffffff" align="top" class="wikitable"
! width="250 px" style="background:#008FB2; color:white"|Etiqueta
! width="300 px" style="background:#008FB2; color:white"|Descripción
|-style="background:#f0f0f0"
|<pre><form></pre>
||
*Define un formulario HTML para la entrada del usuario
|-
|<pre><input></pre>
||
*Define un control de entrada
|-
|-style="background:#f0f0f0"
|<pre><textarea></pre>
||
*Define un control de entrada multilínea (área de texto)
|-
|<pre><button></pre>
||
*Define un botón clicable
|-
|-style="background:#f0f0f0"
|<pre><select></pre>
||
*Define una lista desplegable
|-
|<pre><optgroup></pre>
||
*Define un grupo de opciones relacionadas en una lista desplegable
|-
|-style="background:#f0f0f0"
|<pre><option></pre>
||
*Define una opción en una lista desplegable
|-
|<pre><label></pre>
||
*Define una etiqueta de un elemento <input>
|-
|-style="background:#f0f0f0"
|<pre><fieldset></pre>
||
*Grupos relacionados con elementos de forma
|-
|<pre><legend></pre>
||
*Define un título para un <fieldset><figura>, o elemento de <details>
|-
|-style="background:#f0f0f0"
|<pre><datalist>New</pre>
||
*Especifica una lista de opciones predefinidas para controles de entrada
|-
|<pre><keygen>New</pre>
||
Define un campo generador de par de claves (de formas)
|-
|-style="background:#f0f0f0"
|<pre><output>New</pre>
||
*Define el resultado de un cálculo
 
|}


===Encargos Personales===
===Encargos Personales===
Línea 86: Línea 214:
====Grupo 1====
====Grupo 1====


{{#widget:SlideShare
http://wiki.ead.pucv.cl/index.php/Web_Bit%C3%A1cora_Alberto_Cruz_Grupo_I
|doc=tabladecontenidosbitacoraweb-130507134752-phpapp01
|width=425
|height=348
}}
 
{{#widget:SlideShare
|doc=mapanavegacinbitacoraacpdf-130507135514-phpapp01&type=d
|width=425
|height=348
}}
 
{{#widget:Vimeo|}}


====Grupo 3====
====Grupo 3====

Revisión actual - 10:47 10 may 2013


TítuloÍndice de etiquetas HTML5
Tipo de ProyectoProyecto de Taller
Palabras Clavehtml, html5, tags
Período2013-
AsignaturaTaller de Diseño Gráfico 5ª Etapa,
Del Curso3º DG 2013,
CarrerasDiseño Gráfico"Diseño Gráfico" is not in the list (Arquitectura, Diseño, Magíster, Otra) of allowed values for the "Carreras Relacionadas" property.
Alumno(s)Franco Baldassare, Carla Cárcamo, Ingrid Céspedes, Karol Barrera, José Miguel Ortega, Cindy Sanhueza, Melany Marin, Mauro Villena, Constanza Johnson, Sofía Enriquez, Javiera Escudero, Lucas León, Javiera Ulzurrún
ProfesorSylvia Arriagada, Jaime Pérez Moena

Presentación

El martes 30 de Abril se da inicio al proyecto de creación de una versión digital para la bitácora de Alberto Cruz, con una presentación durante la clase.

Se presentan conceptos básicos de HTML y CSS: definiciones, estructura, reglas dadas dentro de la hoja de estilos y diferencias entre id y clase.

Encargo

  • Traducir conceptos básicos de etiquetas desde la lista en el sitio http://www.w3schools.com/tags/ref_byfunc.asp dentro de la Wiki Casiopea.
  • Editar la lista de elementos desde indesign a formato doble carta (Impreso)
  • Una segunda versión de la misma lista en un documento HTML

Traducción de Etiquetas

Generales

Etiqueta Descripción
<!DOCTYPE> 
  • Define el tipo de documento
<html>
  • Define un documento HTML
<title>
  • Define el título del documento
<body>
  • Define el contenido del documento
<h1> a <h6>
  • Define títulos de encabezado
 <p> 
  • Define un párrafo
 <br> 
  • Inserta un corte en la linea de texto
 <hr> 
  • Define un cambio tematico en el contenido
 <!--...--> 
  • Define un comentario (el cual no saldrá dentro del resutado de la

página)

Formateando

Etiqueta Descripción
<acronym>
  • No es compatible con HTML5. Define un acrónimo
<abbr>
  • Define una abreviatura
<address>
  • Define la información de contacto del autor / propietario de un documento / artículo
 <b> 
  • Define el texto en negrita
 <bdi> 
  • Aísla una parte de texto que podría ser formateado en una dirección distinta de otro texto fuera de ella.
 <bdo> 
  • Reemplaza la dirección del texto actual.
 <big> 
  • No es compatible con HTML5. Define texto grande
<blockquote>
  • Define una sección en la que se cita de otra fuente
<center>
  • No es compatible con HTML5. Desaprobado en HTML 4.01. Define texto centrado
<cite>
  • Define el título de un trabajo
<code>
  • Define un trozo de código de computadora
<del>
  • Define el texto que ha sido borrado de un documento
<dfn>
  • Define un término definido

Formas

Etiqueta Descripción
<form>
  • Define un formulario HTML para la entrada del usuario
<input>
  • Define un control de entrada
<textarea>
  • Define un control de entrada multilínea (área de texto)
<button>
  • Define un botón clicable
<select>
  • Define una lista desplegable
<optgroup>
  • Define un grupo de opciones relacionadas en una lista desplegable
<option>
  • Define una opción en una lista desplegable
<label>
  • Define una etiqueta de un elemento <input>
<fieldset>
  • Grupos relacionados con elementos de forma
<legend>
  • Define un título para un <fieldset><figura>, o elemento de <details>
<datalist>New
  • Especifica una lista de opciones predefinidas para controles de entrada
<keygen>New

Define un campo generador de par de claves (de formas)

<output>New
  • Define el resultado de un cálculo

Encargos Personales

Encargos Grupales

Grupo 1

http://wiki.ead.pucv.cl/index.php/Web_Bit%C3%A1cora_Alberto_Cruz_Grupo_I

Grupo 3

Grupo 2

Grupo 3

Referencias