Consejo 1: cómo establecer una sangría
Consejo 1: cómo establecer una sangría
Más a menudo para especificar tamaños guiones en las páginas HTML usan características del lenguaje CSS(Hojas de estilo en cascada - "Hojas de estilo en cascada"). Aunque en el lenguaje HTML es un poco de residuos "rudimentarios", lo que en algunos casos para establecer los márgenes. A continuación se presentan las opciones que se utilizan con más frecuencia, pero aparte de ellos todavía hay una gran cantidad de todo tipo de trucos que le permiten establecer márgenes personalizados con documentos HTML de marcado.
Necesitarás
- Conocimiento básico de HTML y CSS
Instrucciones
1
Identificar el elemento de página que siguecontar fuera de sangría. Por ejemplo, si el texto se coloca dentro de la etiqueta <div> ... </ div> (bloque), el padre de este texto será el número de bloque y la sangría debe estar en los límites de los bloques. Si el texto (o imagen) no está dentro de cualquier bloque (div, li, etc.) o minúsculas (palmo, p, etc.) elementos, entonces sería el cuerpo del documento principal (cuerpo de la etiqueta). Determinar el elemento padre al texto es necesario, ya que es necesario establecer la descripción de los estilos que forman la hendidura. Suponemos que el texto que ha colocado en el bloque div: <div> Texto de ejemplo </ div>
2
Use la propiedad de margen de CSS paraestablecer la indentación exterior, es decir, la distancia desde el elemento de borde a elementos adyacentes, así como a las fronteras del elemento padre. Esta distancia se puede ajustar por separado para cada lado del guión: margin-top - top, margen derecha - derecha, margin-bottom - la parte inferior, margen izquierda - la izquierda. Para una muestra de este tipo de código CSS anterior puede tener este aspecto: div {margin-top: 10px; margen-derecha: 15px; margin-bottom: 40px; margin-left: 70px;} Aquí «div» - es un selector, lo que indica que el estilo debe ser aplicado a todas las etiquetas del div código CSS dokumenta.Sintaksis le permite combinar las cuatro líneas en una: div {margin: 10px 15px 40px 70px; } Valores guiones siempre debe especificar en este orden: primero, arriba, luego derecha, abajo e izquierda. Si las sangrías son las mismas en todos los lados, solo necesita especificar el valor una vez: div {margin: 70px;} Además, puede establecer la sangría externa flotante horizontalmente (es decir, izquierda y derecha) . Esto puede ser muy útil cuando necesita establecer un bloque del ancho especificado exactamente en el centro de la ventana del navegador. El navegador determina automáticamente cuál debería ser la sangría de ambos lados si escribe tal instrucción CSS: div {margin: 0 auto;}
3
Use la propiedad de relleno para establecersangrías internas, es decir, la distancia desde los límites del elemento hasta cualquier elemento ubicado dentro de él, incluido el texto. La sintaxis para escribir esta propiedad es exactamente la misma que para la propiedad de margen: div {padding-top: 10px; relleno a la derecha: 15px; fondo de relleno: 40px; padding-left: 70px;} Ordiv {relleno: 10px 15px 40px 70px;}
4
Utilice la propiedad de sangría de texto para especificar una sangría adicional para la primera línea de cada párrafo del texto. Por ejemplo: div {text-indent: 80px;}
5
Utilice los atributos hspace y vspace de la etiqueta HTMLimg, para establecer, respectivamente, la distancia horizontal y vertical de la imagen a los elementos exteriores. Por ejemplo, aquí: <img src = "/ images / pic.gif" hspace = "10" vspace = "15" />
6
Use el atributo de celda de la etiqueta de la tabla, siDebe especificar un desplazamiento desde los bordes de la celda en la tabla a sus contenidos. Y el atributo de espacio de celda especifica el espacio entre las celdas de la tabla. Por ejemplo: <table cellpadding = "10" cellspacing = "15"> <tr> <td> 1 </ td> <td> 2 </ td> </ tr> </ table>
Consejo 2: Cómo configurar el fondo
Para embellecer su sitio en Internet, puede hacer cambios en su diseño. El cambio de diseño implica cualquier acción, comenzando con un cambio fondo página principal hasta que la plantilla del sitio esté completamente redibujada. Si decide cambiar el fondo de su sitio, las siguientes instrucciones lo ayudarán a resolver este problema.
Necesitarás
- Editando el archivo css.
Instrucciones
1
En su mayor parte, el código de diseño del sitio esen el archivo style.css. Pero cada plantilla puede ser diferente de la anterior, por lo que el código de diseño puede ubicarse en otro archivo, pero también con la extensión css. Para especificar el color fondo su sitio, debe ingresar o reemplazarValor existente para la siguiente expresión: / * fondo blanco * / body {background-color: #FFFFFF;} / * fondo blanco del título, color de fuente negro * / h1 {color: # 000000; color de fondo: #FFFFFF;}
2
Para insertar una imagen en el formulario fondo en su sitio, debe ingresar o reemplazarValor existente para la siguiente expresión: body {background-color: # 000000; background-image: url ("Image-1.jpg");} Vale la pena señalar que en este caso, debe especificar un enlace al archivo de imagen que estará en la misma carpeta que el archivo css.
3
Si quieres teñir una imagen pequeña oimagen de un tamaño pequeño, luego use el comando background-repeat. Para utilizar correctamente este comando, hay varios refinamientos de este comando: background-repeat: repeat-x - repetir la imagen en el eje x; background-repeat: repeat-y - la imagen repitiendo en un eje y; background-repeat: repeat - Repite fotos a lo largo de dos ejes a la vez; background-repeat: no-repeat - repetir la imagen no se lleva a cabo; background-attachment: desplazarse - imágenes que se desplazan, junto con la página; background-attachment: fixed - imágenes que se desplazan no sintaxis osuschestvlyaetsya.Ispolzuya de este comando, puede mostrar su trabajo ejemplos: fondo de posición: 30px 40px - imagen es más bajo por 30 píxeles por encima y a la derecha por 40 píxeles desde la kraya.background-posición a la izquierda: 60% 35% - dejaron margen es 60%, y el margen superior es 25%.
Consejo 3: Cómo hacer listas con viñetas
Para un trabajo completo con un editor de textoMicrosoft Word necesita tener conocimientos básicos: la capacidad de crear campos, especificar el formato requerido y también estructurar el documento de acuerdo con los parámetros especificados, que es el diseño de la lista con viñetas.
Instrucciones
1
Si después de un conjunto de párrafos ordinarios necesitacree una lista con viñetas o convierta líneas ya escritas en ella, luego haga clic en la barra de tareas en la parte superior de la ventana abierta, haga clic en el botón Formato, luego seleccione el comando Lista en el menú desplegable. Si el menú aparece en forma abreviada, se expande haciendo clic en el icono del círculo con una flecha doble desde la parte inferior. El texto terminado, dividido en líneas y sujeto a formato, se resalta presionando y manteniendo presionado el botón izquierdo del mouse en la alfombra antes de realizar esta acción.
2
En la ventana pequeña abierta, es necesario elegir la primeramarque con el nombre apropiado, y luego haga clic en la lista de muestra con el marcador requerido: negrita, cuadrado, marca. A continuación, haga clic en el botón "Aceptar" y personalice el formato manualmente, o realice esta operación usando una nueva ventana que aparece después de hacer clic en el comando "Editar". Permite no solo cambiar el ícono de la lista encontrando otra en una lista más extensa, sino también establecer un tamaño de fuente diferente del símbolo, e incluso cambiarlo por completo a un dibujo arbitrario, que puede ser útil al hacer felicitaciones y otros documentos coloridos. Insertar una imagen en lugar de los caracteres habituales se realiza a través del botón "Importar".
3
La función separada es aclarar la situaciónmarcador - si se salta esta opción, una lista de la forma puede ser diferente de los parámetros especificados. marcador de sangría - la distancia entre ella y el margen izquierdo del documento, una especie de línea roja. Permitido para establecer su valor 0 cm o más para empujar los límites del resto del texto. "Aquí" en la "posición de texto" se refiere a la ubicación de la primera palabra en la línea con respecto al marcador. El valor de esta celda no puede ser menor que en el anterior guión de caracteres que indica. Si coinciden, entonces el texto es directamente adyacente a una lista numerada. texto guión indica colocar las siguientes líneas en el mismo párrafo, que pueden tener la misma forma que el resto del texto, o algún alejamiento desde el margen izquierdo.
4
Usuarios que prefieren no trabajara través de los menús y cuadros de diálogo, puede usar el icono correspondiente en la barra de formato. Al presionarlo en lugar del cursor o las líneas seleccionadas se obtiene una lista numerada, que se formatea usando pestañas y la posición del texto en la regla superior. Mover la esquina negra de la pestaña detiene la primera palabra de la primera línea, el triángulo superior, la ubicación del marcador y el triángulo inferior de la plataforma, el resto del texto intrapersonal.
