Hoy, echemos un vistazo a las cosas más básicas en HTML.

Implementación de código y base HTML
Componentes básicos
Formato de texto
- Ver el código y el efecto
Introducción de otra etiqueta
- base
- cabeza
- Enlace
- estilo
- meta
- texto
- Tabla resumen anterior

Implementación de código y base HTML

Para ser honesto, estos no son desconocidos para HTML, porque en el examen ccf de años anteriores, la tercera pregunta de la pregunta real a menudo tiene conocimientos relacionados con HTML. El mundo es redondo, así que, ¿cómo puedes volver? ¡Armonía en el mundo!

Componentes básicos

Título HTML

<h1>这是一个标题</h1>
<h2>这是一个标题</h2>
<h3>这是一个标题</h3>

Párrafo HTML

<p>这是一个段落。</p>
<p>这是另外一个段落。</p>

Enlace HTML

El atributo de destino se establece en "_blank", el enlace se abrirá en una nueva ventana.

 <a href="https://www.baidu.com">这是一个链接</a>
 <a href="https://www.runoob.com/" target="_blank">访问菜鸟教程!</a>

Imagen HTML

<img src="/images/1.jpg" /><!--width="258" height="39" -->

HTML líneas en blanco y líneas horizontales

Linea en blanco

<br>

Linea horizontal

<hr>

HTML otras etiquetas (manual de referencia de etiquetas)

Manual de referencia HTML (estándar HTML5)

Código total y resultados de ejecución

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>这是一个标题</h1>
    <h2>这是一个标题</h2>
    <h3>这是一个标题</h3>
    <p>这是一个段落。</p>
    <p>这是另外一个段落。</p>
    <a href="https://www.baidu.com">这是一个链接</a>
    <br>
     <img src="/images/1.jpg" /><!--width="258" height="39" -->
</body>
</html>

Inserte la descripción de la imagen aquí

Formato de texto

Ver el código y el efecto

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <b>这个文本是加粗的</b>
    <br />  
    <strong>这个文本是加粗的</strong>  
    <br /> 
    <big>这个文本字体放大</big>  
    <br /> 
    <em>这个文本是斜体的</em>  
    <br />   
    <i>这个文本是斜体的</i>   
    <br />
    <small>这个文本是缩小的</small>
    <br /> 
    这个文本包含
    <sub>下标</sub>   
    <br />
    这个文本包含
    <sup>上标</sup>
    <br />
    <abbr title="etcetera">etc.</abbr>
    <br />
    <acronym title="World Wide Web">WWW</acronym>
    <br>
    <p>My favorite color is <del>blue</del> <ins>red</ins>!</p>
</body>
</html>

Inserte la descripción de la imagen aquí

Introducción de otra etiqueta

base

Utilice la dirección de destino de enlace predeterminada para todos los enlaces en la página de definición.

<base href="//www.runoob.com/images/" target="_blank">
<a href="//www.runoob.com">菜鸟教程</a> - 注意这个链接会在新窗口打开，即便它没有 target="_blank" 属性。因为在 base 标签里我们已经设置了 target 属性的值为 "_blank"。

cabeza

El elemento head> contiene todos los elementos de la etiqueta head. En el elemento principal, puede insertar scripts, archivos de estilo (CSS) y diversa metainformación.

Las etiquetas de elementos que se pueden agregar en el área principal son: título, estilo, meta, enlace, guión, noscript y base.

Enlace

La etiqueta de enlace define la relación entre el documento y los recursos externos.

La etiqueta de enlace se utiliza normalmente para enlazar a una hoja de estilo:

<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>

estilo

La etiqueta de estilo define la dirección de referencia del archivo de estilo del documento HTML.

En el elemento style>, también puede agregar estilos directamente para renderizar documentos HTML:

<head>
<style type="text/css">
body {
     
     background-color:yellow}
p {
     
     color:blue}
</style>
</head>

texto

La etiqueta de secuencia de comandos se utiliza para cargar archivos de secuencia de comandos, como JavaScript.

El elemento de secuencia de comandos se describirá en detalle en capítulos posteriores.

Tabla resumen anterior

etiqueta	descripción
cabeza	Define la información del documento
título	El título del documento está definido
base	Define la dirección de enlace predeterminada de la etiqueta del enlace de la página
Enlace	Define la relación entre un documento y recursos externos.
meta	Define los metadatos en el documento HTML.
texto	Define el archivo de script del cliente.
estilo	Define el archivo de estilo del documento HTML

[Interfaz de usuario de inmersión basada en cero] Conceptos y elementos básicos de HTML (¡la barrera de entrada para la interfaz no es demasiado alta!)