Docsity
Docsity

Prepara tus exámenes
Prepara tus exámenes

Prepara tus exámenes y mejora tus resultados gracias a la gran cantidad de recursos disponibles en Docsity


Consigue puntos base para descargar
Consigue puntos base para descargar

Gana puntos ayudando a otros estudiantes o consíguelos activando un Plan Premium


Orientación Universidad
Orientación Universidad

Introduccion a la programacion Web, Monografías, Ensayos de Programación Informática

En este articulo, se habla acerca de los principios y conceptos basicos de la programacion web, desde etiquetas de html hasta propiedades y atributos de css basicos para comenzar a programar tu primera pagina web.

Tipo: Monografías, Ensayos

2022/2023

Subido el 15/02/2024

miguel-enrique-vilchez-villasmil
miguel-enrique-vilchez-villasmil 🇻🇪

1 documento

1 / 16

Toggle sidebar

Esta página no es visible en la vista previa

¡No te pierdas las partes importantes!

bg1
República Bolivariana de Venezuela
Ministerio del Poder Popular para la Educación Universitaria
Universidad Nacional Experimental Sur del Lago “Jesús María Semprum”
Programa Nacional de Formación en Informática (T2 - T2)
Docente: Alumno:
Jose Puerta Miguel Vilchez
U.C.: Programación II V- 28.549.431
Mayo del 2023
Investigación
Listado de etiquetas Html
ETIQUETAS INICIALES O DE RAÍZ
<!DOCTYPE html> Indica al navegador que el documento está basado en el estándar
HTML5
<html> </html> Representa la raíz de un documento HTML. Todos los demás elementos de
la estructura HTML deben ser recogidos dentro de estas etiquetas.
METADATOS DEL DOCUMENTO
<head> </head> Representa una colección de metadatos acerca del documento, incluyendo
enlaces a, o definiciones de, scripts y hojas de estilo. El resto de etiquetas de metadatos, irán
recogidas dentro de las etiquetas de apertura y cierre del head. Importante explicar que estos
metadatos del documento, es información para el navegador y no contenido que será visible
en la página web. A excepción de la etiqueta <title> que veremos a continuación.
<title> </title> Etiqueta usada para definir el título de la página web.
<link> Se usa para enlazar recursos externos al documento HTML. El ejemplo más común
son las hojas de estilos CSS.
<meta> Etiqueta usada para definir otros metadatos que no se pueden definir con una
etiqueta HTML específica. Por ejemplo para definir el autor del sitio, o la descripción del
mismo.
<style> </style> Etiquetas usadas para introducir código CSS en línea, es decir, en el propio
documento HTML.
ETIQUETAS DE SECCIONES O PARA ESTRUCTURAR EL HTML
<body> </body> Al contrario que la etiqueta de metadatos <head> <head>, todo lo que
quieras mostrar en la página web debe ir recogido dentro de las etiquetas de apertura y cierre
de
<body>. Este contenido será el que se muestre en la web.
pf3
pf4
pf5
pf8
pf9
pfa
pfd
pfe
pff

Vista previa parcial del texto

¡Descarga Introduccion a la programacion Web y más Monografías, Ensayos en PDF de Programación Informática solo en Docsity!

República Bolivariana de Venezuela Ministerio del Poder Popular para la Educación Universitaria Universidad Nacional Experimental Sur del Lago “Jesús María Semprum” Programa Nacional de Formación en Informática (T2 - T2) Docente: Alumno: Jose Puerta Miguel Vilchez U.C.: Programación II V- 28.549. Mayo del 2023

Investigación

Listado de etiquetas Html

ETIQUETAS INICIALES O DE RAÍZ

Indica al navegador que el documento está basado en el estándar HTML Representa la raíz de un documento HTML. Todos los demás elementos de la estructura HTML deben ser recogidos dentro de estas etiquetas. **METADATOS DEL DOCUMENTO** Representa una colección de metadatos acerca del documento, incluyendo enlaces a, o definiciones de, scripts y hojas de estilo. El resto de etiquetas de metadatos, irán recogidas dentro de las etiquetas de apertura y cierre del head. Importante explicar que estos metadatos del documento, es información para el navegador y no contenido que será visible en la página web. A excepción de la etiqueta que veremos a continuación. <title> Etiqueta usada para definir el título de la página web. Se usa para enlazar recursos externos al documento HTML. El ejemplo más común son las hojas de estilos CSS. Etiqueta usada para definir otros metadatos que no se pueden definir con una etiqueta HTML específica. Por ejemplo para definir el autor del sitio, o la descripción del mismo. Etiquetas usadas para introducir código CSS en línea, es decir, en el propio documento HTML. **ETIQUETAS DE SECCIONES O PARA ESTRUCTURAR EL HTML** Al contrario que la etiqueta de metadatos , todo lo que quieras mostrar en la página web debe ir recogido dentro de las etiquetas de apertura y cierre de . Este contenido será el que se muestre en la web.

Usadas para definir el contenido que será la sección de navegación de la web.
Se usa para definir el contenido principal del documento. Solamente puede existir uno por documento.

Define una sección del documento
Define contenido independiente de la web. Dentro de estas etiquetas suele alojarse el contenido adicional de la web. Suele ser contenido relacionado con la web pero de poca importancia

,

,

,

,

,
Son etiquetas HTML muy importantes, ya que son usadas para jerarquizar el contenido de la web. Las etiquetas se usan para explicar brevemente el contenido que irá a continuación.
Se usan para definir la cabecera la página web. Suele contener el logotipo, menú de navegación, etc.
Usadas para definir el pie de página. **ETIQUETAS PARA LA AGRUPACIÓN DE CONTENIDO**

Etiqueta usada para escribir párrafos de texto.
Etiqueta utilizada para «romper» entre dos secciones de una web. Usada comúnmente como separador.
 
Usada para pegar texto manteniendo el pre formato propio del texto.
Se usan para indicar que el contenido es texto citado.
Etiquetas para crear una lista ordenada
Etiquetas para crear una lista des-ordenada
  • Etiquetas que recogen el contenido de un elemento de una lista, sea ordenada o no.
    Usada para crear una lista de definiciones.
    Representa un término definido por la siguiente etiqueta
    Se usa para definir los términos listados antes que él.
    Indica una figura ilustrada como parte del documento HTML5.

    Se usa para llamar a una imagen vectorizada. ETIQUETAS PARA LA CREACIÓN DE TABLAS

    Etiquetas de apertura y cierre de una tabla. El resto de etiquetas de la tabla han de ir siempre recogidas entre estas dos etiquetas. Usada para indicar el título de la tabla. Etiqueta utilizada para agrupar dos o más columnas de una tabla. Usada para describir los datos concretos de una tabla. Indica el bloque de filas que describen las etiquetas de las columnas de la tabla. Indica los bloques de filas que describen los resúmenes, o datos totales de una columna de una tabla. Se usa para indicar una fila de celdas de una tabla. Usada para definir una celda de una tabla. Etiqueta que se usa para definir el encabezado de una celda ETIQUETAS PARA LA CREACIÓN DE FORMULARIOS
    Etiqueta de apertura y cierre de un formulario de una página web. El resto de etiquetas de formulario deben ir siempre recogidas entre estas etiquetas de apertura y cierre de formulario.
    Etiqueta que representa un conjunto o agrupación de elementos de un formulario. «Pinta» un recuadro alrededor de las etiquetas que estén contenidas dentro del
    Etiqueta ligada a
    . Indica el título del
    Se usa para definir el nombre o título de un control del formulario. Pinta un campo de introducción de datos para el usuario. Es de las principales etiquetas de un formulario. Etiqueta utilizada para representar un botón en el formulario. Input que permite una selección entre un conjunto de opciones.

    Etiqueta ligada a

    Añade un campo al usuario para que pueda introducir texto en unas líneas máximas de texto que el desarrollador puede definir.

    Descripción de uso de CSS

    CSS es utilizado para diseñar y dar estilo a las páginas web, por ejemplo, alterando la fuente, color, tamaño y espaciado del contenido, dividirlo en múltiples columnas o agregar animaciones y otras características decorativas. Este módulo proporciona un suave comienzo hacia el dominio de CSS con los conceptos básicos acerca de su funcionamiento, la sintaxis y la manera en que puedes comenzar a utilizarlo para agregar estilos al HTML.

    Tipos de Selectores

    Hay diferentes agrupaciones de selectores, y conocer qué tipo de selector necesitas te ayudará a encontrar la herramienta adecuada para tu trabajo. En estos sub artículos vamos a ver los diferentes grupos de selectores con más detalle. Selectores de tipo, de clase y de ID Este grupo incluye selectores que delimitan un elemento HTML, como por ejemplo un

    . h1 { } También incluye selectores que delimitan una clase: .box { } o un ID: #unique { } Selectores de atributo Este grupo de selectores te proporciona diferentes formas de seleccionar elementos según la presencia de un atributo determinado en un elemento: a[title] { } O incluso hacer una selección basada en la presencia de un atributo que tiene un valor particular asignado: a[href="https://example.com"] { } Combinadores

    :in-range :invalid :lang() :last-child :last-of-type :left :link :not() :nth-child() :nth-last-child() :nth-last-of-type() :nth-of-type() :only-child :only-of-type :optional :out-of-range :read-only :read-write :required :right :root :scope (en-US) :target :valid :visited

    Listado De Propiedades (Atributos)

    Atributo Etiqueta HTML5 Descripción accept

    , Tipos de archivos aceptados por el servidor. Puedes definirlos con valores separados por comas, por ejemplo: .doc, .ods, .txt, etc. O también puedes indicarle un conjunto de tipos de archivos, como por ejemplo: «video/» o «audio/» accept-charset Define una lista de caracteres soportados en el formulario. Por ejemplo: accept-charset=»ISO-8859-1″ accesskey Atributo Global Podrás configurar un botón de tu teclado para que se ejecute acción en la página web. Por ejemplo, un enlace hacia la página de contacto o la home.

    action El atributo especifica la URL dónde se enviarán los datos recogidos en el formulario, a menudo un archivo .php dentro del mismo servidor. align , ,

    , ,
    ,