Si no sabe nada sobre HTML y todavía está preocupado por cómo comenzar con HTML, el autor recomienda que aprenda este artículo, que puede dominar rápidamente HTML. Si ya eres un experto en HTML, espero que puedas darme mejores sugerencias.
resumenHTML se conoce comúnmente como el lenguaje de marcado de hipertexto. Es una abreviatura del lenguaje Hyper TextMarkup. Es un lenguaje de marcado utilizado para describir documentos web. El archivo de la página web en sí es solo un archivo de texto. Al agregar marcadores al archivo de texto, podemos decirle al navegador cómo mostrar el contenido (como: cómo procesar el texto, cómo organizar la imagen, cómo mostrar la imagen, etc.). Estos marcadores son nuestro HTML. Cuando aprendemos HTML, aprendemos estos marcadores. Hoy aprendemos principalmente algunos marcadores HTML comunes, también conocidos como elementos HTML.
Elementos de etiquetaIntroducción de la etiqueta
El elemento HTML incluye una gama de inclusiones definidas por una o un par de etiquetas. Una etiqueta se compone de dos cadenas <y> señales, y la etiqueta incluye la etiqueta de inicio <> y la etiqueta final </>.
Hay cuatro formas de elementos de etiqueta HTML:
Elemento vacío: <br>
Elemento vacío con atributo: <hrfont = rojo>
Elementos con contenido: <citile> Esto es contenido </citile>
Elementos con contenido y atributos: <fontColor = Red> Esto es contenido </font>
Una cosa que decir aquí es que en el documento HTML, los nombres de etiquetas y atributos no están relacionados con el tamaño.
Elementos esenciales del marco HTML<html> </html> significa el principio y el final del documento
<HEAD> </HEAD> significa el comienzo y el final del encabezado del documento
<title> </title> indica el comienzo y el final del título del documento
<body> </body> indica el comienzo y el final del texto del cuerpo del documento
comentario html
El formato es menor que el signo (<), la marca de exclamación (!) Menos que el signo y la marca de exclamación no tienen espacios. Luego son dos líneas cortas (-), luego el contenido de comentarios, y finalmente dos líneas cortas (-) y mayores que el signo (>).
Por ejemplo: <!-Este es el contenido de comentarios->
Etiquetas relacionadas con el control del párrafo<palign =#>
Cree un párrafo, la alineación del atributo indica la alineación del párrafo, # puede quedarse, centro, derecha, justificar.
<br>
La función es cambiar la línea
<hrcolor =#>
La función es insertar una línea horizontal, y el color de la propiedad se usa para representar el color.
Etiquetas relacionadas con la pantalla de texto<Center>… </Center>
Centrar el texto
<hnalign =#> </hn>
La función es representar el título del documento. n es un entero de 1 a 6, el título más grande a la vez, 6 es el título más pequeño, y Align es establecer la alineación del título, incluida la izquierda, el centro y la derecha.
<fontSize = n color =#> ... </font>
Establezca la fuente, el tamaño es el tamaño de la fuente, un entero de 1 a 7, cuanto mayor sea el número, mayor es la fuente.
<b> ... </b>
Haz que el texto sea en negrita.
<i> ... </i>
Hacer el texto en cursiva
Etiquetas creadas por elementos de listaa. Cree una lista con números numéricos:
<Ol> ... </ol> Use el atributo de inicio para establecer el número de secuencia de inicio.
<li> ... </li> Use el atributo de valor para cambiar el orden de número de secuencia en la lista.
b. Cree una lista con el proyecto conforme:
<ul> y <li>, los atributos de tipo de su etiqueta especifican el estilo del símbolo:
disco, mostrado como un círculo sólido;
cuadrado, muestra cuadrados no sólidos.
Círculo, muestre círculos sin abrir
b. Crear una lista sin firmar
<dl> y <dt> las etiquetas crean listas sin firmar
<dd> y <dt>, cree una lista con sangría
Etiquetas para elementos de mesaEl papel de las tablas en el diseño de la página web es crucial, y las tablas se definen por <Able>.
La definición específica es: <tableBorder = n aligh =# bgcolor = rgb>
El borde del atributo se usa para definir el ancho del borde de la tabla, y el alineamiento del atributo se usa para establecer la alineación de la tabla, que puede ser de izquierda, derecha y centro. Bgcolor es color.
<tittion>… </ctiter> utilizado para definir el título de la tabla
<tr> ... </tr> Agregue una nueva fila a la mesa
<th>… </th> se usa para definir el encabezado de la tabla
<td> ... </td> se usa para definir células
forma interactiva HTMLLos formularios son principales responsables de las funciones de recopilación de datos en las páginas web. Por ejemplo, el formulario es el que generalmente registramos información e información de entrada que puede interactuar con las páginas web.
El formulario se crea utilizando el elemento <form> ... </orm>, incrustando otros elementos o controles relacionados entre los dos, puede crear un formulario que forma parte del documento HTML.
La sintaxis básica para crear un formulario es la siguiente:
<formmethod = get o publica acción = url>…. </form>
El método de atributo se utiliza para especificar el método HTTP utilizado para enviar datos de formulario al servidor. Se puede hacer con Get o Post. Los datos enviados se adjuntan al final de la URL y se envían al servidor como parte de la URL.
Aquí hay algunos elementos comunes sobre los formularios:
El elemento <input> se usa para recibir información de entrada del usuario. Es un elemento vacío con atributos. La sintaxis se usa para crear el control en el formulario.
<inputType = type name = name size = sizeValue = valor '>
El tipo de atributo se usa para especificar el tipo de control que se creará, el atributo se usa para especificar el nombre del control, el tamaño se usa para especificar el ancho inicial del control en el formulario, y el valor del atributo especifica el valor inicial del control.
Para el tipo de tipo, consulte la siguiente imagen:
Elementos de cuadro de listaPermite al usuario seleccionar uno o más elementos de un menú desplegable. El cuadro de lista es creado por el elemento <select> y las opciones en el cuadro de lista se proporcionan con el elemento <opción>.
Control de entrada de texto múltiples
<TextareAname = name filas = número de filas cols = número de columnas>… </textarea>
Las filas de atributos se usan para especificar el número de líneas de texto que se muestran en el área visual del control de entrada del cuadro de texto, y COLS especifica el ancho del área visual que se muestra en el control de entrada de texto.
Etiquetas de hipervínculo<href = url>… </a>
El atributo HREF se usa para especificar el objetivo del enlace. La dirección de destino tiene posicionamiento de URL. El texto entre la etiqueta de inicio <a> </a> se usará como el texto del enlace que se muestra en el navegador.
Etiquetas de imagen de incrustación <img src = url width = n height = m> atributos src Especifique la ubicación del recurso de imagen. El ancho y la altura de las propiedades se utilizan para especificar el tamaño de la imagen. Cabe señalar aquí que SRC debería intentar usar rutas relativas en lugar de rutas absolutas.Elementos de personajes especiales
Los caracteres especiales incluyen referencias de personajes y referencias de entidad. A continuación resumiremos los usados comúnmente.
ResumirHemos resumido algunos de los elementos de etiqueta más utilizados y básicos. Una vez que domine estos más básicos, puede convertirse rápidamente en un HTML junior. No es un problema escribir una página web HTML simple, que también sienta las bases para un mayor aprendizaje en el futuro.