Red de conocimiento informático - Conocimiento del nombre de dominio - Cómo utilizar HTML5 para crear una página de inicio personal

Cómo utilizar HTML5 para crear una página de inicio personal

En términos generales, la página se divide en dos partes: la parte del encabezado se incluye en la parte del artículo y la parte del pie de página es una parte separada. Luego de conocer la estructura general, partimos de la parte,
, que tiene el título principal, el subtítulo y la firma del autor. Como dijimos antes, si además del título principal, hay subtítulos, entonces estos dos títulos pueden ser. escrito en un elemento
. Si además del título principal, hay otro contenido, como resumen del contenido, hora de publicación, autor, imagen o enlace de subtítulo, etc., entonces se deben colocar en el elemento
.

lt;headergt;

lt;hgroupgt;

lt;h1gt; Agregue elementos de color a blogs personales para mejorar la experiencia del usuario del sitio weblt;/h1gt;

lt; h2gt; El color de la página web: el color que determina si el usuario se detendrá o permanecerá.

lt;/h2gt;

lt;/hgroupgt;

lt;p class="Byline"gt;diseño de DanceSmilelt;/pgt;

lt; p>

lt;/headergt;

A continuación se muestra la parte principal del artículo:

Parte del código:

lt; div class="Content" gt;

lt;pgt;

Esta es la primera vez que veo el sitio web del blog personal de Yang Qing, si te gusta. ...lt;/pgt;

...

lt;/divgt;

También hay una ilustración en el texto, esta es una nueva ilustración agregada en html5 lt; figuregt; elementos semánticos, lt; figurecaptiongt; no solo puede contener texto, sino cualquier elemento html, como enlaces e íconos pequeños. lt;figcaptiongt; contiene una descripción completa de la imagen, por lo que el texto alternativo es más que suficiente, en cuyo caso puedes eliminar el atributo alt del elemento lt;imggt;

lt;figcaptiongt;

lt;img src="/d/file/jstt/ bj/2013-06-19/200e781ddaa1d92cc3996637d06c38b2.jpg"gt;

lt;figcaptiongt; Control y prevención de enfermedades: Tencent CDC "Análisis de la aplicación del color en páginas web" lt;/figcaptiongt;

lt; /figuregt;

Finalmente, escriba el código anterior en lt ;artículo;.

lt;footergt; es solo información simple del pie de página.