Descarga ya este juegazo para PC pinchando aqui en la imagen!
Descarga pinchando aqui el juego completo en español
CALL OF DUTY WW2 EL REGRESO DE LAS RAICES DE COD y su fecha de estreno: 3 de noviembre de 2017
Descargate FIFA 18 para PS3 Pinchando aqui en la imagen
Fecha de lanzamiento: 27 de octubre de 2017 · Plataforma PC PS4 XOne
Descarga ya NBA 2K18! A que esperas

Desarollo web en html, php y css [PARTE 1]

Tema en 'Desarrollo Web & Webmasters' iniciado por The_BOD79, May 1, 2017.

  1. The_BOD79

    The_BOD79 Recien llegado MIEMBRO
    • 2/75

    Registrado:
    May 1, 2017
    Mensajes:
    2
    likes Recibidos:
    1
    Puntos:
    2
    Género:
    Masculino
    Ubicación:
    Tierra
    Pais:
    España
    Hola , muy buenas a todos , se que muchos no entenderan en titulo , para esos he de deciros que este tutorial trata de profundizar dentro del html , css y php ( por lo menos dentro de mis conocimientos).En esta primera parte solo hablaremos de un poco del html.

    -Antes de entrar de lleno en ello querria explicaros un par de cosas , significados , ejemplos , etc.
    ·HTML:HiperText Markup Language,muchos ya conoceran este apartado;tenemos varias versiones del html, 2.0, 3.2, 4.0, 5.0; Tim Berners-Lee es su creador / un fisico antiguo que propuso un lenguaje de hipertexto y tras años y años de intentar popularizarse se logro hasta lograr legar al punto de hoy en dia en donde casi todas las webs lo usan.

    Originalmente, las páginas HTML sólo incluían información sobre sus contenidos de texto e imagenes. Con el desarrollo del estándar HTML, las páginas empezaron a incluir también información sobre el aspecto de sus contenidos: tipos de letra, colores y márgenes.

    ¿Y despues?Despues aparaecio el conocido JavaScript, que hizo que las paginas tambien incluyeran el codigo de las aplicaciones(scripts).

    Las paginas hechas con HTML se componen de la capeza y el cuerpo . La cabecera incluye información sobre la propia página, como por ejemplo su título y su idioma. El cuerpo de la página incluye todos sus contenidos, como párrafos de texto e imágenes.Para usarse en codigo se utiliza <head> ( del español ,cabeza) y <body> ( del ingles , cuerpo)

    Vamos a ver un ejemplo muy simple :
    <html>
    <head>
    <title>Tutorial del html </title>
    </head>
    <body>
    <p>Esto es <strong>MUY SENCILLO</strong></p>
    </body>
    </html>

    Ahora copia el codigo y pegalo en cualqueir editor de texto despues guardalo en un archivo con extension .html o .htm .
    Bien ahora que ya sabemos esto fijaros en el codigo , vamos a hablar un poco de cada cosa .
    -<html>:Indica el comienzo de el codigo , dentro del se coloca el <head> y el <body>.

    -<head>: delimita la parte de la cabecera del documento. La cabecera contiene información sobre el propio documento HTML, como por ejemplo su título y el idioma de la página. Los contenidos indicados en la cabecera no son visibles para el usuario, con la excepción de la etiqueta <title>, que se utiliza para indicar el título del documento y que los navegadores lo visualizan en la parte superior izquierda de la ventana del navegador (si no te has fijado anteriormente, vuelve a abrir el primer ejemplo en cualquier navegador y observa dónde se muestra el título de la página).

    -<body>: delimita el cuerpo del documento HTML. El cuerpo encierra todos los contenidos que se muestran al usuario (párrafos de texto, imágenes, tablas). En general, el <body> de un documento contiene cientos de etiquetas HTML, mientras que el <head> no contiene más que unas pocas.

    ·Ahora hablemos de las 91 etiquetas que podemos usar con el HTML.

    a, abbr, acronym, address, applet, area, b, base, basefont, bdo, big, blockquote, body, br, button, caption, center, cite, code, col, colgroup, dd, del, dfn, dir, div, dl, dt, em, fieldset, font, form, frame, frameset, h1, h2, h3, h4, h5, h6, head, hr, html, i, iframe, img, input, ins, isindex, kbd, label, legend, li, link, map, menu, meta, noframes, noscript, object, ol, optgroup, option, p, param, pre, q, s, samp, script, select, small, span, strike, strong, style, sub, sup, table, tbody, td, textarea, tfoot, th, thead, title, tr, tt, u, ul, var.

    De todas las etiquetas disponibles, las siguientes se consideran obsoletas y no se pueden utilizar: applet, basefont, center, dir, font, isindex, menu, s, strike, u.
    -Mas adelante hablaremos de cada una .
    La etiqueta <a> por ejemplo se emplea para incluir un enlace en una página. Utilizando sólo la etiqueta <a> no es posible establecer la dirección a la que apunta cada enlace.
    Por ejemplo añadiendo <a href="

    Sin privilegios para Descargar. Tienes que Registrarte o iniciar sesión para poder ver los links!

    ">Este enlace va a google </a>. dentro del <body>
    Siendo <a> la etiqueta y href el atributo , hay etiquetas que necesitan siempre un atributo

    Los dos mas utilizados son el id y el class pero funcionan mejor con el javascript y el css que ya hablaremos mas adelante

    Atributo Descripción
    id = "texto" Establece un identificador único a cada elemento dentro de una página HTML
    class = "texto" Establece la clase CSS que se aplica a los estilos del elemento
    style = "texto" Establece de forma directa los estilos CSS de un elemento
    title = "texto" Establece el título a un elemento (mejora la accesibilidad y los navegadores lo muestran cuando el usuario pasa el ratón por encima del elemento)

    Respecto al valor de los atributos id y class, sólo pueden contener guiones medios (-), guiones bajos (_), letras y/o números, pero no pueden empezar por números. Además, los navegadores distinguen mayúsculas de minúsculas y no se recomienda utilizar letras como ñ y acentos, ya que no es seguro que funcionen correctamente en todas las versiones de todos los navegadores.

    Atributo Descripción
    lang = "codigo de idioma" Indica el idioma del elemento mediante un código predefinido
    xml:lang = "codigo de idioma" Indica el idioma del elemento mediante un código predefinido
    dir Indica la dirección del texto (útil para los idiomas que escriben de derecha a izquierda)

    En las páginas XHTML, el atributo xml:lang tiene más prioridad que lang y es obligatorio incluirlo siempre que se incluye el atributo lang. Los idiomas se indican mediante un código estandarizado (es para español, en para inglés, etc.), tal y como se explicará más adelante en la sección idioma del enlace del capítulo 4.

    Como la palabra internacionalización es muy larga, se suele sustituir por la abreviatura i18n (el número 18 se refiere al número de letras que existen entre la letra i y la letra n de la palabra internacionalización).

    Atributo Descripción Elementos que pueden usarlo
    onblur Deseleccionar el elemento <button>, <input>, <label>, <select>, <textarea>, <body>
    onchange Deseleccionar un elemento que se ha modificado <input>, <select>, <textarea>
    onclick Pinchar y soltar el ratón Todos los elementos
    ondblclick Pinchar dos veces seguidas con el ratón Todos los elementos
    onfocus Seleccionar un elemento <button>, <input>, <label>, <select>, <textarea>, <body>
    onkeydown Pulsar una tecla (sin soltar) Elementos de formulario y <body>
    onkeypress Pulsar una tecla Elementos de formulario y <body>
    onkeyup Soltar una tecla pulsada Elementos de formulario y <body>
    onload La página se ha cargado completamente <body>
    onmousedown Pulsar (sin soltar) un botón del ratón Todos los elementos
    onmousemove Mover el ratón Todos los elementos
    onmouseout El ratón "sale" del elemento (pasa por encima de otro elemento) Todos los elementos
    onmouseover El ratón "entra" en el elemento (pasa por encima del elemento) Todos los elementos
    onmouseup Soltar el botón que estaba pulsado en el ratón Todos los elementos
    onreset Inicializar el formulario (borrar todos sus datos) <form>
    onresize Se ha modificado el tamaño de la ventana del navegador <body>
    onselect Seleccionar un texto <input>, <textarea>
    onsubmit Enviar el formulario <form>
    onunload Se abandona la página (por ejemplo al cerrar el navegador) <body>

    Atributo Descripción
    accesskey = "letra" Establece una tecla de acceso rápido a un elemento HTML
    tabindex = "numero" Establece la posición del elemento en el orden de tabulación de la página. Su valor debe estar comprendido entre 0 y 32.767
    onfocus, onblur Controlan los eventos JavaScript que se ejecutan cuando el elemento obtiene o pierde el foco

    El atributo tabindex permite alterar el orden en el que se seleccionan los elementos, por lo que es muy útil cuando se quiere controlar de forma precisa cómo se seleccionan los campos de un formulario complejo.

    Por su parte, el atributo accesskey permite establecer una tecla para acceder de forma rápida a cualquier elemento. Aunque la tecla de acceso rápido se establece mediante HTML, la combinación de teclas necesarias para activar ese acceso rápido depende del navegador. En el navegador Internet Explorer se pulsa la tecla ALT + la tecla definida; en el navegador Firefox se pulsa Alt + Shift + la tecla definida; en el navegador Opera se pulsa Shift + Esc + la tecla definida; en el navegador Safari se pulsa Ctrl + la tecla definida.

    Creo que por hoy ya esta bien en un siguiente tutorial seguiremos con el html (elementos,etc)





    .XHTML: es una adaptacion del HTML al lenguaje XML
     
    A Cyb3r le gusta esto.
  2. AngelCorrea

    AngelCorrea Nada es facil Nada es Imposible Staff MundoMania Moderador MIEMBRO
    • 41/75

    Registrado:
    Sep 29, 2016
    Mensajes:
    192
    likes Recibidos:
    62
    Puntos:
    41
    Género:
    Masculino
    Profesión:
    Informatica
    Ubicación:
    NewYork
    Página Inicial:
    Pais:
    PuertoRico
    Buen post compi si pudieras agregarle algunas imagenes fuera mucho mejor y se entenderia mucha mas. salud2s
     
    A Cyb3r y The_BOD79 les gusta esto.
  3. The_BOD79

    The_BOD79 Recien llegado MIEMBRO
    • 2/75

    Registrado:
    May 1, 2017
    Mensajes:
    2
    likes Recibidos:
    1
    Puntos:
    2
    Género:
    Masculino
    Ubicación:
    Tierra
    Pais:
    España

    Sin privilegios para Descargar. Tienes que Registrarte o iniciar sesión para poder ver los links!

    Buen post compi si pudieras agregarle algunas imagenes fuera mucho mejor y se entenderia mucha mas. salud2s
    Hacer clic para expandir...
    Para el siguiente pondre imagenes , tenia desabilitado el javascript y no me salia la opcion xDDDD
     
  • Cyb3r

    Cyb3r
    Administrador
    Staff MundoMania Administrador Uploader Desarrollador
    • 236/299

    Registrado:
    Sep 6, 2016
    Mensajes:
    1,958
    likes Recibidos:
    1,776
    Puntos:
    236
    Profesión:
    Cheff
    Ubicación:
    Nürnberg
    Pais:
    Alemania
    Como te ha comentado mi compañero, si le añades imagenes y color, y lo estructuras un poco quedaria muy bien explicado. Gracias por el aporte. Por cierto ya podeis editar los temas. Salu2
     
    A AngelCorrea le gusta esto.
  • Compartir esta página