Resumen de aprendizaje HTML

1. Concepto:

Lenguaje de marcado de hipertexto Lenguaje de marcado de hipertexto
1. Hipertexto: no solo texto, sino que combina etiquetas y otra información. El hipertexto es un texto similar a una web que utiliza hipervínculos para organizar la información de texto en varios espacios.
2. Marcado Idioma:
es una codificación de texto por computadora que combina texto y otra información relacionada con el texto para mostrar los detalles de la estructura del documento y el procesamiento de datos. Otra información relacionada con el texto (incluida la estructura y la información de presentación del texto, etc.) se combina con el texto original, pero se marca con una marca.

2. Comenzando:

Sintaxis:
1. El sufijo del documento html es .html o .htm
2. Las etiquetas se dividen en
1. Etiquetas de contención: hay etiquetas de inicio y etiquetas de finalización. Por ejemplo,
2. Cierre automático y etiquetado: etiqueta de inicio y etiqueta de finalización juntas. Por ejemplo,

3. Las etiquetas se pueden anidar:
deben anidarse correctamente, no puedes tenerme en ti y tú en mí
Error:
correcto:
4. Los atributos se pueden definir en la etiqueta de inicio. Los atributos se componen de pares clave-valor. Los valores deben estar entrecomillados (tanto simples como dobles)
5. Las etiquetas HTML no distinguen entre mayúsculas y minúsculas, pero se recomienda usar minúsculas.

* 代码：
			<!DOCTYPE html>
			<html lang="en">
			<head>
			    <meta charset="UTF-8">
			    <title>Title</title>
			</head>
			<body>

			</body>
			</html>

3. Etiqueta:

Etiqueta de archivo: la etiqueta más básica que constituye html
* html: la etiqueta raíz del documento html
* head: la etiqueta head. Se utiliza para especificar algunos atributos del documento html. Introducir recursos externos
* título: Etiqueta de título.
* cuerpo: etiqueta del cuerpo
*: el documento se define en html5 como un documento html
2. Etiqueta de texto: una etiqueta relacionada con el texto
* Nota:
* <h1> a <h6>: etiqueta de título
* h1 ~ h6: el tamaño de fuente disminuye gradualmente
* < p>: Etiqueta de párrafo
* <br>: Etiqueta de avance de línea
* <hr>: Mostrar una línea horizontal
* Atributos:
* color: color
* ancho: ancho
* tamaño: alto
* alinear: alineación
* centro: centrado
* izquierda: alineado a la izquierda
* derecha: alineación derecha
* <b>: fuente en negrita
* <i>: fuente en cursiva
* <font>: etiqueta de fuente
* <center>: texto centrado
* atributos:
* color: color
* tamaño: tamaño
* cara: fuente
* Definición de atributo:
* color:
1. Palabras en inglés: rojo, verde, azul
2. rgb (valor 1, valor 2, valor 3): rango de valores: 0 ~ 255 como rgb (0,0,255)
3. # valor1 valor2 valor3 : rango de valores: entre 00 ~ FF. Por ejemplo: # FF00FF
* ancho:
1. Valor: ancho = '20 ', la unidad del valor, el valor predeterminado es px (píxel)
2. Valor%: la proporción entre la proporción y el elemento principal
3. Etiqueta de imagen:
* img: mostrar imagen
* Atributo:
* src: especifica la ubicación de la imagen
- Código:
```
 		    <img src="image/jingxuan_2.jpg" align="right" alt="古镇" width="500" height="500"/>
 		
 		    
 		
 		    <img src="./image/jiangwai_1.jpg">
 		
 		    <img src="../image/jiangwai_1.jpg">
```
Etiquetas de lista:
* Lista ordenada:
* ol:
* li:
* Lista desordenada:
* ul:
* li:

Etiqueta del enlace:
* a: define un hipervínculo
* Atributos:
* href: especifica la URL (localizador uniforme de recursos) para acceder al recurso
* destino: especifica la forma de abrir el recurso
* _self: valor predeterminado, abrir en la página actual
* _blank: en blanco Se abre la página

Código:

  		 \<!--超链接  a-->
  	    <a href="http://www.itcast.cn">点我</a>
  	    <br>
  	
  	    <a href="http://www.itcast.cn" target="_self">点我</a>
  	    <br>
  	    <a href="http://www.itcast.cn" target="_blank">点我</a>
  	
  	    <br>
  	
  	    <a href="./5_列表标签.html">列表标签</a><br>
  	    <a href="mailto:[email protected]">联系我们</a>
  	
  	    <br>
  	    <a href="http://www.itcast.cn"><img src="image/jiangwai_1.jpg"></a>

div y span:
div: cada div ocupa una línea completa. Intervalo de etiquetas a nivel de bloque
: la información de texto se muestra en una línea, las etiquetas en línea son etiquetas en línea
Etiquetas semánticas: para mejorar la legibilidad del programa, html5 proporciona algunas etiquetas.
1. <encabezado>: encabezado
2. <footer>: pie de página
Etiquetas de tabla:
* tabla: define la tabla
* ancho: ancho
* borde: borde
* relleno de celdas: define la distancia entre el contenido y las celdas
* espacio de celdas : define la distancia entre las celdas. Si se especifica como 0, las líneas de celda se fusionarán en una,
* bgcolor: color de fondo
* alinear: alineación
* tr: definir fila
* bgcolor: color de fondo
* alinear: alineación
* td: definir celda
* colspan: fusionar columna
* rowpan: fusionar filas
* th: definir la celda del encabezado de la tabla
* <caption>: título de la tabla
* <thead>: indicar la parte de la cabecera de la tabla
* <tbody>: indicar la parte del cuerpo de la tabla
* <tfoot>: indicar la parte del pie de la tabla