Interfaz web --- sintaxis básica y etiquetas del lenguaje HTML (día001)

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.

Supongo que te gusta

Origin blog.csdn.net/qq_23998145/article/details/109168111
Recomendado
Clasificación