Línia vermella html - 4 maneres

La línia vermella html es pot configurar de 4 formes diferents. Encara que hi ha certes normes per a aquest fenomen, aquest llenguatge de programació no proporciona, per tant, no hi ha restriccions al respecte. En aquest article utilitzarem un conjunt estàndard d'eines per crear una línia vermella.

1er mètode

Comença amb el mètode més comú. Només en aquest cas és necessari utilitzar taules en cascada, perquè CSS està inextricablement vinculat amb el llenguatge de marcat d'hipertext. La línia vermella html es pot establir amb la propietat "text-indent". Basta especificar l'element desitjat i la distància que s'utilitzarà per sagnar el costat esquerre del document. Per exemple, escrivint: "p {text-indent: 20px;}" significa que es farà una línia vermella de 20 píxels a cada paràgraf p. Com a element per al qual s'especifica un valor, podeu utilitzar qualsevol bloc de text. De fet, aquesta propietat no estableix una línia vermella, sinó simplement sangria la primera línia de l'element seleccionat. Però qui notarà la diferència? La propietat "text-indent" pot prendre tres tipus de valors diferents:

• Qualsevol unitat de mesura convencional, per exemple px (píxels), en (polzades), pt (punts) i altres.
• Valor percentual. En aquest cas, es té en compte la distància de l'element primari.
• Hereta Si especifiqueu aquest valor, la propietat serà heretat de l'element primari.

2n mètode

En html, es pot establir una línia vermella sense connectar taules en cascada. És suficient posar diversos espais abans del primer caràcter del codi font de la pàgina. Només cal utilitzar caràcters especials, és a dir, "& nbsp;" perquè si posa un codi en blanc normal, només es tindrà en compte un. I amb l'ús d'aquest símbol, podeu establir la sangria necessària. Aquesta línia vermella d'HTML no tindrà una aplicació global, i haurà de posar tots els espais de forma manual. Aquesta negativa us costarà enormement quan treballeu amb un gran nombre de documents. A més, aquest mètode declararà que el codi de la vostra pàgina no és vàlid.

3r mètode

Utilitzeu el subratllat inferior, emmascarat al fons. Es pot utilitzar qualsevol símbol en aquest mètode. El més important és canviar el color de la font d'aquest fragment de text al mateix que el fons. Deixeu que aquest mètode no sigui el més racional, però l'eficiència és del 100%. Així que una vegada més, repetirem:

• Al començament de la línia, heu d'inserir uns quants caràcters duplicats, per exemple: ___.
• A continuació, heu de canviar el color de la font d'aquests caràcters per coincidir amb el fons.
• Podeu assignar la substitució de la pintura per tots els mètodes coneguts, per exemple, utilitzant estils CSS o eines HTML.
• Aquest mètode no és adequat si la imatge està seleccionada com a fons, perquè els nostres símbols es ressaltaran.
• Val la pena assenyalar que quan seleccioneu un fragment de text, l'usuari veurà una línia html vermella falsa.

4t mètode

La línia vermella en html es pot configurar de diverses maneres. Si cap dels mètodes anteriors és adequat, us suggerim que utilitzeu una imatge buida. Les imatges transparents es poden crear amb el format png o gif (només tenen aquesta funció), o bé fer una foto de jpeg i omplir-la amb el color de fons. A continuació, només heu d'inserir una imatge amb l' etiqueta .

Conclusió

Com a resultat, podem dir que html juntament amb CSS us permet fer una gran varietat d'efectes. De vegades, les propietats i elements no s'utilitzen per al seu propòsit, però no vénen massa lluny del valor estàndard de les etiquetes.