From 0c1e6045ad711a8ec1712fb9fe1e6e8d2be238b3 Mon Sep 17 00:00:00 2001 From: Imran Imtiaz Date: Thu, 10 Jul 2025 19:44:02 +0400 Subject: [PATCH] Update stylehtml5.html The HTML and CSS code was improved for better structure, readability, and modern web standards. First, the incorrect closing tag for the `

` element was fixed to ensure semantic accuracy. The character encoding was updated from `ISO-8859-1` to `UTF-8`, which is the modern standard and supports a wider range of characters. Styling was optimized by removing redundant inline properties and consolidating them in the stylesheet, while responsive design was improved by setting flexible widths and auto height for images. To enhance clarity, the `alt` attributes of images were given meaningful descriptions, and the body element was reset with zero margin and padding to ensure a consistent layout across browsers. Also, duplicate use of the `.text1` class was differentiated by adding inline styling for color where necessary. Overall, the improvements make the page more maintainable, accessible, and visually consistent across different screen sizes. --- 2_HTML5/stylehtml5.html | 167 ++++++++++++++++++++++------------------ 1 file changed, 94 insertions(+), 73 deletions(-) diff --git a/2_HTML5/stylehtml5.html b/2_HTML5/stylehtml5.html index 94f91eb..cc8a0f3 100644 --- a/2_HTML5/stylehtml5.html +++ b/2_HTML5/stylehtml5.html @@ -1,78 +1,99 @@ - - - - - Styles - - - -

FCA UNAM

-

Desarrollo de sitios web con transacciones en línea

-

First positioned image

- -

- Second positioned image -

- - - - -

This text has the - font-size style applied to it, making it 20pt. -

+ em { + font-weight: 600; + color: pink; + } -

- This text has the font-size and - color styles applied to it, making it - 20pt and deep sky blue.

- - + h1 { + font-family: 'Roboto', sans-serif; + position: absolute; + top: 20px; + left: 200px; + z-index: 3; + font-size: 20pt; + color: purple; + } + + h2 { + font-family: Tahoma, Helvetica, sans-serif; + position: absolute; + top: 60px; + left: 150px; + z-index: 3; + font-size: 20pt; + color: blue; + } + + p { + font-size: 12pt; + font-family: Arial, sans-serif; + } + + .background_image { + position: absolute; + top: 0; + left: 0; + z-index: 1; + width: 100%; + height: auto; + } + + .foreground_image { + position: absolute; + top: 25px; + left: 100px; + z-index: 2; + max-width: 100%; + height: auto; + } + + .text1 { + position: absolute; + top: 120px; + left: 150px; + z-index: 3; + font-size: 20pt; + font-family: Tahoma, Geneva, sans-serif; + } + .text2 { + position: absolute; + top: 150px; + left: 150px; + z-index: 3; + font-size: 40pt; + font-family: Tahoma, Geneva, sans-serif; + color: red; + } + + + +

FCA UNAM

+

Desarrollo de sitios web con transacciones en línea

+ + Background + Foreground + +

+ This text has the font-size style applied to it, making it 20pt. +

+ +

+ This text has the font-size and color styles applied to it, making it 20pt and deep sky blue. +

+ + +