Descripción general de HTML
HTML (HyperTxet Markup Language) es un lenguaje de hipertexto. El lenguaje de hipertexto significa que la página puede contener imágenes y otro contenido. HTML consta de muchas etiquetas.
El lenguaje HTML muestra el contenido que necesitamos mostrar en el navegador a través del navegador.
Sintaxis HTML básica
El formato básico de html es el siguiente
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
etiqueta
Para aprender el lenguaje HTML, primero debe aprender el uso de etiquetas.
La estructura específica de la etiqueta es la siguiente:
1. <estructura de la etiqueta> contenido de la etiqueta </ nombre de la etiqueta> (Este tipo de etiqueta se llama etiqueta cerrada, con un comienzo y una cola. También se llama etiqueta doble)
2. <nombre de etiqueta /> (este tipo de etiqueta se llama etiqueta de cierre automático. Solo hay una cola. También se llama etiqueta única).
3. Atributos de las etiquetas: las etiquetas pueden tener atributos. Los atributos describen con más detalle las características de visualización o uso de la etiqueta. El formato del atributo: nombre de atributo = "valor de atributo". La ubicación del atributo: <nombre de etiqueta nombre de atributo = "valor de atributo"> xxx </ nombre de etiqueta>. Agregue varios atributos: <nombre de etiqueta nombre de atributo = "valor de atributo" nombre de atributo = "valor de atributo"> xxx </ nombre de etiqueta>.
<!DOCTYPE html>
Es una declaración del idioma utilizado.
<head>
Es una etiqueta de encabezado, puede escribir otras etiquetas en la etiqueta de encabezado.
<meta>
Es una etiqueta que se utiliza para describir los atributos de las páginas web HTML. (Sirve <meta charset="utf-8">
para configurar la codificación del juego de caracteres web).
<link>
Las etiquetas definen la relación entre documentos y recursos externos, y su uso más común es vincular hojas de estilo.
<title>
Las etiquetas se utilizan para escribir títulos de páginas.
<body>
Es el cuerpo de la página web y el contenido de la página web está escrito en el cuerpo. Si desea cambiar las propiedades de una página web, puede hacerlo en el cuerpo.
<!--注释内容-->
, Esta etiqueta se utiliza para escribir comentarios.
<h1>,<h2>....<h6>
Etiqueta de título. (Tenga en cuenta que el tamaño de fuente de h1 a h6 disminuye en orden)
<p></p>
Etiqueta de párrafo. <p>
El texto de la etiqueta estará en su propia línea de forma predeterminada y habrá un espacio entre los párrafos.
<br/>
Etiqueta de salto de línea. Como su nombre lo indica, desempeña el papel de salto de línea. El cursor se mueve a la línea siguiente inmediatamente, es decir, no hay espacio entre la línea anterior.
<ol><ol/>
Lista ordenada. Puede utilizar el atributo de tipo para cambiar los caracteres utilizados para la clasificación.
<ul><ul/>
Lista desordenada. También puede utilizar el atributo type para cambiar u ocultar.
<li><li/>
Fila en la lista
<a><a/>
Etiqueta de hipervínculo, HTML utiliza un hipervínculo para conectarse a otro documento en Internet. En términos sencillos, es para acceder a otros recursos web a través de enlaces.
Uso: <a href="http://www,baidu.com">
o <a href="http://www,baidu.com" target="_slef" >
(Nota: al abrir un hipervínculo, la nueva ventana cubrirá la ventana actual. Pero <a href="http://www,baidu.com" target="_blank">
no cubrirá la ventana actual, sino que creará una nueva ventana).
Defina el punto de ancla (utilizado para saltar rápidamente a la etiqueta correspondiente en una página web más larga):
<a name="锚点名称"></a>
Especifique el punto de ancla para el salto de hipervínculo:
<a href="#锚点名称"></a>
<img/>
Etiqueta de imagen. Como sugiere el nombre, inserta la etiqueta de imagen<imgsrc="/=路径/图片"width="宽度" height="高度" border="边框厚度" alt="图片不能正常显示时对图片的描述。"/>
Nota: Ejemplos de enlaces de imágenes:
<body>
<a href="http://www.baidu.com">
<img src="img/baidu.jpg" width="180" height="95" border="0"/>
</a>请点打开百度
</body>
Transferencia de símbolos especiales de uso común: 1. Menos de <: & lt. 2. Signo mayor que>:>. 3. Copyright (una c pequeña en la esquina superior derecha): & copy. 4. Marca registrada (TM): & comercio. 5. Espacio: & nbsp. 6. Marca registrada (R): & reg.
Información de contacto del autor:
qq945677662
vxa2482466921
Si hay un error, ayúdame a corregirlo. Comunicémonos juntos.