1. Etiqueta de declaración de tipo de documento 2. Tipo de lenguaje Lang 3. Juego de caracteres 4. Etiquetas comunes HTML Declaración de documento HTML5 HTML5HTML 4.01XHTML 1.0
</DOCTYPE> Su función es indicarle al navegador qué versión HTML utilizar para mostrar la página web.
Código: </DOCTYPE html> significa usar la versión HTML5 para mostrar la página web
Las cosas a tener en cuenta son:
1. La declaración <!DOCTYPE> se encuentra al principio del documento, antes de la etiqueta <html>.
2. <!DOCTYPE> no es una etiqueta HTML
Esto se usa generalmente
<!DOCTYPE html> <html lang="zh-CN">
Se utiliza para definir el poder de la visualización de documentos.
es ---inglés
zh-CN---chino
Un juego de caracteres es una colección de caracteres para que las computadoras puedan reconocer y almacenar texto.
Dentro de la etiqueta <head>, puede especificar qué codificación de caracteres debe usar el documento HTML a través del atributo charset de la etiqueta <meta>.
<meta juego de caracteres="UTF-8"/>
"UTF-8" también se llama Unicode
4.1 Etiqueta de título
<h1>Soy un título de primer nivel</h1>
Características:
El texto con el título se volverá más negrita y el tamaño de fuente también aumentará.
Un título en su propia línea
Los ejemplos son los siguientes:
Agregar etiquetas de título debe colocarse en <body></body>
La fuente "Etiqueta de título" se vuelve más grande y en negrita
Ingrese las etiquetas de título de seis niveles
Cada título ocupa una línea y el tamaño de la fuente disminuye en secuencia. Mientras se agrega el título, el tamaño de la fuente se vuelve más negrita.
4.2 Etiquetas de párrafo y etiquetas de salto de línea
<p>Soy una etiqueta de párrafo</p>
Efecto de visualización (hay un gran espacio entre diferentes párrafos)
Si desea ajustar la línea, debe utilizar la etiqueta de salto de línea</br> (el efecto no se muestra)
Aquí tenéis una página web que sigue el proceso:
Documento
¡conseguir!
4.3 Etiquetas de formato de texto
En las páginas web, a veces es necesario establecer efectos de negrita, cursiva o subrayado para el texto. En este caso, es necesario utilizar la etiqueta de formato de texto en HTML (para resaltar la importancia, que es más importante que el texto normal).
Semántica | Etiqueta | ilustrar |
Atrevido | <strong></strong> o <b></b> | Más recomiendo el primero. |
barra oblicua | <em></em> o <i></i> | Más recomiendo el primero. |
tachado | <del></del> o <s></s> | Más recomiendo el primero. |
Subrayar | <ins></ins> o <u></u> | Más recomiendo el primero. |
4.4 Etiquetas <div> y <span>
Estas dos etiquetas no tienen semántica. Son solo un cuadro que se utiliza para contener contenido.
<div>Este es el encabezado</div> (solo se puede colocar un div en una fila)
Por ejemplo: <div>Libro de cuentos de hadas</div>1997
La salida debe ser
<span>Precio de hoy</span> (el contenido se puede mostrar en una línea)
Por ejemplo: <span>Los cuentos de hadas de Grimm</span>
<span>Los cuentos de hadas de Andersen</span>
<span>Fábulas de Esopo</span>
La salida debería ser:
4.5 Etiquetas y rutas de imagen
¿Cómo insertar imágenes en páginas web?
En HTML, la etiqueta <img> se utiliza para definir imágenes en páginas HTML.
<img src="URL de imagen"/>
src es un atributo obligatorio de la etiqueta <img>, que se utiliza para especificar la ruta y el nombre del archivo de imagen.
Lo mejor es poner la imagen en la misma carpeta que la página web.
Puedes verlo directamente en la página web, la imagen está abreviada ,
Estas son las propiedades básicas de las etiquetas de imagen.
propiedad | valor del atributo | ilustrar |
| src | Ruta de la imagen | Atributos requeridos |
alternativo | texto | Reemplazar texto e imágenes que no se pueden mostrar |
título | texto | Texto de solicitud, el texto se mostrará cuando se coloque el mouse sobre la imagen. |
ancho | Píxel | Establecer ancho de imagen |
altura | Píxel | Establecer la altura de la imagen |
borde | Píxel | Establecer el grosor del borde de la imagen |
Primero pruebe el atributo alt Cuando la imagen no se pueda mostrar, ingrese <img src="image1.jpg" alt="Fairy Tale"/> (la imagen image1 aquí no existe, por lo que no se puede mostrar).
Luego intente usar el atributo de título nuevamente, ingrese <img src="image.jpg" title="Fairy Tale"/> y pruebe este efecto usted mismo.
Para probar los atributos de ancho, alto y borde, ingrese <img src="image.jpg" title="Fairy Tale" width="300" height="100" border="15"/>
Cosas a tener en cuenta sobre las etiquetas de imágenes:
(1) La etiqueta de la imagen debe escribirse después del nombre de la etiqueta.
(2) Los atributos no están en ningún orden en particular. Los nombres y atributos de las etiquetas, los atributos y atributos deben estar separados por espacios.
(3) Formato clave="valor"
4.6 Etiquetas y rutas de imagen
Las rutas se pueden dividir en: rutas absolutas y rutas relativas
1. Camino relativo
Es la posición de la imagen relativa a la página HTML.
Clasificación de ruta relativa | símbolo | ilustrar |
Camino del mismo nivel | <img src="imagen.jpg"/> | |
Camino al siguiente nivel | / | <img src="imagenes/baidu.gif"/> |
Ruta de nivel anterior | ../ | <img src="../baidu.gif"/> |
2. Camino absoluto
Es el camino en el sentido popular: "D:webimglogo.gif"
(Lo actualizaré más tarde cuando tenga tiempo)
Declaración de documentación HTML5
<!DOCTYPE html>
El bloque de código anterior es una declaración de documento HTML5 que indica que la página web actual está escrita de acuerdo con los estándares HTML5.
Al escribir una página web, asegúrese de escribir la declaración del documento HTML5 en la parte superior de la página web. Si no escribe una declaración del documento, algunos navegadores entrarán en un modo extraño. Después de ingresar al modo extraño, el navegador analizará la página y la página no se mostrará normalmente. Por lo tanto, para evitar ingresar a este modo, debe escribir una declaración de documento.
Declaraciones de documentos de uso común
<!DOCTYPE html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transicional//ES"
"http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transicional//ES"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Nota: <!DOCTYPE> no es una etiqueta HTML. Proporciona al navegador información (una declaración) sobre qué versión del HTML se escribió.
Para ser compatible con algunas páginas antiguas, el navegador tiene dos modos de análisis:
Modo estándares Modo estándares
Modo Quirks modo extraño
Los modos extraños producirán un comportamiento impredecible al analizar páginas web y debemos evitar la aparición de modos extraños.
Tipo de archivo <HTML></HTML> (colocado al principio y al final del archivo)
Con esto concluye este artículo sobre etiquetas de declaración de tipo de documento HTML (tutorial de nivel de entrada). Para obtener más contenido de declaración de documento HTML relacionado, busque artículos anteriores en downcodes.com o continúe navegando por los siguientes artículos relacionados. Espero que lea más en. futuro.