cancelar
Mostrando resultados para 
Buscar en cambio 
Quiere decir: 
RocketUrf
Soporte al Jugador
Soporte al Jugador

¿Que es HTML y como se usa?

Hola a todos :3.

HTML (abreviatura de Hypertext Markup Language) es un lenguaje de marcado utilizado en la estructuración de páginas web. Su sintaxis es bastante simple y, al igual que XML, se basa en etiquetas, que representan los diversos elementos de una página, como imágenes y enlaces.

Les compartiremos algunas bases para que puedan crear sus publicaciones en HTML.

 

Etiquetas estructurales <! - ->

 

Crear un comentario

 

<html> </html>

Implica un documento html completo

 

<head> </head>

Implica el encabezado de un documento html

 

<meta>

Proporciona información general sobre el documento.

 

<style> </style>

Información de estilo

 

<script> </script>

Lenguaje de script

 

<noscript> </noscript>

Contenido alternativo para cuando el lenguaje de secuencias de comandos no es compatible

 

<title> </title>

El título del documento

 

<body> </body>

Involucra el cuerpo (texto y etiquetas) del documento html

 

  • bgcolor: Color de fondo #RRGGBB
  • background: Imagen como fondo
  • text: Color del texto principal
  • link: Color de los enlaces en la página
  • vlink: Color del enlace ya visitado
  • alink: color del enlace que se ha activado
  • marginheight: elimina el margen izquierdo solo en Netscape
  • marginwidth: elimina el margen superior de la página solo en Netscape
  • topmargin: elimina el margen superior de la página sólo en Internet Explorer
  • leftmargin: elimina el margen izquierdo sólo en Internet Explorer

<hn> </hn>

encabezados

Nivel de encabezado n para n de 1 a 6

 

<p> </p>

Párrafos

Un simple párrafo

 

  • align: Alineación de párrafo: izquierda, derecha, centro y justificar

 

<a> </a>

Enlaces 

 

Crea un enlace e incluye atributos comunes

 

  • href: la URL del documento que se vinculó a él. Para correo electrónico: mailto y enlace externo: http
  • name: el nombre del ancla
  • target: identifica la ventana o ubicación donde se debe abrir el enlace: en blanco, self, top, parent
  • rel: define los tipos de enlaces que avanzan
  • rev: Define los tipos de enlaces que invierten la acción
  • acesskey: asigna una tecla de acceso directo para este elemento
  • shape: para usar con formas de objetos
  • coords: Para usar con formas de objetos
  • tabindex: Determina el orden de las pestañas
  • onclick: Es un evento de JavaScript
  • onmouseover: Es un evento de JavaScript
  • onmouseout: es un evento de JavaScript

<ol> </ol>

 Listas

 

Una lista ordenada

 

  • Start: Define desde qué número comienza el listado
  • Type: Tipos de caracteres ordenados: A, a, I, i, 1

 

<ul> </ul>

Una lista desordenada

 

  • type: Tipos de caracteres desordenados: disco, cuadrado, círculo

 

<li> </li>

Un elemento de la lista

 

  • value: numeración individual del elemento de la lista
  • type: Tipos de caracteres ordenados: A, a, I, i y 1 para listado ordenado y disco, cuadrado y círculo para orden

 

<menu> </menu>

Un menú con una lista de artículos.

 

<em> </em> 

Formato de caracteres

Mayor énfasis en cursiva

 

<strong> </strong>

Mayor énfasis en negrita

 

<code> </code>

Muestra de código

 

<kbd> </kbd>

Texto a escribir

 

<var> </var>

Una variable o marcador de posición para otro valor

 

<samp> </samp>

Texto de muestra



<cite> </cite>

Una cita

 

<b> </b>

Texto en negrita

 

<i> </i>

Texto en cursiva

 

<u> </u>

Texto subrayado

 

<tt> </tt>

Fuente monoespacial (texto similar a la máquina de escribir)

 

<pre> </pre>

Texto preformateado

 

<strike> </strike>

Texto tachado

 

<s> </s>

Texto tachado

 

<sub> </sub>

Texto suscrito

 

<sup> </sup>

Texto superíndice

 

<big> </big>

Texto de fuente más grande que el estándar

 

<small> </small>

Texto de fuente más pequeño que el estándar

 

<blink> </blink>

Texto intermitente solo en Nestcape

 

Otros elementos
<hr>

Una regla horizontal

 

  • size: grosor de línea en píxeles
  • width: ancho de línea en píxeles o porcentaje
  • align: Alineación de línea en el centro, izquierda, derecha
  • color: color del hilo en #RRGGBB
  • noshade: Línea continua

 

<br>

Un salto de línea

 

<center> </center>

Centro

 

<div> </div>

Contenido

 

  • align- Alineación: izquierda, centro y derecha

 

<blockquote> </blockquote>

Texto con más margen

 

<address> </address>

Firmas o información general sobre el autor de un documento.

 

<font> </font>

Alterna el tamaño de fuente, el color y el tipo que se muestran

 

  • size: el tamaño de fuente varía de 1 a 7
  • color: el color de fuente #RRGGBB
  • face: El tipo de fuente

 

<basefonte>

Establece el tamaño de fuente predeterminado para la página actual

 

  • size: el tamaño de fuente varía de 1 a 7

 

<img>

imágenes

Inserte una imagen en línea en el documento e incluye atributos comunes

 

  • usemap: un mapa de imagen del lado del cliente
  • src: la URL de la imagen
  • alt: una cadena de texto que se mostrará en navegadores que no pueden admitir imágenes
  • align: determina la alineación de una imagen determinada: superior, media, inferior, izquierda y derecha
  • height: es la altura sugerida en píxeles
  • width: es la extensión sugerida en píxeles
  • vspace: El espacio entre la imagen y el texto arriba y abajo
  • hspace: el espacio entre la imagen y el texto a la izquierda y a la derecha
  • border: Ancho del borde

 

<frameset> marcos </frameset>

Define un conjunto de marcos

 

  • rows: Número de filas en el marco
  • cols: Número de columnas en el marco
  • frameborder: Borde del marco
  • framespacing: Espaciado
  • onload: es un evento intrínseco
  • onunload: es un evento intrínseco

 

<frame> </frame>

Define un conjunto de marcos

 

  • name: es el nombre del marco de destino
  • src: Llama a la fuente de contenido del marco
  • frameborder: determina el borde del marco
  • marginheight: determina el ancho de los márgenes
  • noresize: determina la capacidad de cambiar el tamaño de los fotogramas
  • scrolling: determina la capacidad de desplazarse dentro de los cuadros: automático, sí y no

 

<iframe> </iframe>

Define un marco en línea.

 

<noframes> </noframes>

Alterna el contenido cuando los marcos no son compatibles

 

<table> </table>

Tablas

Crear una tabla

 

  • background: Imagen de fondo
  • bgcolor: Color de fondo
  • border: ancho del borde en píxeles
  • cols: Número de columnas
  • cellpadding: Espaciado en celdas
  • cellspacing: Espaciado entre celdas
  • width: Ancho de la mesa
  • align: Alineación de la tabla: izquierda, centro, derecha
  • bordercolor - Color en el borde de la mesa

 

<tr> </tr>

Una fila en la tabla

 

  • align: la alineación horizontal del contenido de la celda dentro de esa línea con los valores posibles left, right, center, justify y char
  • bgcolor: Color de fondo
  • valign: la alineación vertical del contenido de la celda dentro de esa línea con los posibles valores superior, medio, inferior y de línea de base
  • background: figura como fondo

 

<th> </th>

Un encabezado de celda de tabla

 

  • align: Alineación horizontal
  • valign: Alineación vertical
  • bgcolor: Color de fondo
  • rowspan: El número de filas por las cuales esta celda se expandirá
  • colspan: la cantidad de columnas por las cuales esta celda se expandirá
  • nowrap: Desactiva el encuadre de texto en una celda

 

<td> </td>

Define una celda de datos de la tabla

 

  • align: Alineación horizontal
  • valign: Alineación vertical
  • bgcolor: Color de fondo
  • rowspan: El número de filas por las cuales esta celda se expandirá
  • colspan: la cantidad de columnas por las cuales esta celda se expandirá
  • nowrap: Desactiva el encuadre de texto en una celda
  • width: ancho de celda
  • height: altura de la celda

 

<form> </form>

Formularios

Define un formulario

 

  • action: responsable de determinar la ubicación exacta donde se debe enviar la información recopilada en el formulario
  • method: Método para empaquetar datos de formulario: get, post y enctype = "multipart / form-data"
  • name: Nombre del objeto

 

<input>

Caja de texto

 

  • type: Tipo de datos: texto, archivo, radio, casilla de verificación, oculto, contraseña, enviar, restablecer, botón, imagen
  • name - Identificación del campo
  • size: Ancho
  • maxlength: número máximo de caracteres permitidos
  • value: texto que aparece dentro del cuadro o el nombre del botón
  • Checked value: valor asumido cuando se selecciona este campo

 

<textarea> </textarea>

Le permite crear elementos de entrada con características de texto.

 

  • rows: Tamaño de fila del cuadro de texto
  • cols: tamaño de columna del cuadro de texto
  • name: Identificación del campo
  • wrap: Salto de línea del cuadro de texto: apagado, virtual, físico

 

<select> </select>

Selección

 

  • name- Identificador

 

<option> </option>

Opcion

 

  • value: valor de campo

 

 

Para usar solo debes seleccionar la opción de HTML.

HTML foros

HTML

También existen herramientas que pueden ayudarte a crear códigos HTML como el que te compartiré a continuación.

 

https://htmled.it/or/

 

Espero que haya ayudado esta información.

 

Saludos.

Esta guía fue basada en la publicación de CapRipley de los foros de BR

Etiquetas (3)
5 RESPUESTAS 5
Jj Apk Jensys
Minion
Minion

Porque hablas de Html en Riot Games eso no tiene nada que ver con LoL o algo que pertenezca a Riot Games

Betdram
Minion
Minion

Lenguaje de marcado, se utiliza normalmente para realizar paginas webs.

KRAK
Dragón
Dragón

Solo estan permitidas las etiquetas que se muestran aqui, o tambien se pueden utilizar el resto de etiquetas?

RocketUrf
Soporte al Jugador
Soporte al Jugador

Todas! :3

Los sripts igual? eso lo hace tremendamente inseguro al foro. Espero que realmente esten desactivados...