¿Por qué mi página web HTML no muestra nada más que una barra de navegación en la parte superior de la pantalla? Desarrollador de registros, desarrollo de aplicaciones

Hola,

¡Mirando todas las respuestas a continuación, soy como ‘huhhhh’! Es cierto lo que dijo Cody al respecto que nadie se ha dado cuenta, no tiene nada en el código, solo etiquetas de título y etiquetas para mostrar el panel de navegación.

Básicamente, en su código tiene la etiqueta debajo de , que mostrará el texto que especificó en una pestaña en particular. </p><ul class="relate"><li><a href="https://develop.gobetech.com/15241/cuales-serian-las-debilidades-de-disenar-una-aplicacion-de-una-sola-pagina-con-una-variable-global-con-variables-anidadas-segun-corresponda-y-un-monton-de-funciones.html" rel="bookmark" title="¿Cuáles serían las debilidades de diseñar una aplicación de una sola página con una variable global (con variables anidadas según corresponda) y un montón de funciones?">¿Cuáles serían las debilidades de diseñar una aplicación de una sola página con una variable global (con variables anidadas según corresponda) y un montón de funciones?</a></li><li><a href="https://develop.gobetech.com/5276/cuantas-personas-mayores-de-55-anos-saben-como-construir-un-sitio-web-de-wordpress.html" rel="bookmark" title="¿Cuántas personas mayores de 55 años saben cómo construir un sitio web de WordPress?">¿Cuántas personas mayores de 55 años saben cómo construir un sitio web de WordPress?</a></li><li><a href="https://develop.gobetech.com/28271/hay-paginas-web-o-estudios-que-hayan-cambiado-la-forma-en-que-ves-el-mundo-un-ejemplo-es-que-hay-rubias-en-todas-las-razas-y-en-todos-los-continentes.html" rel="bookmark" title="¿Hay páginas web o estudios que hayan cambiado la forma en que ves el mundo? Un ejemplo es que hay rubias en todas las razas y en todos los continentes.">¿Hay páginas web o estudios que hayan cambiado la forma en que ves el mundo? Un ejemplo es que hay rubias en todas las razas y en todos los continentes.</a></li><li><a href="https://develop.gobetech.com/2504/como-crearia-un-sitio-de-comercio-electronico-interactivo.html" rel="bookmark" title="¿Cómo crearía un sitio de comercio electrónico interactivo?">¿Cómo crearía un sitio de comercio electrónico interactivo?</a></li><li><a href="https://develop.gobetech.com/30953/cual-es-mejor-para-aprender-stack-medio-o-php.html" rel="bookmark" title="¿Cuál es mejor para aprender stack medio o PHP?">¿Cuál es mejor para aprender stack medio o PHP?</a></li></ul> <p> A continuación, debajo de la etiqueta , tienes las etiquetas </p> <ul> y </p> <li> que se utilizan para mostrar la barra de navegación. Eso es. </p> <p> Y debe declarar la etiqueta después de la etiqueta . Entonces será como … </p> <p><img decoding="async" src="http://qc.miximages.com/main-qimg-64fa9500d135b747aba140d19e4b1627"></p> <p> Ahora está diciendo que no se muestra nada más que el panel de navegación. Si quieres </p> <p> para mostrar algunos otros elementos como <b>divs, imágenes, videos, panel lateral, etc.</b> , debe agregar las respectivas etiquetas explícitamente para ellos en la etiqueta <b></b> . </p>  <div id="ezoic-pub-ad-placeholder-103"> </div>  <div id="tags" class="mb-2"> <span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/aprender-a-programar" rel="tag">Aprender a programar</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/desarrollo-web" rel="tag">Desarrollo web</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/desarrollo-web-front-end" rel="tag">Desarrollo web front-end</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/diseno" rel="tag">Diseño</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/hojas-de-estilo-en-cascada" rel="tag">Hojas de estilo en cascada</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/html" rel="tag">HTML</a></span><span class="btn btn-outline-info btn-xs m-1"><a href="https://develop.gobetech.com/note/web" rel="tag">web</a></span> </div> </article> </div> <div class="my-3 px-3 pb-2 bg-light rounded shadow-sm relate"><p class="py-2 mb-0">Related Content</p><p class="p-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/31575/por-que-hay-tantos-desarrolladores-altamente-calificados-extremadamente-baratos-en-india-cuando-podrian-construir-sus-propios-sitios-web-y-ganar-un-buen-dinero.html" rel="bookmark" class="nav-link p-0">¿Por qué hay tantos desarrolladores altamente calificados extremadamente baratos en India, cuando podrían construir sus propios sitios web y ganar un buen dinero?</a></p><p class="p-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/2374/debo-aprender-php-despues-de-html.html" rel="bookmark" class="nav-link p-0">¿Debo aprender PHP después de HTML?</a></p><p class="p-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/20475/como-es-ser-un-desarrollador-front-end-para-un-sistema-operativo-que-no-es-unix-como-windows.html" rel="bookmark" class="nav-link p-0">¿Cómo es ser un desarrollador front-end para un sistema operativo que no es Unix como Windows?</a></p><p class="p-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/27008/cuales-son-algunos-errores-comunes-que-cometen-los-desarrolladores-de-node-js.html" rel="bookmark" class="nav-link p-0">¿Cuáles son algunos errores comunes que cometen los desarrolladores de Node.JS?</a></p><p class="p-2 mb-0 border-top border-gray"> <a href="https://develop.gobetech.com/27486/debo-usar-oauth2-o-jwt-para-mi-api.html" rel="bookmark" class="nav-link p-0">¿Debo usar OAuth2 o JWT para mi API?</a></p></div> <div class="row mx-0"> <div class="col-md-6 text-left bg-white shadow-sm py-2"><a href="https://develop.gobetech.com/32987/como-acelerar-el-tiempo-de-carga-de-una-pagina-web-con-muchas-imagenes.html" rel="prev">Cómo acelerar el tiempo de carga de una página web con muchas imágenes</a></div> <div class="col-md-6 text-right bg-white shadow-sm py-2"><a href="https://develop.gobetech.com/32989/que-empresas-usan-el-software-creo.html" rel="next">¿Qué empresas usan el software Creo?</a></div> </div> <div class="card my-3 border-0 shadow-sm"> <div class="card-body"> <p> Has mezclado <i>cabeza</i> y <i>cabecera.</i> </p> <p> <i>cabeza</i> </p> <ul> <li> contiene información para la computadora / navegador (título de la página, enlaces a hojas de estilo y JS, metainformación como contenido, etc.) </li> <li> viene antes del <i>cuerpo,</i> y </li> <li> no se muestra en la página </li> </ul> <p> <i>encabezamiento</i> </p> <ul> <li> es parte de la estructura de la página / sitio </li> <li> aparece dentro de las etiquetas del <i>cuerpo</i> </li> <li> puede usarlo al crear la navegación del sitio. </li> </ul> <p> Esta es una gran lista de lo que puede aparecer dentro de la cabeza: joshbuchea / HEAD </p> </div> <div class="card-footer text-right py-1"> <small class="text-muted">Shahnawaz Sarkar</small> </div> </div> </li> <div class="card my-3 border-0 shadow-sm"> <div class="card-body"> <p> Debe aprender a usar Chrome / Firefox para inspeccionar el elemento. Se pueden ver los estilos que se aplican en un momento dado a un elemento. Le dirá en qué parte del archivo CSS debe buscar incluso el número de línea. Puede probar sus cambios en el navegador y luego confirmar ese cambio en su código. </p> </div> <div class="card-footer text-right py-1"> <small class="text-muted">Dhruv Jain</small> </div> </div> </li> <div class="card my-3 border-0 shadow-sm"> <div class="card-body"> <p> Como dijiste en el título que la página web no muestra nada que hayas agregado. Supongo que los elementos que ha agregado son demasiado pequeños, por lo que están ocultos por la barra de navegación que configuró para que tenga una <b>posición fija</b> . Traté de codificar desde su código HTML y obtuve el siguiente resultado: </p> <p> <i>(Codificado desde su código con <head> fijo y agregado un texto usando </p> <p>)</p> <p></head></i> </p> <p><img src="http://qc.miximages.com/main-qimg-c7e46d98595d9b8a5dbfa824f9172c41-c"/></p> <p> ¡El texto “Algo está aquí …” no se muestra en la página! </p> <p> Deje escalar el texto y vea qué sucede. </p> <p> <i>¡¿Qué?!</i> <i>¿Ese mensaje estuvo allí todo el tiempo?</i> </p> <p><img src="http://qc.miximages.com/main-qimg-36b4d8feffb70a84747ccc1deb90d49d-c"/></p> <p> Supongo que tienes que ajustar los elementos justo después de la barra de navegación para tener una <b>posición</b> que esté debajo de la barra de navegación para que se muestre correctamente de lo que has querido hacer. </p> </div> <div class="card-footer text-right py-1"> <small class="text-muted">Dhruv Jain</small> </div> </div> </li> <div class="card my-3 border-0 shadow-sm"> <div class="card-body"> <p> Me sorprende que nadie más haya mencionado esto. Junto con lo que todos los demás han mencionado (<head> </head> va por encima de <body>), simplemente no has codificado nada más. </body></p> <p> Su página ahora consta de: </p> <p> un título (la parte que va en la pestaña) y una barra de navegación. Eso es. Si necesita más, puede usar elementos como </p> <p> para párrafo, <b> para negrita, <i> para cursiva, <em> para enfatizar, <br /> para saltos de línea, <h (x)> para encabezados ( </p> <h1> </h1> <p> o </p> <h2> </h2> <p> hasta <h7> </h7>), y muchos otros. Aprenderá más a medida que avanza. </h></em></i></b></p> </div> <div class="card-footer text-right py-1"> <small class="text-muted">Shahnawaz Sarkar</small> </div> </div> </li> <div class="card my-3 border-0 shadow-sm"> <div class="card-body"> <p> Mueva el elemento de cabeza (y todo dentro de la cabeza) hacia arriba del cuerpo para que se convierta en hijo de <html> para empezar. </html></p> <p> sigue leyendo aquí … </p> <p> <a href="https://www.w3schools.com/html/ht" rel="nofollow">http://www.w3schools.com/html/ht</a> … </p> </div> <div class="card-footer text-right py-1"> <small class="text-muted">Michael Thean</small> </div> </div> </li> <div class="card my-3 border-0 shadow-sm"> <div class="card-body"> <p> En el caso de que sea un novato, seleccione un menú desplegable de CSS gratuito de su decisión y luego utilice nuestro Creador de menús para modificar el aspecto y la estructura de su menú. Cuando haya fabricado su menú en nuestro Creador de menús, puede descargar un documento de compresión decente y elegante que contenga todo su código junto con pautas sobre la mejor manera de presentar su menú. Cómo usar Bootstrap: una breve introducción </p> </div> <div class="card-footer text-right py-1"> <small class="text-muted">Dhruv Jain</small> </div> </div> </li> <div class="card my-3 border-0 shadow-sm"> <div class="card-body"> <p> Tendría que ver el código HTML y .css que escribió y el sitio web en cuestión porque podría haber un millón de razones: los enlaces son <ahref = "link"> Texto del enlace , luego use el .css para configurar el mira y siente. </ahref></p> </div> <div class="card-footer text-right py-1"> <small class="text-muted">Shahnawaz Sarkar</small> </div> </div> </li> <div class="card my-3 border-0 shadow-sm"> <div class="card-body"> <p> <html> <br /> <head> <br /> <title>
PONGA AQUÍ ENLACES A CSS Y JAVASCRIPT ARCHIVO

PONGA SU CÓDIGO AQUÍ (ul y li)

Prueba esto.