Tarea 1: Conceptos Básico para Desarrollo Web (Parte II)
¡Hola Steemit!
Este trimestre comencé el proceso de admisión en una agrupación de estudiantes dedicada al desarrollo web. Durante el proceso de admisión me irán mandando varias tareas y quisiera irlas compartiendo.
Este post se redactó escuchando esta playlist. Al momento de escribir este párrafo estoy escuchando Run for Cover de The Killers.
¿Por qué HTML no es un lenguaje de programación?
HTML solo existe para decirle al navegador como interpretar cada sección del documento, pero no procesa datos, no realiza operaciones matemáticas ni lógicas, no permite crear un código ejecutable, no sirve para realizar tareas, solo para "marcar" texto. Por eso no es un lenguaje de programación.
¿Qué es <head>, <body> y <script> en HTML? ¿Qué va en cada uno de ellos?
Cada uno es un tag o etiqueta, que permite definir los elementos correspondientes a cada uno.
- El elemento
<head>provee metadatos sobre el documento, incluyendo título y enlaces a scripts y hojas de estilo.
Ejemplo:
<head>
<meta charset="utf-8">
<title>Esto es un título</title>
</head>
- En el elemento
<body>va el contenido del documento, lo que se ve en el navegador.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Esto es un título</title>
</head>
<body>
Este es el contenido del texto.
</body>
</html>
- En un elemento
<script>va o un script ejecutable o el enlace a uno.
Ejemplo:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Esto es un título</title>
<script>
function botonClickeado() {
document.getElementById('clickeable').innerHTML = 'presionado'
}
</script>
</head>
<body>
<p id="clickeable">Este es el contenido del texto.</p>
<button type="button" onclick="botonClickeado()">Click</button>
</body>
</html>
¿Qué son las clases de una etiqueta de HTML? ¿Qué es un id en una etiqueta de HTML?
Una clase en HTML permite agrupar varios elementos en un solo conjunto. Un id en HTML le permite dar un nombre único a un elemento. Ambos pueden ser utilizados por un script o una hoja de estilo. Un ejemplo es el de arriba, donde una función en Javascript cambia el contenido de un parrafo con id "clickeable".
4 etiquetas de HTML y algunos de sus atributos.
<a>: Define un hipervínculo o link. Algunos de sus atributos son:
download: especifica que el contenido objetivo será descargado cuando el usuario le de click al link.
href: especifica la URL del link.<form>: usada para crear un formulario que recibe entradas del usuario. Algunos de sus atributos son:
action: especifica a que URL mandar los datos del formulario.
method: especifica el método HTTP a usar para enviar los datos del formulario.<ul>: define una lista no ordenada (sin indices).<li>: define un item de una lista (ordenada o no ordenada).
Post con información super útil y practica, muchas gracias por compartir! Te di up-vote, espero la siguiente parte :D Saludos!