XHTML CSS escribe un blog regular

El nombre completo de un blog debe ser el registro web, lo que significa "registro de red" en chino, y luego abreviado como blog, y un blog (blogger) es la persona que escribe blog. Comprensión, un blog es "un método de publicación que expresa pensamientos personales, enlaces en línea, contenido, organizado en orden cronológico y se actualiza constantemente". En pocas palabras, los blogs son un tipo de personas que están acostumbradas a escribir diarios en línea. Cómo aplicar el nombre completo del blog debe ser el registro web, lo que significa que el inicio de sesión de la red en chino, y luego abreviado como blog, y un blog (blogger) es la persona que escribe el blog. Comprensión, un blog es un método de publicación que expresa pensamientos personales, enlaces en línea y contenido, organizado en orden cronológico, y se actualiza constantemente. En pocas palabras, los blogs son un tipo de personas que están acostumbradas a escribir diarios en línea. Cómo aplicar HTML y CSS para escribir un blog hermoso y formal:

Los hipervínculos son las etiquetas HTML más utilizadas en los blogs. Se utilizan para vincular a otros artículos o enlaces del sitio. Se recomienda que agregue los siguientes atributos al usar una etiqueta:

href: establezca la dirección de URL o el punto de anclaje del enlace

objetivo: configure la ventana de destino o la página de cuadro después de hacer clic en el enlace con el mouse. En general, el objetivo = _Blank se usa comúnmente, lo que significa que una nueva ventana se abre para abrir el enlace. Si abre el enlace en la página actual, no necesita agregar este atributo.

Título: Establezca el mensaje de solicitud que se muestra cuando el mouse se mueve al enlace

REL: Este es un nuevo atributo que solo se ha vuelto popular recientemente. Rel = nofollow significa prohibir que los motores de búsqueda se vinculen desde este sitio, causando cambios en el valor de PageRank de la URL del enlace, y a menudo se usa para evitar el enlace de spam; Rel = etiqueta Esta es una configuración Technorati para Technorati que usa el texto de este enlace como etiqueta de etiqueta para la página.

No debe haber demasiados enlaces en el artículo. Demasiados enlaces harán que los lectores se sientan deprimidos y nerviosos al leer. Si el color del enlace y el contraste de color del texto es demasiado grande, también hará que las personas se vean deslumbrantes. El mejor efecto de enlace es tener un contraste de color claro o subrayar, y completar el atributo de título para indicar cuál es el contenido de este enlace o por qué desea vincular. A veces también puede adjuntar enlaces relacionados con este artículo y comentar en la lista al final del artículo.

Escribir un blog no puede ser como las novelas de Gu Long en una oración u otra, por lo que es indiscutible escribir un blog de acuerdo con el estilo de escritura enseñado por el maestro cuando era estudiante. Se recomienda usar la etiqueta P para segmentar el artículo, el código es el siguiente: <p> Texto del artículo </p>.

Vale la pena mencionar que muchos bloggers no tienen el hábito de sangrar la primera línea. Algunos de ellos también escriben algunos espacios bajo el editor. Aquí está el código de sangría de primera línea implementado con el atributo de texto de texto de CSS: <p style = text-indent: 2em;> Artículo Texto </p>. La unidad de sangría es generalmente 2EM, lo que indica dos caracteres chinos. No use porcentaje u otras longitudes de la unidad como PX y PT. Use EM para mantener la sangría de los dos caracteres chinos mientras se escalan la fuente y el diseño de la página.

Para los bloggers a los que les gusta colgar imágenes en artículos, se recomienda establecer el atributo alineado de la etiqueta IMG a la izquierda o a la derecha para lograr fácilmente el colgado de la imagen y el devanado del cuerpo. También puede usar el atributo flotante de la etiqueta DIV para colgar a la izquierda y a la derecha para lograr el envío de texto. Lo que es aún mejor es que puedes darte cuenta de la izquierda y la derecha para los anuncios de Google Adsense. El código: <Div Style = Height: 100%; Ancho: 150px; Float: Right;> Puede colocar enlaces de imagen aquí, o poner el código de Google Adsense como blogs extranjeros </div>.

Use el <ul> <ol> <li> y otras etiquetas de la lista de estilo para enumerar algunas entradas de subtítulos, código: <ul> <li> Problema 1 </li> <li> Problema 2 </li> </ul>.

El tamaño de fuente del texto se puede establecer de acuerdo con su preferencia personal. En general, se usa la versión predeterminada del sistema de blog (13PT, Font Song Font y Courier nuevo). Si el texto necesita una fuente grande y su texto es demasiado grande y apilado, agregue un estilo al párrafo <p>: Línea de altura: 120%; Esto significa que la altura de la línea es 1.2 veces la fuente.

Aunque todos sabemos que al escribir blogs, es mejor ser breve y conciso, pero también es imposible evitar la necesidad de artículos largos de naturaleza especial. En este momento, se recomienda establecer subtítulos con diferentes niveles como <h1> <h2> ... <h6>, y usar las cuatro etiquetas de lista de definiciones en la parte superior del artículo, el efecto de visualización es como el directorio/índice en Word, que puede aumentar la legibilidad y la organización del artículo. Muchos artículos en MSDN de Microsoft están organizados de esta manera. Para implementar la función de salto de enlace, puede modificar el subtítulo específico modificando la etiqueta de anclaje, el código es: <a name = list1> <h1> Título 1 </h1> </a>.

Recomiende usar la etiqueta <ClockQuote>, que puede reducir automáticamente los extremos izquierdo y derecho de la página. En general, el valor predeterminado es 40 píxeles sangrado, por ejemplo: <BlockQuote Style = Background-Color: #F7F7F7; Border: 1px Puntado #Dedbde; Padding: 10px;> Este es un ejemplo de cita de estilo </CLOCKQuote>