Introducción básica a html
1. Introducción a html: 1.
¿Qué es
html ? Html es un lenguaje utilizado para describir páginas web. La
abreviatura simple es html, Quanpin (Hyper Text Markup Lunguage)
2. La estructura de escritura de html
<!DOCTYPE html>
<html>
这个标签是属于html页面的整个属性，知道游览器解析的标签。引入外部文件的标签
<head>
我们需要展示的信息
</head>
</html>
3. Las características estructurales de las
etiquetas html : (1) las etiquetas html aparecen en pares de palabras clave entre paréntesis angulares, con etiquetas de inicio y finalización, y admiten el anidamiento correcto.
(2) La mayoría de las etiquetas tienen atributos, formatos,
( 3) HTML no distingue entre mayúsculas y minúsculas
2. Presentación de las etiquetas básicas en html
1. Etiquetas de archivo
<html>
<head>
<title></title>:页面的标题
<head>
<boby>
属性：
text:文本的颜色
bgcolor：背景色
background:背景图片
</boby>
</html>
2. Estilo de composición tipográfica
1. Estilo de comentario <!--注释-->
2. Etiqueta de salto de línea <br/>
3. Etiqueta de párrafo <p></p>
4. Etiqueta de línea horizontal <hr/>
Atributos:
ancho: largo
tamaño: grosor
color: color
aigan: método de alineación de
tamaño:
píxel:
porcentaje de px : porcentaje de subetiqueta
3. bloque de etiqueta
de bloque de líneas de nivel de la etiqueta <div></div>/ div + css diseño / in-
etiqueta de bloque de línea <span></sapn>/ * para usar pronta * /
etiqueta 4. texto
básico etiqueta de texto <font></font>
Atributo: Color: Color de
tamaño: tamaño
de la cara: tipo de letra
etiqueta Título: <h1></h1><h2></h2>逐渐提升
5. Lista de etiquetas
1. Lista desordenada <u1></u1>
Atributo: tipo: (números, letras, números romanos)
inicio: número, que representa la posición inicial del primer elemento
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
</ol>
2. Lista ordenada: <ol></ol>
atributo: tipo: (números, letras, números romanos)
inicio: número, que representa la posición inicial del primer elemento
6.<img/>
Atributos de la lista gráfica :
scr: dirección gráfica
ancho: ancho
alto: alto
borde: ensanchamiento
alineación: alineación Método
alt: descripción del texto de la imagen
7. Etiqueta del enlace<a></a>
Dirección de la página de salto:
nombre href , punto de anclaje: nombre
Función:
(1) Salto de página, la transferencia a la red externa debe agregar protocolo
(2) Visita el punto de anclaje, vuelve al punto de anclaje ( Superior, inferior, medio)
8.<table></table>
Atributos de la etiqueta de la tabla :
borde:
ancho del borde de la tabla: ancho de la tabla
altura: altura de la tabla
alinear: alineación
bgcolor: color de fondo
Fila <tr></tr>
representativa: columna representativa: <td></td>
atributo:
combinación de columnas:
combinación de filas de colspan : filaspan
<th></th>: fase Igual a la columna, pero el estilo integrado está centrado
<caption></caption>: el encabezado de la
tabla El papel de la tabla:
(1): Realización simple de un estilo de tabla
(2):
ejemplo de diseño de página
<table>
<td>表格标头
<tr><!--行-->
<captionn>表格标题</caption>
</tr>
</td>
</table>
Etiqueta de formulario Three.html etiqueta 1.form : <form></form>
atributos:
nombre : nombre del formulario
acción: dirección de ruta
método enviado: método de envío (publicar y obtener)
publicación: enviar los datos encapsulados en el cuerpo de la solicitud, tamaño ilimitado
obtener: agregar datos Detrás de la barra de direcciones, hay un tamaño de límite
2.Etiqueta de entrada : <input type="/">
atributo de tipo::
textcuadro de entrada de texto normal
nombre
contraseña: cuadro de entrada de contraseña
radio:
atributo de botón de opción:
nombre: si desea que un grupo de botones de opción sea mutuamente excluyente, simplemente Especifique para estar de acuerdo con el valor del atributo de nombre, debe agregar el valor del atributo del valor;
marcado: marcado de forma predeterminada
checkbox: casilla de verificación:
nombre: concepto de grupo, necesita agregar valor
checked: marcado de forma predeterminada
file: control de archivo de carga
button: botón normal, sin ningún elemento integrado Función
submit: función incorporada, haga clic en enviar de acuerdo con la dirección de la acción
reset: reiniciar, hacer clic borrará el contenido anterior llenado
image:
atributos del botón de imagen :
src: cargar imagen
alt: texto de mensaje de imagen
hidden: ocultar formulario
3. seleccionar
atributo de etiqueta :
nombre: tabla Nombre del árticulo
opción: opcional (cascada entre menús desplegables)
atributo: valor: el valor del elemento de formulario
seleccionado: seleccionado por defecto
4.textarea: etiqueta de campo de texto
atributo:
cols: número de columnas
filas: número de filas
cuatro. etiqueta de marco html y otros
1. Etiqueta del marco
frameset:
atributos:
filas: dividido por filas
cols: dividido por columnas
frameset:
atributos:
nombre: nombre
src: la dirección de la página cargada
2. Otras etiquetas:
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8"><link>
<link rel="stylesheet" type="text/css" href="./styles.css">
href：引入css文件的地址<script>
<script type="text/javascript" src=""></script>
src：js的文件地址3. Caracteres especiales
  : espacio
>: signo mayor que
<: signo menor que
©: símbolo de copyright
®: símbolo registrado