•Etiquetas HTML básicas •formato de texto •alineacion de texto •atributo de Border •etiqueta de marquesina •marquesinas codigo •tablas ttml code •etiqueta Span •Atributos ALT y TITLE para imágenes. •tables html •Aprender a crear tablas (lección n.° 1) •Tabla HTML (lección n.° 2) atributos - ancho, alto •leccion 3 rowspan,colspan •leccion 4 - align,valign •leccion 5-cellspacing,cellpadding •leccion 6 тables HTML •creacion e table •crea una table 8 link aqui

Marcos sencillos para resaltar texto 1. № 1 El marco está resaltado con puntos.. КОД - <div style="border:3px solid #FFFACD;padding:10px;">ВАШ ТЕКСТ.</div> El marco tiene una línea sólida. - <div style="border:5px dotted #008E00;padding:10px;">ВАШ ТЕКСТ.</div> рамка - пунктир. КОД - <div style="border:3px dashed #FF0000;padding:10px;">ВАШ ТЕКСТ.</div> вдавленная рамка КОД - <div style="border:10px inset #8E006B;padding:10px;">ВАШ ТЕКСТ. </div> выпуклая рамка КОД - <div style="border:10px outset #009999;padding:10px;">ВАШ ТЕКСТ. </div> рамка с двойной рамкой. КОД - <div style="border:10px double #B2B300;padding:10px;">ВАШ ТЕКСТ.</div> рамка с выемкой. КОД - <div style="border:10px groove #69EFFB;padding:10px;">ВАШ ТЕКСТ. </div> рамка в виде кромки. КОД - <div style="border:10px ridge #E6FE80;padding:10px;">ВАШ ТЕКСТ.</div> code aqui: code aqui. ------------Та Cambia la fuente, el color y el tamaño de la fuente de un enlace: code - <a target="_blank" href="АДРЕС СТРАНИЦЫ" style="font-family:Monotype Corsiva;color:green;font-size:25px">Ваш текст</a> 1 - code: code uno - <a target="_blank" style="text-decoration: none; border-top;border-width:thin;border-style:dotted ;color:blue" href="АДРЕС СТРАНИЦЫ">С точками</a> 2- пример: С точками link - <a target="_blank" style="text-decoration: none; border-bottom;border-width:medium;border-style:dashed;color:blue" href="АДРЕС СТРАНИЦЫ">Ваш текст</a> 3- пример: Пунктиром link - <a target="_blank" style="text-decoration: none; border-top;border-width:thick;border-style:groove;border-color:green" href="АДРЕС СТРАНИЦЫ">Ваш текст</a> 4- пример: трехмерная вдавленная link - <table style="border-style: solid; border-width: thick; border-top-color: blue; <br /><br /> <br />border-right-color: red; border-bottom-color: green; border-left-color: Yellow;"><tr> <td> <a target="_blank" href="АДРЕС СТРАНИЦЫ">Ваш текст</a></td> </tr><br /><br /> <br /></table> 5- пример: uno mas ---------- enlase aqui link code - <a href="АДРЕС СТРАНИЦЫ" target="_blank" style="color:red; text-decoration:underline;"><span style="color:green;">uno ma aqui</span></a> 1- пример: Ваш текст КОД - <a target="_blank" href="АДРЕС СТРАНИЦЫ" style="border-bottom: 2px dotted DarkGreen; text-decoration: none;">.... uno mas aqui 4</a> 2- пример: Ваш текст КОД - <a target="_blank" style="background-color: #6A5ACD; color: #E0FFFF; padding: 3px" href="http://taurass.com/blog.html">Наki tex</a> 3- пример: На цветном фоне КОД - <span style="border-bottom: 2px dashed red;">Текст, подчеркнутый пунктиром</span> 4- пример: ВАШ ТЕКСТ КОД - <span style="border-bottom: 3px dotted lime;">Текст, подчеркнутый пунктиром</span> 5- пример: ВАШ ТЕКСТ КОД - <span style="border-bottom: double red;">Текст, подчеркнутый двойной чертой</span> 6- пример: ВАШ ТЕКСТ КОД - <span style="border-style:dashed;"> Текст, окаймленный разноцветным пунктиром </span> 7- пример: ВАШ ТЕКСТ КОД - <span style="border-style: double; padding:3px;">Текст в двойной рамке</span> 8- пример: ВАШ ТЕКСТ КОД - <span style="border-style: double; color: green; padding:3px;"><span style="color:blue;">Цветной текст в двойной цветной рамке</span></span> 9- пример: ВАШ ТЕКСТ КОД - <span style="border-width:thick; border-style:groove; padding:4px; border-color:#FF5730"> Ваш текст в объемной 3D-рамке</span> 10- пример: Ваш текст в объемной 3D-рамке КОД - <div style="width:200px; height:50px; border-width:thick; border-style:groove; padding:4px; border-color:#FF5730"> Ваш текст в объемной 3D-рамке </div> 7- пример: tu texto aqui ---------- Таблица кодов цветов Примеры для вас бегущей строки 1. se mueve ( aqui) КОД - <marquee bgcolor="3caa3c">пример для вас бегущей строки ( пишем свой текст)</marquee> 2. пример для вас бегущей строки ( пишем свой текст) link - <marquee width="100%" height="35" bgcolor="#99CCFF" scrollamount="3" behavor="slide" direction="right" loop="3">пример для вас бегущей строки ( пишем свой текст)</marquee> 3. пример для вас бегущей строки ( пишем свой текст) КОД - <marquee width="100%" height="35" bgcolor="#ffff00" scrollamount="3" behavor="slide" direction="right" loop="3">пример для вас бегущей строки ( пишем свой текст)</marquee> 4. Здесь тексти здесьдаже здеськруто, правда? link - <marquee bgcolor="pink" width="25%">Здесь текст</marquee><marquee bgcolor="aqua" width="25%" direction="right">и здесь</marquee><marquee bgcolor="silver" width="25%">даже здесь</marquee><marquee bgcolor="aqua" width="25%" direction="right">круто, правда?</marquee> 5. code55 code - <marquee direction="left" bgcolor="silver" width="300">бегу-link</marquee> 6. link77 55 - <marquee width="100" style="border:2px dotted deeppink ;">aqui mas</marquee> 7. ТЕКСТ КОД - <marquee style="background:pink; padding:10px; border-right: silver 2px solid; border-top: silver 2px solid; border-left: silver 2px solid; border-bottom: silver 2px solid;" scrollamount="1" scrolldelay="60" direction="up" width="250" height="60"> code567 cambia lo que quieras</marquee> 8. na О Е М ! ! » link - <marquee align="middle" behavior="alternate" direction="up" scrolldelay="15" scrollamount="2" height="22" width="4%"> П </marquee> <marquee align="middle" behavior="alternate" direction="down" scrolldelay="15" scrollamount="2" height="22" width="4%"> О </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay="15" scrollamount="2" height="22" width="4%"> Е </marquee> <marquee align="middle" behavior="alternate" direction="down" scrolldelay="15" scrollamount="2" height="22" width="4%"> М </marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay="20" scrollamount="2" height="22" width="4%"> ! </marquee><marquee align="middle" behavior="alternate" direction="down" scrolldelay="15" scrollamount="2" height="22" width="4%"> !</marquee><marquee align="middle" behavior="alternate" direction="up" scrolldelay="20" scrollamount="2" height="22" width="4%"> »</marquee> 9. Цветной Por cierto, todo esto se puede combinar: link - <span style="background-color:dodgerblue; color:white; padding:3px; border:3px solid red;">Текст</span> ---------- link nuevos: cambia: SIZE т COLOR link - <hr /> 1. link - <hr size="3" color="#FF0000" /> 2. link55 - <hr size="6" color="#00B344" /> 3. link44: cambia: lo que quiers abajo DASHED DOTTED COLOR 33 - <hr color="red" width="50%" size="9" style="border: dotted 5pt; border-color: red " /> 1. 33 - <hr color="black" width="50%" size="5" style="border: dashed 5pt; border-color: Forestgreen " /> 2. 33 - <hr color="blue" width="50%" size="7" style="border: dotted 5pt; border-color: red " /> 3. ---------- code22 Ejemplos de líneas de carrera para ti 1 uno 3 tre 5 sinco 7 siete dotted dotted dotted dotted dashed dashed dashed dashed solid solid solid solid double double double double groove groove groove groove ridge ridge ridge ridge inset inset inset inset outset outset outset outset

Marcos sencillos para resaltar texto

Простые Рамки для выделения текста 1. Шпаргалочка по тегам № 1 рамка имеет сплошную линию. КОД - <div style="border:3px solid #FFFACD;padding:10px;">ВАШ ТЕКСТ.</div> рамка выделяется точками. КОД - <div style="border:5px dotted #008E00;padding:10px;">ВАШ ТЕКСТ.</div> рамка - пунктир. КОД - <div style="border:3px dashed #FF0000;padding:10px;">ВАШ ТЕКСТ.</div> вдавленная рамка КОД - <div style="border:10px inset #8E006B;padding:10px;">ВАШ ТЕКСТ. </div> выпуклая рамка КОД - <div style="border:10px outset #009999;padding:10px;">ВАШ ТЕКСТ. </div> рамка с двойной рамкой. КОД - <div style="border:10px double #B2B300;padding:10px;">ВАШ ТЕКСТ.</div> рамка с выемкой. КОД - <div style="border:10px groove #69EFFB;padding:10px;">ВАШ ТЕКСТ. </div> рамка в виде кромки. КОД - <div style="border:10px ridge #E6FE80;padding:10px;">ВАШ ТЕКСТ.</div> Кстати, все это можно комбинировать: рамка - пунктир. ------------Таблица кодов цветов Поменять шрифт, цвет и размер шрифта для ссылки: КОД - <a target="_blank" href="АДРЕС СТРАНИЦЫ" style="font-family:Monotype Corsiva;color:green;font-size:25px">Ваш текст</a> 1 - пример: Мой блог КОД - <a target="_blank" style="text-decoration: none; border-top;border-width:thin;border-style:dotted ;color:blue" href="АДРЕС СТРАНИЦЫ">С точками</a> 2- пример: С точками КОД - <a target="_blank" style="text-decoration: none; border-bottom;border-width:medium;border-style:dashed;color:blue" href="АДРЕС СТРАНИЦЫ">Ваш текст</a> 3- пример: Пунктиром КОД - <a target="_blank" style="text-decoration: none; border-top;border-width:thick;border-style:groove;border-color:green" href="АДРЕС СТРАНИЦЫ">Ваш текст</a> 4- пример: трехмерная вдавленная КОД - <table style="border-style: solid; border-width: thick; border-top-color: blue; <br /><br /> <br />border-right-color: red; border-bottom-color: green; border-left-color: Yellow;"><tr> <td> <a target="_blank" href="АДРЕС СТРАНИЦЫ">Ваш текст</a></td> </tr><br /><br /> <br /></table> 5- пример: Ссылка в разноцветной рамке ---------- Таблица кодов цветов Подчеркнутая ссылка КОД - <a href="АДРЕС СТРАНИЦЫ" target="_blank" style="color:red; text-decoration:underline;"><span style="color:green;">Ссылка зеленого цвета, подчеркнутая красной чертой</span></a> 1- пример: Ваш текст КОД - <a target="_blank" href="АДРЕС СТРАНИЦЫ" style="border-bottom: 2px dotted DarkGreen; text-decoration: none;">Задается аналогично ссылке в рамке, только при этом задают параметр нижней границы рамочки: border-bottom</a> 2- пример: Ваш текст КОД - <a target="_blank" style="background-color: #6A5ACD; color: #E0FFFF; padding: 3px" href="http://taurass.com/blog.html">На цветном фоне</a> 3- пример: На цветном фоне КОД - <span style="border-bottom: 2px dashed red;">Текст, подчеркнутый пунктиром</span> 4- пример: ВАШ ТЕКСТ КОД - <span style="border-bottom: 3px dotted lime;">Текст, подчеркнутый пунктиром</span> 5- пример: ВАШ ТЕКСТ КОД - <span style="border-bottom: double red;">Текст, подчеркнутый двойной чертой</span> 6- пример: ВАШ ТЕКСТ КОД - <span style="border-style:dashed;"> Текст, окаймленный разноцветным пунктиром </span> 7- пример: ВАШ ТЕКСТ КОД - <span style="border-style: double; padding:3px;">Текст в двойной рамке</span> 8- пример: ВАШ ТЕКСТ КОД - <span style="border-style: double; color: green; padding:3px;"><span style="color:blue;">Цветной текст в двойной цветной рамке</span></span> 9- пример: ВАШ ТЕКСТ КОД - <span style="border-width:thick; border-style:groove; padding:4px; border-color:#FF5730"> Ваш текст в объемной 3D-рамке</span> 10- пример: Ваш текст в объемной 3D-рамке КОД - <div style="width:200px; height:50px; border-width:thick; border-style:groove; padding:4px; border-color:#FF5730"> Ваш текст в объемной 3D-рамке </div> 7- пример: ВАШ ТЕКСТ ---------- Таблица кодов цветов Примеры для вас бегущей строки

A petición de los lectores, intentaré explicar cómo colocar divisores verticales a los lados del texto, tal como los tengo ahora en este post. Puede encontrar una gran selección de los divisores verticales más bellos para decorar sus publicaciones y blogs efachka.ru/post179454015. Están colocados exactamente de la misma manera que en las imágenes. Para que quede claro para todos y para aquellos que recién están comenzando a familiarizarse con los códigos, escribiré todo con gran detalle. Empezaré todo en orden. Si desea que las imágenes se coloquen en los bordes de su publicación (COMO AHORA EN EL EJEMPLO), primero veamos cómo se ve el código HTML simple de una imagen o separador. Tomé un pequeño separador vertical, que en formato simplificado (en el editor de texto avanzado de LiRu) se ve así: