Ejemplos de tareas html. Un conjunto de tareas prácticas y de laboratorio "Lenguaje HTML". Utilice la etiqueta Doctype correcta
Tareas para Conceptos básicos de HTML Diseñado para consolidar el trabajo con el conjunto. siguientes temas: estructura HTML , comentarios en HTML, etiquetas principales, básico atributos HTML. .
Tareas para imágenes en HTML: insertando una imagen en HTML(código de imagen HTML), tamaño imágenes HTML , alineación de la imagen...en HTML.
Tareas avanzadas de HTML y CSS
Tareas HTML con Emmet. Diseño rápido , Emmet ordena (los llamados Hoja de trucos de Emmet). Después de completar las tareas con el complemento Emmet, la velocidad de su diseño/desarrollo aumentará significativamente. .
Tareas sobre selectores CSS. Selectores CSS: selectores de clases css, selectores de atributos css, vecino selectores css , selectores de contexto CSS, selectores secundarios + en css, prioridad del selector. .
Trabajo Posicionamiento CSS importante para comprender el diseño complejo. Aquí hay tareas para comprender y trabajar con: posición absoluta, posición relativa, posición fija Y posición estática, Propiedades CSS arriba izquierda abajo derecha. .
Tareas de diseño de formularios
- Cree un formulario de autenticación en el sitio, igual que en Twitter Bootstrap (sin utilizar este marco). Por ejemplo, como en .
- Cree un formulario de despachador en el sitio web
- Conecte el complemento jQuery para seleccionar fecha/mes del campo
- Crea una casilla de verificación similar a una red social.
- Crear un formulario de registro de visitantes del sitio
- Cree un formulario similar al que clasifica productos en Yandex.Market
Una de las tareas de un diseñador de diseño es escribir código para varios navegadores. Código que hará que las páginas se vean como el mayor numero Los navegadores son iguales o lo más similares posible. .
Moderno Funciones CSS te permite crear maravillosos y trabajar con el fondo coloreándolo relleno degradado . Conjunto pequeño Tareas de animación CSS.
Tareas para consultas de medios (sitios móviles). Creación versión móvil sitio es una parte importante de las habilidades de un desarrollador web. Las tareas están dedicadas a los siguientes temas: creación de sitios web móviles, comprobando la versión móvil del sitio. .
Tareas de diseño diseño psd y marcos CSS. Diseño del sitio web Residencia en diseño psd- la parte más importante del trabajo de un diseñador web. En lecciones de HTML miramos los pasos principales diseños de psd a HTML. Asignaciones.
Desarrollo metodológico de trabajos prácticos en informática sobre los temas "Lenguaje de Marcado HTML" y "Tecnologías Web Modernas" (para estudiantes de secundaria).
Al realizar clases utilizando datos. desarrollos metodológicos Para crear archivos HTML y CSS, se recomienda utilizar un editor de texto normal que admita resaltado de sintaxis para los lenguajes HTML y CSS y, preferiblemente, incluya la capacidad de trabajar con varios archivos en modo de varias páginas.
Por ejemplo, Notepad++ (notepad-plus-plus.org) es adecuado para Windows. En el editor de texto Notepad++, para ajustar líneas largas, debe seleccionar Ver -> Salto de línea en el menú. También muy bueno editor de texto es Notepad2 (flos-freeware.ch/notepad2.html). Sin embargo, no admite la operación de varias páginas. La configuración de saltos de línea se realiza mediante el comando Ver -> Ajuste de texto.
1. Documento HTML. Párrafos, saltos de línea, alineación.
1 estructura del documento HTML
El código fuente de un documento HTML consta de etiquetas y contenido.
Las etiquetas pueden tener varios atributos con propiedades específicas. En versiones anteriores del idioma. atributos HTML se utiliza para diseñar el contenido: establecer el tamaño y el color de la fuente, alineación del texto, establecer sangrías, etc. Hoy en día, el contenido de un documento HTML suele formatearse utilizando el lenguaje CSS.
Cualquier documento HTML siempre incluye contenedores html, head y body, que están anidados uno dentro del otro de la siguiente manera:
Tarea 1. Cree un archivo y asígnele la estructura que se muestra arriba. Guárdalo.
El contenedor principal suele contener un contenedor de título, cuyo contenido se muestra en el título de la ventana del documento.
Tarea 2. Agregue un contenedor de título al documento:
Guarde el archivo y ábralo en su navegador. Busque el contenido del título que ingresó.
El contenido del cuerpo se muestra en la ventana del navegador.
La etiqueta contenedora se utiliza para marcar párrafos. Una sola etiqueta le permite ir a nueva linea sin crear un nuevo párrafo, es decir crea un salto de línea.
Tarea 3. Agregue el siguiente contenido al contenedor del cuerpo:
La aparición de los ordenadores personales a principios de los años setenta (en paralelo con la evolución gradual de los grandes ordenadores) se considera ahora un golpe revolucionario. La escala de su influencia en la sociedad humana se compara con las consecuencias de la invención de la imprenta.
Ya existen millones y miles de millones de computadoras en el mundo.
¡Su número sigue creciendo constantemente!
Ahorrar. Actualiza el documento en tu navegador. Observe cuántos párrafos ve donde está el salto de línea.
2 Alineación de párrafos. estilo antiguo
La alineación de los párrafos está determinada por los valores izquierda (izquierda), derecha (derecha), centro (centro) y justificar (justificado). Estos valores se pueden asignar a la propiedad de alineación, que es válida para muchas etiquetas.
Así, por ejemplo, la alineación del párrafo centrado se puede establecer así:
Tarea 4. Para los párrafos creados anteriormente, establezca la alineación para que esté justificada (para el primer párrafo) y alineada a la derecha (para el segundo).
