Galería de mapas mentales HTML
Este es un mapa mental sobre html. ¿Qué es html? Las etiquetas de uso común incluyen imágenes, hipervínculos, listas, tablas, elementos multimedia, formularios, etiquetas de texto y clasificaciones de etiquetas.
Editado a las 2022-12-02 19:20:23,プロジェクトマネジメントとは、専門的な知識、スキル、ツール、方法論をプロジェクト活動に適用し、限られたリソースの制約の中で、プロジェクトが設定された要件や期待を達成、またはそれ以上にできるようにするプロセスである。 この図は、プロジェクトマネジメントプロセスの8つの構成要素を包括的に示したものであり、一般的なテンプレートとして利用することができる。
プロジェクトマネジメントとは、専門的な知識、スキル、ツール、方法論をプロジェクト活動に適用し、限られたリソースの制約の中で、プロジェクトが設定された要件や期待を達成、またはそれ以上にできるようにするプロセスである。 この図は、プロジェクトマネジメントプロセスの8つの構成要素を包括的に示したものであり、一般的なテンプレートとして利用することができる。
世界的に著名な科学者、航空力学者、中国有人宇宙飛行の創始者、中国科学院および中国工程院の院士、「二元一星勲章」受章者、「中国宇宙飛行の父」、「中国ミサイルの父」、「中国自動制御の父」、「ロケットの王」として知られる。 中国宇宙の父」、「中国ミサイルの父」、「中国自動制御の父」、「ロケット王」として知られる。
プロジェクトマネジメントとは、専門的な知識、スキル、ツール、方法論をプロジェクト活動に適用し、限られたリソースの制約の中で、プロジェクトが設定された要件や期待を達成、またはそれ以上にできるようにするプロセスである。 この図は、プロジェクトマネジメントプロセスの8つの構成要素を包括的に示したものであり、一般的なテンプレートとして利用することができる。
プロジェクトマネジメントとは、専門的な知識、スキル、ツール、方法論をプロジェクト活動に適用し、限られたリソースの制約の中で、プロジェクトが設定された要件や期待を達成、またはそれ以上にできるようにするプロセスである。 この図は、プロジェクトマネジメントプロセスの8つの構成要素を包括的に示したものであり、一般的なテンプレートとして利用することができる。
世界的に著名な科学者、航空力学者、中国有人宇宙飛行の創始者、中国科学院および中国工程院の院士、「二元一星勲章」受章者、「中国宇宙飛行の父」、「中国ミサイルの父」、「中国自動制御の父」、「ロケットの王」として知られる。 中国宇宙の父」、「中国ミサイルの父」、「中国自動制御の父」、「ロケット王」として知られる。
HTML
Presione Enter para agregar un tema
¿Qué es HTML?
¿qué es?
Es un lenguaje de marcado de hipertexto que puede realizar el desarrollo de páginas web. Utilice etiquetas (etiquetas) para implementar hipertexto en páginas web (no solo texto sino también imágenes, audio, etc.) El contenido de las páginas web se implementa con etiquetas
La estructura básica de HTM L.
<html> <cabeza> <título>título</título> </cabeza> <cuerpo> Todas las etiquetas HTML están escritas en el cuerpo. </cuerpo> </html>
Etiquetas de uso común
Clasificación de etiquetas
Etiqueta única Solo hay una etiqueta.
Generalmente solo se usa para configurar. Por ejemplo:<br/><hr/>.
Fin/puede omitirse
Etiqueta doble La etiqueta tiene dos componentes.
Generalmente tiene la función de inclusión. Por ejemplo: <p></p> Una etiqueta p debe contener el párrafo completo.
Fin/no debe omitirse
Si ocupar una fila
Elementos en línea (elementos en línea): el contenido determina el ancho de la etiqueta y se puede mostrar en la misma línea que otros elementos en línea.
Elementos a nivel de bloque: el ancho predeterminado es el mismo que el de la ventana. No importa cuánto contenido ocupe una línea exclusiva, no se puede mostrar en la misma línea con otras etiquetas.
Nota: Cuando se incluyen: los elementos a nivel de bloque incluyen elementos en línea (aquellos en el mismo nivel también pueden incluirse entre sí) Por ejemplo: si las etiquetas del párrafo están en negrita, debe significar que la etiqueta p contiene la etiqueta fuerte, pero no al revés.
Etiquetas de clase de texto
<p></p> Etiqueta de párrafo
Efecto: ajuste de línea, mayor espaciado, elementos a nivel de bloque
<h1-h6><h1-h6> etiqueta de título
Efecto: salto de línea, fuente en negrita, elementos a nivel de bloque
<strong></strong> Negrita
Efecto: sin saltos de línea, fuente en negrita, elementos en línea
<em></em> cursiva
Efecto: sin saltos de línea, fuente en cursiva, elementos en línea
<br/>
Efecto: ajuste de línea, espaciado sin cambios
<hr/>
Efecto: generar una línea horizontal
Símbolos especiales: símbolos que HTML no puede reconocer directamente o que tienen funciones especiales. Por ejemplo: los espacios no se pueden usar directamente en html, así que use   Si escribe <>html directamente, será reconocido como una etiqueta. Si desea usar > y menos que el nombre, debe usar & gt y & lt.
Espacio
mayor que>
menos que<
Derechos de autor y copia
imagen
Etiqueta
<img atributo 1 = "valor de atributo 1" atributo 2 = "valor de atributo 2" /> elemento en línea
Atributos: mejora el efecto de las etiquetas.
src: establece la ruta de la imagen (se recomienda crear una nueva carpeta para guardar las imágenes en la misma carpeta de la página web)
1. Simplificación del camino
2. Conveniente para moverse
ancho: establece el ancho de la imagen
altura: establece la altura de la imagen
alt: descripción de texto cuando la imagen no se muestra
título: establece el texto que se muestra cuando el mouse pasa sobre la imagen
Nota: Cuando solo se establece un ancho o alto para la imagen, la imagen se escalará en proporciones iguales. Si se configuran ambos, es posible que la imagen quede desproporcionada.
Hipervínculo
Función: cuando haces clic en parte del contenido, puedes saltar a otra página (hipervínculo) <a href=""target="">Contenido en el que se hizo clic</a>
href: establece la ruta de la página a la que saltar. Por ejemplo: nombre de carpeta/nombre de archivo shouye/goods.html.
objetivo: establece el método de apertura cuando la página salta. _blank: abre una nueva ventana y muestra la nueva página.
Contenido en el que se puede hacer clic: todo el contenido en HTML se puede utilizar como objetos en los que se puede hacer clic.
Función: al hacer clic en parte del contenido, puede saltar a una ubicación específica (enlace de anclaje)
Paso 1: establezca el punto de anclaje primero: establezca el punto de anclaje en la posición fija a la que desea saltar <a name="#nombre de anclaje"></a>
Paso 2: Salta al punto de anclaje 1. La misma página 2.<a href="Ruta de la página donde se encuentra el ancla#nombre del ancla">Contenido</a>
a. Saltar a una ubicación específica en la misma página. b. Saltar a una ubicación específica en otra página.
Nota: Sin agregar #, el valor predeterminado es página
lista
Lista desordenada.<ul type=""> .<li></li> .</ul>
Lista ordenada 1.ol tipo="" 2.<li></li> 3.</ol>
Lista de definiciones: 1.<!--Lista de definiciones nivel uno nivel dos--> 2.<dl> 3. Academia <dt>Oracle (66.300, -0.730, -1.09%)</dt> 4. <dd>Aplicaciones y tecnología de big data</dd> 5. <dd>Tecnología de software</dd> 6. <dt>Escuela de Bellas Artes</dt> 7. <dd>Estudios Académicos</dd> 8. <dd>Diseño de jardines</dd> 9.</dl>
hoja
Estructura básica 1.<tabla>->tabla 2. <tr>->línea 3. <td>Columnas/celdas ordinarias</td> 4. <th>td con fuente en negrita</th> 5. </tr> 6.</tabla>
Entre filas (verticalmente) 1.<table border="1"width="500"> 2. <tr> 3 <td rowspan="2">Zhang San</td> 4. <td>Idioma</td> 5<td>98</td> 6. </tr> 7. <tr> 8. <td rowspan="2">John Doe</td> 9. <td>Idioma</td> 10. <td>100</td> 11. </tr> 12.</tabla>
Entre columnas (horizontalmente) 1.<table border="1"cellspace="0"cellpadding="0"> 2. <tr> 3. <td colspan="2">Resultados del examen</td> 4. </tr> 5. <tr> 6. <td>Idioma</td>. 7. <td>129</td> 8. </tr> 9.</tabla>
Descripción de filas cruzadas y columnas cruzadas: Columna cruzada: colspan Fila cruzada: rowspann Las horizontales son filas, las verticales son columnas.
elementos multimedia
audioaudio
Atributos 1.controles: controles de pantalla, como botones de pausa y reproducción 2. bucle: reproducción en bucle 3. reproducción automática: reproducción automática
código 1.<!-- 2. No se muestran controles de forma predeterminada, ya sea video o música. 3.--> 4. <controles de audio="true"loop="true"autoplay="true"> 5.<!-- 6. Al igual que los vídeos, proporcione tantos formatos de archivos de música como sea posible. 7. El navegador reconocerá automáticamente el formato de música que puede cargar. 8.--> 9. <fuente src="video/sound.mp3"> 10. <fuente src="video/sound.ogg"> 11. </audio>
vídeo vídeo 1.<!-- 2. Proporcione tantos formatos de video como sea posible para el mismo video. 3.. Haga que el video esté disponible para todos los navegadores tanto como sea posible. 4. --> 5. <video width="400"controls="true"loop="true"autoplay=""true> 6. <!-- 7. Utilice la fuente para permitir que la etiqueta de video cargue las rutas de múltiples videos. 8. El navegador reconocerá automáticamente el formato de video que puede cargar. 9. --> 10. <fuente src="video/for.mp4"/> 11. </vídeo>
forma
Formulario: cualquier cosa que se pueda completar o enviar con datos en la página es un formulario. Nota: Todos los elementos del formulario deben escribirse dentro de esta etiqueta; de lo contrario, no se podrá enviar el contenido completado.
elementos de formulario
tipo de entrada: 1. escriba el cuadro de texto = "texto" 2. escriba = "contraseña" cuadro de contraseña 3. campo de archivo type="file", utilizado para cargar archivos 4. escriba = "número" cuadro numérico 5. El campo oculto type="hidder" debe enviar algunos datos, pero algunos datos se pueden ocultar si el usuario no necesita verlos. 6. Botones de opción tipo = "radio". Tenga en cuenta que los valores de los atributos de nombre de los botones de opción en el mismo grupo deben ser consistentes. Atributo: marcado: configurado para ser verificado de forma predeterminada 7. casilla de verificación type="checkbox" Tenga en cuenta que el valor del atributo de nombre de los botones de verificación en el mismo grupo debe ser coherente 8. type="submit" El botón Enviar se puede configurar de acuerdo con el contenido del texto mediante la configuración de valores 9. botón de reinicio tipo="reset" para restaurar los elementos del formulario a su contenido inicial 10. type="image" El botón Enviar (tipo de imagen) puede configurar la imagen del botón a través de src="" Tipo sin entrada: Cuadro desplegable: seleccione área de texto: área de texto 1.<!--Cuadro desplegable (lista desplegable): seleccione 1.<!-- 2. opción: una opción en la lista 2. Campo de texto 3. seleccionado: establece el elemento seleccionado predeterminado 3. cols: establece el número de columnas que se muestran en el campo de texto 4. --> 4. fila: establece el número de filas que se muestran en el campo de texto 5. <seleccione nombre="nian"> 5.--> 6. <opción> 6. <textarea name="beizhu" cols="20" row="6"> 7. <opción> 7. 8. <! --Establecer este elemento como elemento predeterminado--> 8.</textarea> 9. <opción seleccionada>2000</opción> 10. <opción>2001</opción> 11. </seleccionar>
1.
Otras propiedades
solo lectura: solo lectura, solo se puede ver pero no modificar
requerido: establecer según sea necesario
marcador de posición: establece el texto del mensaje del cuadro de texto,
Presione Tab para agregar un subtema
doble click para editar el texto