Grabar después de la primera reunión del departamento de red
Este es el récord después de la primera reunión del Departamento de Internet de Tongda College. Soy Zhao Zhichao, un estudiante de primer año en el año 20. La primera reunión está aún más inclinada a nuestros novatos de Internet, y todo lo que hablé es relativamente simple.
Al principio, aprendimos algunos conocimientos básicos de HTML y enseñamos algunas etiquetas básicas
como las metaetiquetas. Las
metaetiquetas se utilizan principalmente para establecer algunos metadatos en páginas web. Los metadatos no son un juego de caracteres para que los usuarios especifiquen el juego de caracteres de la página web. Por ejemplo: el nombre de los datos especificados por el nombre UTF-8. El contenido de los datos especificados por las palabras clave de contenido representa las palabras clave del sitio web. Se pueden especificar varias palabras clave al mismo tiempo. Las palabras clave se utilizan y separan. La descripción se utiliza para especificar la descripción del sitio web. El texto que se muestra en el hipervínculo como resultado de la búsqueda es el nombre de la página.
La etiqueta semántica HTML
"body> elemento" define el cuerpo del documento HTML. Este elemento tiene una etiqueta de inicio "cuerpo> y una etiqueta de fin" / cuerpo>.
Etiqueta de título: "h1> ~" h6> Hay un total de seis niveles de encabezados de "h1> ~" h6> en importancia decreciente, "h1> es el más importante," h6> es el menos importante, "h1> es el segundo más importante en la página web En la etiqueta "title>, en circunstancias normales, solo habrá una" h1> en una página ". En circunstancias normales, la etiqueta de título solo usará" h1> "h3>," h4> "h6> rara vez usará la
etiqueta" p> para representar la página Un párrafo en
"fuerte> significa énfasis, contenido importante!"
"Br>
"Encabezado> indica el encabezado de la página web
" principal> indica la parte principal de la página web (solo un principal en una página)
"pie de página> indica la parte inferior de la página web
" nav> indica la navegación en la página web
"aparte> y otro contenido relacionado con el cuerpo principal (Barra lateral)
"artículo> significa un artículo independiente
" , sección> significa una sección separada, use la sección cuando ninguna de las etiquetas anteriores se pueda expresar,
"div> no tiene semántica, se usa para expresar una sección, actualmente hablando div También es nuestro elemento de diseño principal
"span> elemento en línea, sin semántica, generalmente utilizado para seleccionar texto en la página web
Lista
Hay tres tipos de listas html:
1. Lista ordenada
2. Lista desordenada
3. Lista de definición Lista
ordenada, use la etiqueta ol para crear
Use li para indicar el elemento de la
lista Lista desordenada, use la etiqueta ul para crear una lista desordenada
Use li Representa un elemento de lista Lista de
definiciones, use la etiqueta dl para crear una lista de definiciones
Use dt para indicar el contenido de la definición
Use dd para explicar el contenido Las
listas se pueden anidar entre sí
Hipervínculos y rutas relativas
Los hipervínculos nos permiten saltar de una página a otras páginas u otras ubicaciones en la página actual.
Utilice una etiqueta para definir los atributos del hipervínculo: href especifica la ruta de destino del salto (el valor puede ser la dirección de un sitio web externo) o Escribe la dirección de una página interna. El hipervínculo también es un elemento en línea. Cualquier elemento excepto él mismo puede anidarse en la etiqueta a.
Cuando necesitamos saltar a una página dentro del servidor, generalmente usamos rutas relativas. Por ejemplo, al principio de ./.../ ./ se puede omitir, si no escribe ./ tampoco escribe ... /, es equivalente a escribir ./ ./ indica el directorio donde se encuentra el archivo actual ... / indica el directorio donde se encuentra el archivo actual El
atributo de destino del directorio de nivel superior se utiliza para especificar la ubicación donde se abre el hipervínculo. Valores opcionales: valor predeterminado propio abre el hipervínculo en la página actual en blanco abre el hipervínculo en un nuevo o
en el desarrollo, puede usar # como un hipervínculo en desarrollo Se utiliza el símbolo de cabina de la ruta (salto de ancla), puede establecer directamente el atributo href del hipervínculo en #, de modo que la página no salte después de hacer clic en el hipervínculo, pero puede saltar a la página yendo a la parte superior de la página actual Para especificar la posición, simplemente establezca el atributo href # id valor del atributo del atributo id del elemento de destino (el único que no se repite)
- Cada etiqueta puede agregar un atributo de identificación
- El atributo id es el identificador único del elemento y no pueden aparecer atributos de id duplicados en la misma página.
Imágenes y audio y video
La etiqueta de imagen se usa para introducir una imagen externa a la página actual.
Usa la etiqueta img para introducir una imagen externa. La etiqueta img es una etiqueta de cierre automático.
Img es un elemento de reemplazo (entre un bloque y un elemento en línea, que tiene las características de dos elementos). : El
atributo src especifica la ruta de la imagen externa (las reglas de ruta son las mismas que las del hipervínculo).
Alt La descripción de la imagen, que no se muestra por defecto. Algunos navegadores mostrarán el
ancho de la imagen cuando la imagen no se puede cargar (la unidad es Pixel)
height La altura de la imagen;
si solo se modifica uno de los valores de ancho y alto, el otro escalará el formato de imagen proporcionalmente:
jpeg (jpg) -admite
colores ricos, no admite efectos de transparencia y no admite animación
-general Se utiliza para mostrar el
gif de la foto
- admite menos colores, admite imágenes simples y transparentes, admite imágenes animadas - imágenes de un solo color,
png animado
- admite colores ricos, admite transparencia compleja, no admite imágenes animadas
- colores ricos, imágenes transparentes complejas ( Nacido específicamente para páginas web)
-webp
-Este formato es un formato recién lanzado especialmente utilizado por Google para representar imágenes en páginas web
-Tiene todas las ventajas de otros formatos de imagen, y los archivos son particularmente pequeños
-Desventajas: compatibilidad
Base64 incorrecta:
use la codificación base64 para las imágenes, por lo que puede convertir imágenes en caracteres e importar imágenes en forma de caracteres;
generalmente, algunas imágenes que deben cargarse con la página web usarán base64. Necesito seguir: el
mismo efecto, use pequeño de
El efecto es diferente. La
etiqueta de audio con buen efecto se usa para introducir un archivo de audio externo en la página. Admite tres formatos de audio. Cuando
se importan archivos de audio y video Ogg, MP3, Wav , el usuario no puede controlar el atributo de parada de reproducción por defecto. :
Src value: url La URL del audio que se reproducirá.
valor de controles: controla si permitir que el usuario controle la reproducción (mostrando controles al usuario, como un botón de
reproducción ) valor de reproducción automática: reproducción automática si el archivo de audio se reproduce automáticamente; si la reproducción automática está configurada, la música se reproducirá automáticamente cuando se abra la página
valor de bucle: bucle si la música se reproduce en un bucle
Valor de precarga: el audio de precarga se carga cuando la página se carga y está lista para reproducirse. Si usa "reproducción automática", ignore este atributo.
Use la etiqueta de video para introducir un video en la página web; el uso es básicamente el mismo que el del audio, con la adición de ancho y alto.
Formularios y tablas
"Form action =" "method =" ">
" input />
"/ form>
HTML5 tiene varios tipos nuevos de entrada de formulario. Estas nuevas funciones proporcionan un mejor control y verificación de las entradas.
Valor bajo el atributo de tipo:
texto se usa para texto y caracteres sin ninguna restricción.
Contraseña se usa para ingresar la contraseña.
Correo electrónico se usa para el campo de entrada que debe contener la dirección de correo electrónico. Al enviar el formulario, el valor del campo de correo electrónico se verifica automáticamente.
url se utiliza para campos de entrada que deben contener direcciones URL. Cuando se envía el formulario, el valor del campo de URL se verifica automáticamente.
number se utiliza para campos de entrada que deben contener valores numéricos.
También puede establecer los límites de los números aceptados: "tipo de entrada =" número "nombre =" puntos "mínimo =" 1 "máximo =" 10 "/>
paso: especifique el
rango de intervalo de número legal utilizado para contener ciertos El campo de entrada para valores numéricos en el rango. El tipo de rango se muestra como un control deslizante. Los atributos son los mismos que los de los
selectores de fecha (fecha, mes, semana, hora, fecha y hora, fecha y hora-local)
HTML5 tiene varios tipos de entrada nuevos para seleccionar fechas y horas:
fecha-seleccionar día, mes, año
mes-seleccionar mes, año
semana -Seleccione la
hora de la semana y el año -Seleccione la hora (horas y minutos)
datetime-Seleccione la hora, día, mes, año (hora UTC)
datetime-local-select time, day, month, year (hora local) la
búsqueda se usa para buscar el
color del campo se usa para seleccionar el color
enviar Definir el botón enviar (enviar formulario)
generalmente use "botón> etiqueta
" tipo de botón = "enviar"> "/ button> Enviar datos del formulario
"button type =" reset ">" / button> Reset (borrar datos del
formulario ) elementos del formulario: el
marcador de posición de altura y ancho proporciona una pista para describir el valor esperado del campo de entrada.
Utilice la etiqueta "tabla> para crear una tabla.
Por ejemplo:" borde de tabla = "1">
"! -
Encabezado de tabla -> " th> Encabezado "/ th>
" th> Otro encabezado "/ th>
"! - tabla de Fila -> "tr>
"! - Unidad de la tabla ->
"td> fila 1, celda 1" / td>
"td> fila 1, celda 2" / td>
"/ tr>
" tr>
"td > fila 2, celda 1 "/ td>
" td> fila 2, celda 2 "/ td>
" / tr>
"/ tabla>
" tabla>
"Th> define el encabezado de la tabla.
"Tr> define las filas de la tabla.
"Td> Definir celdas de tabla.
"Thead> define el encabezado de la tabla
" tbody> define el cuerpo principal de la tabla.
"Tfoot> define el pie de página de la tabla.
"Col> define los atributos utilizados para las columnas de la tabla.
"Colgroup> define el grupo de columnas de la tabla.
Historial aproximado, estudio de seguimiento pendiente.
12/11/2020