Scribd
Cargar
3 vistas2 páginas

Esquema HTML

El documento describe HTML como el lenguaje utilizado para crear páginas web, explicando su sintaxis basada en etiquetas que delimitan el contenido. Se detalla la estructura de un documento HTML, incluyendo el encabezado y el cuerpo, así como ejemplos de etiquetas comunes. Además, se introduce CSS como una herramienta para personalizar el HTML mediante hojas de estilo que definen propiedades visuales para los elementos de la web.

Cargado por

chovalen1
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd
3 vistas2 páginas

Esquema HTML

El documento describe HTML como el lenguaje utilizado para crear páginas web, explicando su sintaxis basada en etiquetas que delimitan el contenido. Se detalla la estructura de un documento HTML, incluyendo el encabezado y el cuerpo, así como ejemplos de etiquetas comunes. Además, se introduce CSS como una herramienta para personalizar el HTML mediante hojas de estilo que definen propiedades visuales para los elementos de la web.

Cargado por

chovalen1
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como DOCX, PDF, TXT o lee en línea desde Scribd

HTML y CSS

HTML

- Definición
o Es el lenguaje con el que se escriben las páginas web.
- Sintaxis
o HTML basa su sintaxis en un elemento de base al que llamamos etiqueta.
 La etiqueta presenta frecuentemente 2 partes
 Una apertura de forma general <etiqueta>
Un cierre de tipo </etiqueta>
Todo lo incluido en el interior de esa etiqueta sufrirá las modificaciones que
caracterizan a esta etiqueta.
- Partes
o Un documento HTML ha de estar delimitado por la etiqueta <html> y </html>.
 Encabezado
 delimitado por <head> y </head>
 colocaremos etiquetas de índole informativo
 Cuerpo
 Posee las etiquetas <body> y </body>
 Será donde colocaremos nuestro texto e imágenes, delimitados a su
vez por otras etiquetas
- Estructura
o <html>
<head>
<title>Cocina Para Todos</title>
</head>
<body>
<p><b>Bienvenido, </b></p>
<p>Estás en la página <b>Comida para Todos</b>. </p>
<p>Aquí aprenderás recetas fáciles y deliciosas. </p>
</body>
</html>
- Etiquetas
o HTML
 Indica que el contenido de la web está en HTML.
o Head
 Etiquetas y contenidos del encabezado
o Title
 Título de la página
o Body
 Etiquetas y contenidos del cuerpo
o P
 Le da formato a un párrafo
o H1
 Adopta estilos de encabezado o título 1, es decir, mayor tamaño y también mayor
relevancia
o <Img src = “nombre del archivo” >
 Para insertar una imagen
o <p align="center">
 Alineación del texto
 <p align="left">Texto alineado a la izquierda</p>
o Font
 Size
 Define el tamaño de la letra
 <font size=4>Este texto es más grande</font>
 Color
 Define el color de la letra
 <font color="red">Este texto está en rojo</font>
 Face
 Define el tipo de letra
 <font face="Comic Sans MS,arial,verdana">Este texto tiene otra
tipografía</font>
o <body background="[Link]">

CSS

- Utilidad
o El código CSS sirve para modificar y personalizar el HTML.
- Hoja de estilos ([Link])
o Se definen las propiedades para todos los elementos de la web.
- Estructura
o P{
Color: rgb (168, 138, 218)
}
H1{
Font: size 180px ;
Text-align: center ;
Color: rgb (12,12,243);

Li{

Font: size 16px ;

Color: rgb (134, 27, 233)

También podría gustarte