1. El primer paso: abra la herramienta de desarrollo y abra la carpeta especificada;
2. Paso 2: Guarde el archivo index.html en el disco, .html es un sufijo web;
3. Paso 3: Comience a escribir el formato básico de HTML5.
<! 1. <Elovio> // incluyendo metadatos del documento comienzan a iniciar <meta charset = utf-8> // Declars Caracter Coding </title> // establece el título del documento </head> // <body> // significa el contenido de documentos html <a href = http://www.baidu.com> baidu </a> // un elemento hipervínculo (etiqueta) </body> // indica html </html> ///expresa el final del html documentodos. Análisis de la estructura de documentos 1.Doctype
Declaración de tipo de documento (Declaración de tipo de documento, también conocida como DOCTYPE). Principalmente le dice al navegador
El tipo de vista de la vista. En el anterior HTML4.01 y XHTML 1.0, indica la versión y el estilo HTML específicos.
Ahora HTML5 no necesita representar la versión y el estilo.
<!
2.emento htmlEn primer lugar, el elemento significa la etiqueta, y el elemento HTML es la etiqueta HTML. Los elementos HTML son elementos que inician y terminan el documento. Es una etiqueta doble, eco y cola, incluido el contenido.
Este elemento tiene un atributo y valor: lang = zh-cn,
Significa que el documento usa lenguaje: chino simplificado.
<html lang = zh-cn> // Si es inglés, es en '
Página china simplificada: html lang = zh-cmn-hans
Página tradicional china: html lang = zh-cmn-hant
Página en inglés: html lang = en
3. Elemento de la cabezaSe utiliza para incluir contenido de metadatos, los datos de metadatos incluyen: <link>, <seta>, <roscript>, <script>, <script>,
<style>, <title>. Estos contenidos se utilizan para proporcionar información para los navegadores, como el enlace proporciona información CSS, script
Proporcione información de JavaScript, el título proporciona título de página.
<HEAD> ... </head> // Esta información no es visible en la página
Los elementos <Script> se utilizan para definir el contenido alternativo (texto) cuando el script no se ejecuta.
Esta etiqueta se puede usar para reconocer el navegador que puede reconocer la etiqueta <Script> pero no puede admitir el script.
4. Meta elementoEste elemento se utiliza para proporcionar información sobre la documentación. expresar
Dígale a la página del navegador qué códigos se usan. Por supuesto, el archivo se conserva
UTF8, y el navegador también establece UTF8 para mostrar el chino correctamente.
<meta charset = utf-8> // Además de configurar códigos, hay otros
5. Elemento titalEste elemento es muy simple, como su nombre indica: Establezca el título en la esquina superior izquierda del navegador.
<title> Estructura básica </title>
6. Elemento del cuerpoElementos utilizados para contener contenido de documentos, es decir, la parte del área del navegador. Todo el contenido visible debería estar aquí
Agregue los elementos internamente.
<Body> ... </body>
7. Un elementoUn hipervínculo lo discutirá en detalle más adelante.
<a href = http://www.baidu.com> Baidu </a>
tres. Discusión de etiqueta elementalHTML es un lenguaje de marca, y hemos discutido en detalle la estructura en este momento. Aquí, analicemos estos de nuevo
Las etiquetas o etiquetas a menudo lo llaman lo que se compone de cosas como elementos por escrito.
1. ElementosLos elementos son un conjunto de etiquetas que le dicen al navegador cómo manejar algún contenido. Cada elemento tiene una palabra clave, como
<body>, <title>, <seta> son elementos. Diferentes nombres de etiquetas representan diferentes significados e involucrarán etiquetas de párrafos, etiquetas de texto, etiquetas de enlace, etiquetas de imágenes, etc.
Los elementos generalmente se dividen en dos tipos: etiquetas individuales (elementos aéreos) y etiquetas duales. La etiqueta única se usa generalmente para declarar o insertar un cierto yuan
Por ejemplo, la codificación de caracteres de la declaración se usa <SetA>, y <img> se inserta en la imagen; P> ... </p>.
2. Propiedades y valoresAdemás de una sola y doble división, se pueden establecer los atributos y valores internos del elemento. Estos valores de atributos se utilizan para cambiar los elementos
Acto. Por ejemplo, hipervínculos: <a> atributos HREF, reemplazar la URL en la que puede vincular a diferentes sitios web.
Cuatro. entidadLa entidad HTML se muestra por caracteres especiales de significado a través del código físico.
Mostrar los resultados del nombre de la entidad de la descripción del número de entidad
Espacio
<<<<<<< 2
>> mayor que el número
& & & Número
comillas
'' '
￠ ¢ ¢ ¢
镑 镑 £ £
圆 圆 ¥ ¥ ¥ ¥
元 元 € Euro
§ § § Pequeño festival
权 权 © Copyright
Marca registrada ® ® registrada
Marca registrada ™ ™ ™
× × × número de multiplicación
÷ ÷ excepto el número
5. nueva etiqueta estructuralElemento del artículo
Representa un contenido independiente que no está relacionado con el contexto en la página. Por ejemplo, un artículo, una publicación de blog, una publicación de foro, puede usarlo
elemento de sección
Representa un bloque de contenido en la página, como capítulos, encabezado, pie de página u otras partes de la página. Se puede usar en combinación con H1, H2 ... y otros elementos para indicar la estructura del documento. Ejemplo: <section> ... </section>;
Elemento aparte
Exprese la información auxiliar relacionada con el contenido del elemento del artículo además del contenido del elemento del artículo.
elemento de encabezado
Representa el título de un bloque de contenido o una página real en la página.
elemento hgroup
Indique una combinación del bloque de título de la página o página real.
Elemento de pie de página
Indica la nota al pie del bloque de contenido en toda la página o página. En términos generales, incluirá el nombre del creador, la fecha creativa y la información de contacto del Creador.
Elemento de navegación
Representa la parte del enlace de navegación en la página.
Elemento de figura
Indica una sección de contenido de transmisión independiente, que generalmente representa una unidad independiente en el contenido del documento. Use el elemento FigCaption para agregar un título al grupo de elementos de figura. Por ejemplo:
<figura> <figCaption> PRC </figCaption> <p> La República de China del pueblo nació en 1949 </p> </figura>cinco. Metadatos
Los elementos <seta> pueden definir varios metadatos en el documento, y una página HTML puede contener múltiples <meta>
elemento.
1. Especifique el par de metadatos de nombre/valor<meta name = autor content = bnbbs> <meta name = descripción content = esta es una página html5> <meta name = keywords content = html5, css3, respuesta> <meta name = gen = gen erator content = sublime text 3>
Descripción del nombre de datos metropolitanos
Autor de la página actual del autor
Descripción de la página actual de la descripción
Palabras clave Página clave de página actual
La herramienta de codificación de la página de corriente del generador
2. Declarar la codificación de personajes<meta charset = utf-8>
3. Campo de encabezado HTTP de simulación// 5 segundos salta a la URL especificada <meta http-oquiv = rehresh content = 5; >
Descripción del valor del atributo
Actualizar recarga la página actual o especifica una URL. La unidad segundos.
Tipo de contenido Otra forma de declarar la codificación de personajes
seis. Atributo globalAntes de eso, los elementos que involucramos explicaron sus datos locales y, por supuesto, también conocemos algunos atributos globales, como
IDENTIFICACIÓN. Los atributos globales son el comportamiento común de todos los elementos.
1.id atributo<p id = abc> párrafo </p>
Explicación: El atributo de identificación asigna un identificador único al elemento. Este identificador generalmente se usa para dar CSS y JavaScript
Llame al elemento de selección. Solo hay el mismo nombre de identificación una vez una página.
2. Atributo de clase<p class = abc> párrafo </p> <p class = abc> párrafo </p> <p class = abc> párrafo </p>
Explicación: El atributo de clase se usa para clasificar elementos. Establezca CSS al mismo tiempo a través de uno o más elementos en el documento
Modo.
3. Atributo de llave de acceso<Input type = text name = user cuentakey = n>
Explicación: La operación de acceso directo, la tecla Alt+especificada en Windows, premisa que el navegador ALT no entra en conflicto.
4. Atributo que contiene cuenta<p contento = true> ¿Puedo modificar </p>
Explicación: Deje que el texto esté en un estado editable. O directamente
Establezca el atributo.
5. Atributo de Dir<p dir = rtl> texto a la derecha </p>
Explicación: Deje que el texto de izquierda a derecha (LTR), o de derecha a izquierda (RTL).
6. Atributo Hidden<p oculto> texto a la derecha </p>
Explicación: Ocultar elementos.
7. Atributo Llang<p lang = en> html5 </p>
Explicación: Puede establecer el lenguaje localmente.
8. Atributo tital<p type = application/x-shockwave-flash> </objeto>3. Rango 4. 5. Marca
<MARK> se usa principalmente para presentar aquellas palabras que deben ser prominentes visualmente. Una aplicación más típica de la etiqueta <Mark> es mostrar palabras clave de búsqueda a los usuarios en los resultados de búsqueda.
HTML5: <KARK> </Mark>
Html4: <span> </span>
6. ResumenLa etiqueta <summary> contiene el título del elemento de detalles, y el elemento de detalles se utiliza para describir los detalles del documento o fragmento de documento relevante. El elemento resumido debe ser el primer subelemento del elemento de detalles.
Html5: <talls> <summary> html 5 </summary> Este documento le enseña todo lo que tiene que dejar HTML 5. </Detalles>
Html4: ninguno
7. DetalistaLa etiqueta <Stalist> Define la lista de datos opcional. Con el elemento de entrada, puede hacer la lista de valores de entrada.
El DataList y sus opciones no se mostrarán, es solo una lista de valor de entrada legal.
Utilice la propiedad de la lista del elemento de entrada para vincular el DataList.
<Input list = cras /> <dataList id = cars> <opción valor = bmw> <opción valor = form> <opción valor = volvo> </shalist>9. Comando
Expresar el botón de comando
Solo cuando el elemento de comando está en el elemento de menú, el elemento es visible. De lo contrario, este elemento no se mostrará, pero puede usarlo para especificar las teclas de acceso directo del teclado
<Menen> <Command OnClick = Alert ('Hello World')> ¡Haga clic en mí! ocho. Etiqueta abandonadaElemento de expresión
punto de campo
grande
centro
FUENTE
S
huelga
TT
U
Se recomienda reemplazarlos con la semántica correcta y usar CSS para garantizar el efecto después de realizar
Elemento similar a un marco
Debido a la muchas disponibilidad y accesibilidad del marco, la especificación HTML5 elimina los siguientes elementos.
marco
marco
Noframes
Pero HTML5 admite iframe.
Clase de atributo
Muchos atributos expresivos también se eliminan mediante nuevas especificaciones, de la siguiente manera:
alinear
Enlace, vlink, alink, atributos de texto en etiquetas de cuerpo
bgcolor
altura y ancho
Desplazamiento de la propiedad en el elemento iframe
Valer
Hspace y Vspace
CellPadding, Cellspacing y Border atributos en las etiquetas de la tabla
Atributos de perfil en la etiqueta del encabezado
El atributo de destino en la etiqueta de enlace a
Atributos de LongDesc de elementos IMG e iframe
ABBR reemplaza el acrónimo (utilizado para representar la abreviatura)
Objeto reemplazado Applet
UL reemplazó Dir
otro
La estructura de documentos descrita y la nueva etiqueta del HTML5 presentada por el editor para usted. ¡Muchas gracias por su apoyo al sitio web de VEVB Wulin!