Como crear un sitio web en poucas horas

Crear un sitio web non ten que ser difícil. Neste artigo, percorreremos os conceptos básicos da creación de páxinas html e como crear unha lista de mini-includes. A continuación, discutiremos como usar o html>-etiqueta para resaltar o texto. En definitiva, mostrarémosche como crear un sitio web en poucas horas. Tamén cubriremos algunhas outras técnicas útiles.

Creando unha páxina html

HTML é a linguaxe utilizada para construír páxinas web. Define a estrutura da páxina web e CSS controla como se mostra o contido. Non é difícil crear unha páxina HTML básica. Aquí tes unha guía paso a paso para comezar. Unha vez que teña unha páxina HTML básica, estás preparado para crear outras máis complexas e dinámicas. Para comezar, necesitarás un editor de texto e un navegador web.

Tamén podes usar un procesador de textos como MS Word para crear o contido da túa páxina web. Podes usar hipervínculos para conectar o texto entre si. Tamén pode gardar o ficheiro como ficheiro html, unha páxina web. Este método funciona ben, pero as páxinas que creas deste xeito son enormes e non se ven ben nunha xanela do navegador. O único inconveniente deste método é que tes que aprender a usar as ferramentas dispoñibles.

HTML é unha linguaxe de marcado, o que significa que cómpre incluír etiquetas para dar formato ao contido da páxina. Cada etiqueta representa un dos elementos da páxina. Unha etiqueta identifícase mediante un soporte angular. Algúns elementos requiren só unha etiqueta, mentres que outros requiren dous. Unha etiqueta de peche contén unha barra inclinada. Por exemplo, a etiqueta de parágrafo crea un elemento chamado parágrafo. O texto entre as etiquetas de apertura e peche constitúe o texto do parágrafo. Do mesmo xeito, a etiqueta ul crea unha lista non ordenada.

Creando unha lista de mini-inclusións

A creación dunha sección de mini-inclusións é unha forma eficaz de vincular varios elementos nunha mesma páxina web. Unha páxina HTML pódese dividir en varias subseccións, con cada sección que contén unha lista de elementos. Estes elementos serven para diferentes fins. Podes usar o atributo type para mostrar a orde alfabética. Tamén pode usar letras minúsculas para crear unha lista de elementos coas letras a, b, ou c.

Engadir un elemento é sinxelo. Un documento HTML sinxelo contén etiquetas que definen o seu contido. Estas etiquetas adoitan vir en pares. A etiqueta de apertura úsase para listar os elementos dentro dela, mentres que a etiqueta de peche pecha o elemento. A etiqueta de apertura, ou cabeza, inclúe información descritiva sobre o documento. Esta información pode incluír un título, información da folla de estilo, guións, o meta información. A etiqueta de peche, por outra banda, pecha o elemento.

Usando o html>-etiqueta

O html>-A etiqueta úsase para definir a área de contido principal dun documento HTML. A área de contido principal consiste en texto relacionado co tema central ou a funcionalidade da páxina. Debe ser único doutro contido do sitio. Outro contido pode aparecer na páxina en forma de barras laterais, ligazóns de navegación, información de copyright, logotipos do sitio, e formularios de busca. Unha páxina HTML debe seguir o html>-etiqueta para ser considerada unha páxina HTML.

O atributo href= abre o elemento de ligazón. Despois do “=” asinar, debes pegar o URL da ligazón. Tamén pode usar varias liñas de parágrafo nun título. O soporte de peche é imprescindible. Isto evitará que as túas ligazóns sexan malinterpretadas. Para facilitar a lectura da páxina html, engade unha ligazón ao teu sitio web. O html>-etiqueta permitirache engadir ligazóns que apuntan a outra páxina web.

Un ficheiro HTML terá unha extensión .html que indicará ao teu ordenador que é un ficheiro HTML. É mellor usar un guión en lugar de espazos, xa que os espazos impedirán que un navegador web atope o ficheiro. Unha vez que remate de crear unha páxina HTML, terás que gardalo. A continuación, navega ata o cartafol co ficheiro HTML e fai clic co botón dereito nel. Debería parecer semellante á captura de pantalla que aparece a continuación.

Usando o html>-etiqueta para resaltar o texto

Podes usar a marca> etiqueta para resaltar texto en documentos HTML. É un HTML relativamente novo 5 característica, e define unha parte destacada dun parágrafo. A marca> A etiqueta funciona cambiando a propiedade da cor de fondo do documento HTML subxacente. A marca> A etiqueta admite atributos globais e de eventos. Destacará o texto en amarelo ou negro. Tamén é posible cambiar a cor do texto no ficheiro CSS subxacente.

A maioría dos lectores de pantalla non anuncian o elemento marca, pero podes usar a propiedade de contido CSS ou os pseudoelementos.before and.after para que sexa obvio o texto que queres destacar. Os anuncios son detallados e engaden información innecesaria á páxina, polo que debes usalos con moderación. Por exemplo, pode usar anuncios para resaltar un termo de busca ou bloquear comiñas. Os anuncios son compatibles con todos os principais navegadores.

Ademais do estilo de cor de fondo, podes usar o 'highlightme’ clase para resaltar o texto do seu documento HTML. O estilo de cor de fondo é compatible con todos os navegadores. Tamén podes usar a palabra "amarelo".’ en lugar do código de cores. Podes usar o mesmo código para resaltar un parágrafo ou sección de texto. Tamén podes usar clases CSS para resaltar texto.

Usando o html>-etiqueta para crear unha lista de mini-inclusións

O html>-a etiqueta úsase para crear unha lista de mini-inclusións. Contén a etiqueta de peche correspondente e o nome do elemento é en minúscula. Os documentos HTML están codificados mediante a codificación de caracteres UTF-8, que admite a inclusión de caracteres Unicode. Cando se usa o html>-etiqueta, asegúrese de seleccionar UTF-8 no ficheiro “gardar como” caixa de diálogo.

Usando o html>-etiqueta para engadir unha lista de mini-inclusións a unha páxina HTML é doado. Podes usar esta etiqueta para calquera elemento que admita unha lista non ordenada. Incluso pode usar unha lista non ordenada para un menú de navegación. O elemento dl inclúe unha lista de pares de termos e descricións. Os elementos dunha lista ordenada móstranse cun contador crecente á esquerda. Tamén pode omitir o elemento dl se o elemento da lista vai seguido inmediatamente doutro elemento.

Outra forma de inserir unha lista de mini-inclusións é engadir un elemento de pé de páxina nun documento HTML. Este elemento representa o pé de páxina do contido de sección máis próximo. Normalmente contén información sobre o autor, datos de copyright, ou ligazóns a documentos relacionados. Usando o html>-etiqueta para crear unha lista de mini-inclusións nunha páxina HTML

Usando o html>-etiqueta para resaltar bloques de texto individuais

HTML5 destaca os bloques de texto individuais coa marca> elemento. Esta etiqueta HTML5 cambia a cor do contido da fonte a un certo ton de amarelo ou negro, permitindo ao lector distinguir textos importantes. Tamén se pode usar para indicar seccións de contido que precisan máis atención que outros textos. A marca> elemento admite atributos globais e atributos de eventos en HTML. Cando se usa correctamente, esta etiqueta HTML5 pode mellorar a lexibilidade dunha páxina web.

O estándar HTML4 deixa de usar as etiquetas de nivel de carácter de estilo físico. Ocúpanse da presentación, e é mellor usar CSS para estes fins. HTML5 volveunas introducir. Xa non están en desuso, pero aínda non son a única forma de resaltar bloques de texto individuais. Use CSS para resaltar bloques de texto individuais con HTML5! Este sinxelo método destacará os bloques de texto individuais dentro dun contido.

Flotar: Podes usar esta propiedade CSS para facer flotar un elemento ao bordo esquerdo ou dereito do elemento que o contén. Pódese usar para crear unha cuadrícula ou columnas. Tamén pode usar unha propiedade CSS chamada float para facer flotar un iframe ou unha imaxe á marxe esquerda ou dereita do navegador. Estes atributos fan que sexa máis doado resaltar bloques individuais con CSS.