Manual 7

MANUAL DE REFERENCIA
Nombre: Mariela Pérez

Grado,Grupo:4 A
Maestro: Erick Vidal Alva Rangel
Programación
DOCTYPE
¿Para que sirve?Es la primera línea que aparecerá en nuestro documento de

html cada vez que hagamos uno,sin ello no se podrá navegar y será fácil de
interpretar correctamente al tipo de lenguaje que usemos.En un html5 se
debe utilizar un doctype diferente,y sobre todo es importante recordar que
será nuestra primera línea y es la que indicara al navegador que lenguaje
usar.
Atributos importantes
Tipo de documento (DTD),Ubicación del DTD,Compatibilidad con
estándares,Modo de renderizado.
Su sintaxis básica del doctype para html5 seria
<!DOCTYPE html>
Se coloca al principio de dicho documento.
Ejemplos de su uso
<!DOCTYPE html>
<html>
<head>
<title>Ejemplo de HTML5</title>
</head>
<body>
<h1>Este es un ejemplo de HTML5</h1>
<p>Contenido del documento...</p>
</body>
</html>
Visualizacion
No tiene una visualicion directa en el navegador,y cuando se rendiza una
pagina wen.en cambio,su función es tener una buena comunicación del
navegador.
HTML
Es un documento que nos sirve para crear alguna página web,ya sea
estructura o formateada.Existen múltiples propósitos y algunas d ellos serían
que sea estructurado su contenido,presentar buena información,dar
formatos,es decir que nos sirven para una buena proporción.
Class,id,href,src,alt,title,style,type
Sintaxis
<!DOCTYPE html>
<html>
<head>
<title>Título de la página</title>
</head>
<body>
<h1>Encabezado principal</h1>
<p>Este es un párrafo de texto.</p>
<a href="https://www.ejemplo.com">Enlace a un sitio web</a>
<img src="imagen.jpg" alt="Descripción de la imagen">
</body>
</html>
Esto es sola una introducción de dicha sintaxis
Visualización
Es realizada en un navegador web,como chrome,firefox,safari,edge,etc.
HEAD
Sirve para contener metadatos y enlaces,que sean recursos necesarios para
configurar una página web,pero que no son parte de un contenido visible que
se muestre en el navegador.
<title>
text
<meta>
Charset,name,content,http-equiv
<link>
Rel,href
<style>
Type,media
<script>
Type,src
Sintaxis
No cuenta con una como tal,ya que su propósito principal sería ser
contenedor para otros elementos.
TITLE
Se utiliza para el definir un título de una página web,es un elemento
fundamental para su accesibilidad y su usabilidad para dicha página web,que
proporciona una indicación clara y concisa.
No contiene atributos,ya que su único propósito es el proporcional el título d
una página web.
Sintaxis
<!DOCTYPE html>
<html>
<head>
</head>
<body>

</body>
</html>
META
Se utiliza para los metadatos,y no se muestran directamente en la página
web,sin dejar d lado que es importante el configurar y el describir la página
web de una manera adecuada.Especifica un conjunto de caracteres que se
utilizan en un documento html.
<meta charset="UTF-8">
<meta name="description" content="Descripción de la página">
<meta name="keywords" content="palabra clave 1, palabra clave 2, palabra
clave 3">
<meta name="author" content="Nombre del autor">
Sintaxis
Varía dependiendo del propósito que se busca ser utilizado
BODY
Sirve para obtener el contenido visible de una página web,donde se colocan
elementos que sean visibles para el usuario cuando visite la página web.
El contenido de la página,su estructura,interactividad,su estilo y
presentación.
No cuenta con atributos,su función principal es el contener el contenido
visible de una página web.
Sintaxis
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>Este es un encabezado</h1>
<p>Este es un párrafo de texto.</p>
</body>
</html>
P
Tiene la funcionalidad de definir un párrafo,sirven para un ordenador de
contenedor de texto y otros elementos en línea.Esta conformado por una
etiqueta,contenido y su cierre,aunque se debe anotar si existe algún otro
elemento.
<p>Esto es un texto en un párrafo.</p>
SPAN
Es un contenedor genérico sin significado semántico en particular, y es
comúnmente usado en la creación de paginas que su propósito es estilístico,
junto con un atributo style y class. Tambien se puede utilizar como lang o
tittle.Es decir, que simplemente esta diseñado para contener líneas simples
de un texto.
h1>Pintando el arcoíris</h1>
<p>: <span style="color: #ed1b24">rojo</span>, <span style="color:
#d9cc00">amarillo</span>, <span style="color: #00a3e8">azul</span>,
<span style="color: #a349a3">violeta</span>, <span style="color:
#ff7f26">naranja</span>, <span style="color: #a1cc1b">verde</span> e
<span style="color: #5701ae">índigo</span>.</p>
BR
Este elemento debe ser utilizado para quiebres de línea, que forman parte de
un flujo de texto.Su utilización es separar temáticamente o de su
presentación de manera inadecuada.
<!DOCTYPE html>
<html lang="es">
<head>
<title>Salto de línea</title>
</head>
<body><h1>Saltos de linea</h1>
Primera línea
<br><br>
Segunda línea</body>
</html>
I
Se utiliza para aplicar en una fuente de una letra sea cursiva,o de un estilo de
fuente diferente al de una pagina web.El resaltar un texto diferente y sin
necesidad de enfatizar en lo importante.Tiene una combinación con otros
elementos.
<p>La película <i>El padrino</i> es un clásico del cine americano.</p>

EM
Es una marca que busca apropiadamente marcar con un énfasis en partes
importantes de un texto.Se utiliza en una pagina web,y se puede mostrar en
cursiva o negrita,dependiendo del estilo de la pagina.
<p>El plazo para enviar la solicitud de empleo es <em>mañana</em>.</p>.
B
Se utiliza para un texto que es enfatizado que no tiene significado adicional,
es decir, sólo es utilizado para un estanque de un texto. Será encontrado
buscando algún elemento clave,ya sea,marcas,productos,nombres de
personas,texto inicial de una frase,o la entrada de algún articulo.
<p>This is normal text - <b>and this is bold text</b>.</p>

STRONG
Indica que un texto sea destacado sobre el resto,y normalmente es mostrado
en letra negrita.Se necesitara una segunda etiqueta que delimite un
final,para que dicho texto deje de estar destacado y continue normalmente.
<p><strong>Manz</strong> es un streamer de desarrollo de Twitch.</p>
SMALL
Busca representar un texto de manera no importante y que su tamaño tenga
una comparación con un contenido circundante.Se suele utilizar para mostrar
textos de manera “legal”,notas d pie d una página,derechos de autor,o otra
información similar.
<p>Este es un párrafo de texto normal.</p>
<small>Este es un texto de menor importancia, como una nota de pie de
página.</small>
Q
Es utilizado para cuando se busca indicar en un texto un elemento de cita
breve,y esto permitirá al navegador y motores de búsqueda el poder conocer
una cita d manera adecuada,como poner comillas alrededor d un texto
citado.Esto será parte importante ya que podría ayudar para poder
identificar la parte importante del contenido.
<p>El famoso dicho es: <q>La vida es lo que pasa mientras estás ocupado
haciendo otros planes.</q></p>
DEL
Sirve para representar aquel texto que haya sido eliminado o marcado como
absoleto en comparación con una versión actual de dicho documento.Será
útil para cuando se desee mostrar cambios revisiones en el contenido,ya sea
en documentos colaborativos o sistemas de control.
<p>El siguiente texto ha sido eliminado:</p>
<del>Este es un texto que ya no es relevante para el documento.</del>
<p>El siguiente texto es la versión actualizada:</p>
<p>Este es el texto actualizado que reemplaza al anterior.</p>
U*
Es utilizado por aquello que está “subrayado “en un texto,pero su uso ha sido
desaconsejado a favor de CSS para un estilo d presentación.Es una manera
flexible y controlada,por lo que su uso es directo del elemento.
<p>Este es un texto con <u>subrayado</u>.</p>
S*
Se utiliza para representar aquello que haya sido tachado sin necesidad de
eliminarlo,y anteriormente era utilizado para indicar el contenido que ha sido
“strike-through” o simplemente tachado.
<p>Este es un texto que ha sido <s>tachado</s>.</p>

BASE
Se utiliza para determinar el URL que se podría usar como base para todas las
direcciones de URLs relativas. Es decir, que si tendríamos que repetir muchas
veces la misma URL,dicha etiqueta nos servirá para no tener que repetir
muchas veces el mismo enlace.Nos servirá nuestra etiqueta como una base.
H1
Es un encabezado html que se utiliza para marcar un tema principal de una
pagina.Dentro de un código lo encontraras como:<h1></h1> .Es importante
recalcar que hay una delimitación, de primera porque uno hace referencia a
una pagina de un sitio web y no al sitio web en general.
H2
Representa un encabezado de nivel 2,ya que los encabezados son de h1 a h6
y son títulos que definen secciones implícitas de un documento y organizan
un contenido de una estructura jerárquicas un documento llegara a cambiar
las secciones del documento dejan de ser implícitas para ser definidas.
H3
Se utiliza para definir títulos dentro de un subapartado encabezadp por
<h2>.Esta etiqueta es una herramienta que no es muy potente para el SEO
por lo que no es muy recomendable usarlas. Es “hermana” de las etiquetas
h1,h2.
H4
Tiene la función de establecer un titulo de encabezado en un nivel 4,y es
importante en una determinada sección o contenido general de un
documento html a visualizar para un visitante o usuario.
H5
Representa un encabezado de nivel 5,y se utiliza para dividir y organizar el
contenido de sub partes especificas. Se utiliza para escribir encabezados, ya
que después del cierre automáticamente el visualizador inserta un salto de
párrafo.
H6
Al igual que la etiqueta <h5>, tiene un encabezado de nivel 6,y su
funcionalidad vendría siendo la misma el establecer el titulo para un
contenido html.
A
El crear un enlace de otras páginas de internet,archivos,ubicaciones
dentro,de una misma pagina, direcciones de correo o cualquier otra
URL.Representa un vínculo, y si el atributo href está presente,y un marcador
de posición para un vínculo de otro caso.
CITE
Representa a una cita del título de una obra. Dicho elemento puede ser
usado para citar títulos de libros, artículos científicos, ensayos, pinturas,
esculturas ,obras de teatro, canciones, películas, series de TV, videojuegos,
etc. También se puede utilizar para citar una referencia en línea o bloqueo de
texto.
ABBR
Sirve para indicar el significado de una palabra abreviada o las siglas de un
término. Esta etiqueta no tiene una utilidad funcional visible para los
usuarios, pero en algunos navegadores se puede ver la función al pasar el
puntero del mouse por la palabra etiquetada, resaltando el significado de la
palabra, además esta etiqueta ayuda a que los buscadores entiendan mejor
el contenido de la página.
i
CODE
Esta representado a un fragmento de código de computadora, que puede ser
cualquier texto legible para computadoras. Entre muchos otros ejemplos,
puedes encontrar dentro del elemento <code> una parte dentro de un
programa en cualquier lenguaje de programación.
VAR
Se utiliza para definir una variable en un contexto de programación. Este
elemento es útil para describir partes de un código de programación y es
comúnmente utilizado en documentación técnica. no tiene atributos
específicos, pero puede utilizar los atributos globales de HTML.
SAMP
Es utilizado para incluir texto en línea que sea representado por una
muestra(o cita)de la salida de un programa de ordenador.Su contenido es
renderizado generalmente usando la tipografía monoespaciada por defecto
del navegador.
KBD
Representa una entrada para un usuario que puede ser echa por un teclado o
cualquier otro medio,como mouse,pantalla táctil o comandos de voz.Y para
dejarlo un poco más claro es utilizado para la entrada de datos de parte del
usuario..
SUB
Sirve para definir un fragmento de texto que es mostrado por razones
tipográficas,ya sea más bajo y más pequeño ,que el tramo principal de dicho
texto.Bajo un formato de subíndice dentro de un documento html.
SUP
Busca definir un fragmento de texto que sea mostrado,por razones
tipográficas,ya sea más alto o más pequeño,que un tramó principal de un
texto,es decir,en superíndice.
BASE
Se utiliza para especificar una URL base para todas las URL relativas de un
documento,esto significaria que cualquier URL dentro de un documento de
resolverla con la URL especificada en la etiqueta <base>.También podrá ser
útil para simplicar la escritura URL en un documento grande o para cambiar
las bases de una URL dentro d ello.
LINK
Se utiliza principalmente para vincular recursos externos a un documento
html,y también puede ser utilizado para vincular hojas de estilo
Css,fuentes,archivos de iconos,archivos javascript y muchos más.
STYLE
Se utiliza para incluir reglas de estilos CSS directamente en un documento
html.Esto permitirá el definir estilos específicos de un elemento dentro del
documento sin necesidad de usar un archivo CSS externo.
IMG
Se utiliza para insertar imágenes en una página web,dicha etiqueta no cuenta
con una “etiqueta de cierre”,ya que es una de autocierre.
OL
Se utiliza para crear listas ordenadas. Esta etiqueta se utiliza para indicar que
los elementos de la lista deben aparecer en un orden específico y se
mostrarán con números o letras.Sus atributos importantes se basan en que
permite definir viñetas ordenadas
UL
Es un medio que busca facilitaran la interaccion entre el usuario y la
“maquina” y es una herramienta esencial para listas desordenadas en un
documento web ,se utiliza para presentar una serie de elementos
relacionados que no tienen un orden especifico,
Li
Representa a un ítem en una lista, ya sea ordenada(elemento <ol> o no
ordenado(elemento<ul>.En la especificación de HTML5, el atributo value de
este elemento está permitido únicamente en listas ordenadas (ol). Su uso en
listas no ordenadas (ul) es inválido.
TABLE
se utiliza para crear tablas en un documento HTML. Dentro de una tabla, se
pueden incluir filas y celdas para organizar y presentar información de
manera estructurada.La estructura básica de una tabla consta de una
etiqueta <table> que envuelve a otras etiquetas como <thead>, <tbody>,
<tfoot>, <tr>, <th> y <td>.
TH
Representa una celda de encabezado en una tabla (table). Las celdas de dicho
encabezado están pensadas para proveer información de encabezado para
las celdas de datos (td). Por lo tanto, es común encontrar a este tipo de
celdas dentro de filas (tr) que son parte de la sección de encabezado (thead)
o pie (tfoot) de una tabla.
TR
Es utilizada dentro de una etiqueta <table> para definir una fila de celdas, las
cuales son contenidas dentro de etiquetas <td> o <th> (que representan una
celda de datos o una celda de encabezado, respectivamente).
TD
Define la celda de una tabla que contiene datos. Esta participa en el modelo
de tablas. Este elemento contendrá el dato o información que desee mostrar
en esa celda. El contenido de una celda puede ser texto, enlaces, imágenes,
listas, etc.
CAPTION
Representa un título o leyenda para la tabla (table) en la que es declarado, y
se supone provee una muy corta pero precisa descripción acerca del
contenido o propósito de ésta. Es habitualmente mostrado, de manera
predeterminada, encima de la tabla asociada y con texto de alineación
centrada. Esta presentación puede ser alterada mediante hojas de estilos.

Manual 7

Cargado por

Información del documento

Título original

Derechos de autor

Formatos disponibles

Compartir este documento

Compartir o incrustar documentos

Opciones para compartir

¿Le pareció útil este documento?

¿Este contenido es inapropiado?

Copyright:

Formatos disponibles

Manual 7

Cargado por

Copyright:

Formatos disponibles

MANUAL DE REFERENCIA

Nombre: Mariela Pérez

¿Para que sirve?Es la primera línea que aparecerá en nuestro documento de

<p>La película <i>El padrino</i> es un clásico del cine americano.</p>

<p>El plazo para enviar la solicitud de empleo es <em>mañana</em>.</p>.

<p>This is normal text - <b>and this is bold text</b>.</p>

<p><strong>Manz</strong> es un streamer de desarrollo de Twitch.</p>

<p>Este es un texto que ha sido <s>tachado</s>.</p>

También podría gustarte