ESTRUCTURA DE UNA PAGINA WEB
Enviado por Keimer Asprilla Mena • 25 de Mayo de 2022 • Apuntes • 1.305 Palabras (6 Páginas) • 85 Visitas
ESTRUCTURA DE UNA PAGINA WEB
[pic 1]
= etiquetas [pic 2][pic 3]
= atributo [pic 4]
= valor[pic 5]
= contenido de la etiqueta
<!DOCTYPE html> indica que el contenido es HTML 5
<html> indica el comienzo y el final del documento
<head>
<!----> sirve para dejar un comentario no visible para usuario
<h1>titulo encabezado de la página</h1>
<style> agrupa varias etiquetas o elementos de la tabla para darles el mismo estilo
Table, th, td {
Border: 1x solid black;
}
</style>
</head>
<body> incluye todo el contenido de nuestra pagina
<h1>indica que va el título principal</h1>
<hr> traza una línea
<p>párrafo</p> Sirve para indicar párrafos dentro de la web
<br> sirve para hacer saltos de línea
<h2>subtitulo de mi post</h2>
<p>párrafo </p>
<p><span>párrafo</span></p> sirve para referenciar texto dentro de otra etiqueta para poder transformarlo
<h3>subtítulos</h3> hasta <h6></h6>
<p>párrafo</p>
<a target=”_blank” href=”va el link ”>ir a</a> = <a></a>(hipervínculo), target (lleva a una nueva pestaña), href (indica el link a donde quiero ir)
<img src”poner link de imagen o ruta de guardado en pc ” width”tamaño de imagen” heigth=”tamaño imagen”/>
<form action=”/formulario” method=”GET O POST”> sirve para recolectar información del usuario (formulario) se pueden agregar cuantos queramos, action=”” indica la ruta a donde se va a enviar el formulario, method=”” indica el método de envió del formulario, Si hay mucha información es preferible usar POST
<label for=”nombre”>nombre</label> (label indica el nombre del campo que necesitamos), for=indica a que campo nos queremos enfocar(GET- envia los valores dentro del campo del formulario a una url
<input value=”keimir” type=”text” id=”nombre” name=”nombre” placeholder=”” value=””/> input agrega un campo de texto, atributos más usados : type =indica el tipo de valor(text, email, sudmit, password, radio, checkbox, file): id=”” indica el campo que hace referencia el label: name=””indica el nombre o contenido que va a obtener nuestro campo: placeholder=”” indica que tipo de información debemos introducir en nuestro campo.
<br>
<label for=”comentario”>comentario</label>
<textarea cols=”columnas” raws=”filas” id=” placeholder=”comentario” name=”comentario”></textarea>: textarea indica un cuadro de comentario, cols=”” indica #de columnas. Raws=””indica # de filas.
<br>
<input type=”submit” /> submit se usa para agregar un botón de envió
<button type=”button”></button> agrega un botón tipo botón
<button type=”reset”></button> agrega un botón de dejar rodo como estaba
<button type=”submit”></button> agrega botón de envió
</form>
<ul> lista no ordenada
<li>elemento 1</li> : li (elemento de la lista)
<li>elemento 2</li>
<li>elemento 3</li>
...