Galería de mapas mentales resumen html
Resumen básico de los puntos de conocimiento que se utilizan con frecuencia en HTML diario Conceptos básicos de HTML Resumen de HTML HTML
Editado a las 2020-02-28 23:31:53,resumen HTML
Formato de documento básico HTML
<!DOCTYPE html> <html> <cabeza> <meta juego de caracteres="utf-8" /> <título>Título del documento</título> </cabeza> <cuerpo> Ontología del documento </cuerpo> </html>
Etiquetas básicas
<cuerpo> <h1>El título más grande</h1> <h2>El segundo título más grande </h2> <h3>. <h4>. <h5>. <h6>Título mínimo</h6> <p>Este es un párrafo. </p> <br> (avance de línea) <hr> (línea horizontal) <!-- Este es un comentario --> </cuerpo>
Enlaces
<cuerpo> <!--Enlace ordinario: --> <a href="http://www.baidu.com/">Texto del enlace</a> <!--Enlace de imagen: --> <a href="http://www.baidu.com/"><img src="URL" alt="Texto alternativo del enlace de imagen"></a> <!--Enlace de correo electrónico: --> <a href="mailto:zyl_lfe@163.com">Enviar correo electrónico</a> <!--Marcador:--> <a id="tips">Sección de consejos</a> <a href="#tips">Pasar a consejos</a> </cuerpo>
Imágenes
<cuerpo> <img src="URL" alt="texto de reemplazo" height="32" width="32"> </cuerpo>
Formato de texto (Formato)
<cuerpo> <b>Texto en negrita</b> <!--Si desea que un fragmento de código de computadora se muestre en una página web, entonces este código debe estar empaquetado con una etiqueta <code>; de lo contrario, se ejecutará como el código de la página web. --> <código> suma = 0 para i en el rango (101): suma = yo imprimir (suma) </código> <em>Texto con énfasis</em> <i>texto en cursiva</i> <!--Etiquetas de texto preformateadas--> <pre> Cuerpo oscuro, amarillo claro, de naturaleza suave, Las huellas del amor están lejos, pero la fragancia permanece. ¿Por qué verde claro y rojo oscuro? Él es el mejor entre las flores. </pre> <small>Texto más pequeño</small> <strong>Texto importante</strong> <!--<abbr title="Nombre completo de la abreviatura">Abreviatura</abbr>--> <abbr title="Lenguaje de marcado de hipertexto">HTML</abbr> <!--Etiqueta de dirección de contacto--> <dirección> Dirección de Baidu: <a href="https://www.baidu.com">entrada de Baidu</a> </dirección> <!--Dirección de visualización del texto--> <p>El texto de este párrafo se muestra de izquierda a derecha. </p> <p><bdo dir="rtl">El texto de este párrafo se muestra de derecha a izquierda. </bdo></p> <!--Referencia de otra fuente--> <p>Este es un párrafo normal</p> <blockquote cite="dirección de origen"> <p>Este es un párrafo citado</p><p>Este es un párrafo citado</p> </blockquote> <p>Este también es un párrafo normal</p> <!--Eliminar texto y texto insertado--> <p>(Este es un ejemplo usado para eliminar e insertar etiquetas)</br>Precio original<del>180</del>Ahora solo <ins>80</ins></p> <!--Texto en superíndice y texto en subíndice--> <div> Esta etiqueta es <sub>texto subíndice</sub> Esta etiqueta es <sup>sup texto en superíndice</sup> </div> <!--El estilo predeterminado de la etiqueta div está en su propia línea y es necesario reasignar su estilo CSS. Por ejemplo, las configuraciones de estilo, como el ancho y alto del div, el tamaño de fuente interno y el color de fuente, deben implementarse a través de CSS --> <estilo> div{ margin-top:10px}/* comentario css: establezca el espaciado superior en 10 px para todos los divs */ .divcss5-1{font-size:16px}/* Establecer el tamaño de fuente CSS en 16px */ .divcss5-2{color:#F00}/* Establece el color de fuente CSS en rojo */ .divcss5-3{ background:#000; color:#FFF}/* Establece el color de fondo CSS en negro y el color de fuente en blanco */ .divcss5-4{ border:1px solid #F00; height:60px}/* Establezca el borde CSS y la altura CSS en 60px */ </estilo> <div class="divcss5-1">Mi tamaño de fuente es 16px</div> <div class="divcss5-2">Mi color de fuente es rojo</div> <div class="divcss5-3">Mi fondo es negro y la fuente es blanca</div> <div class="divcss5-4">Borde y altura de configuración de diseño</div> </cuerpo>
Mesas
<cuerpo> <borde de tabla="10"> <tr> <th>Título de la tabla</th> <th>Título de la tabla</th> </tr> <tr> <td>Datos tabulares</td> <td>Datos tabulares</td> </tr> </tabla> </cuerpo>