Conocimientos básicos de html+css que los ingenieros de front-end web deben saber
1. ¿Qué es HTML? ¿Qué es HTML?
HTML es un lenguaje de marcado de hipertexto, un lenguaje utilizado para describir páginas web.
El lenguaje de marcado de hipertexto es un lenguaje utilizado para describir páginas web. La estructura de HyperTextMarkupLanguage consta de la parte "Encabezado" (idioma extranjero: Encabezado) y la parte "Cuerpo" (lenguaje extranjero: Cuerpo). La parte "Encabezado" proporciona información sobre la página web y la parte "Cuerpo" proporciona la información sobre la página web. Contenido específico de la página web.
El lenguaje de marcado es un conjunto de etiquetas de marcado
HTML utiliza etiquetas de marcado para describir páginas web
El siguiente código:
MyFirstHeading
Mi primer párrafo.
Explicación de ejemplo:
El texto entre y describe la página web
El texto entre y es el contenido visible de la página web
El texto entre y aparece como título
El texto entre y aparece como párrafo
El segundo elemento HTML
Un HTML El documento consta de una definición de elemento HTML.
Los elementos HTML se refieren a todos los códigos desde la etiqueta de inicio (starttag) hasta la etiqueta final (end
tag).
td{border:1pxsolid#ccc;padding:5px;margin:auto;}
td>p{text-align:left;}
td >pspan{text-align:center; display:block;}
Etiqueta inicial
Contenido del elemento
Etiqueta final
Esto es Un párrafo
href="default.htm">
Thisisalink
Nota: la etiqueta de apertura generalmente se llama etiqueta de apertura, la etiqueta de cierre generalmente se llama etiqueta de cierre, la mayoría de los elementos HTML Todos puede tener atributos.
Elemento HTML vacío:
Un elemento HTML sin contenido se denomina elemento vacío. En XHTML, XML y versiones futuras de HTML, todos los elementos deben estar encerrados.
Agregar una barra diagonal a la etiqueta de apertura (como:
) es un elemento vacío sin una etiqueta de cierre
Esta es la forma correcta de cerrar una. elemento vacío. , HTML, XHTML y XML aceptan este método.
Aunque
funciona en todos los navegadores, utilizar
es en realidad una medida de protección a largo plazo.
Consejo HTML: Utilice etiquetas en minúsculas
Las etiquetas HTML no distinguen entre mayúsculas y minúsculas:
Equivalente
. Muchos sitios web utilizan etiquetas HTML en mayúsculas.
W3School utiliza etiquetas en minúsculas porque el World Wide Web Consortium (W3C) recomienda minúsculas en HTML4 y especifica su uso en futuras versiones de (X)HTML.
Tres atributos HTML
Las etiquetas HTML pueden tener atributos. Los atributos proporcionan más información sobre los elementos HTML.
Los atributos siempre aparecen como pares nombre/valor, por ejemplo: nombre="valor".
Los atributos siempre se especifican en la etiqueta de apertura de un elemento HTML.
Ejemplos de atributos:
Los enlaces HTML se definen mediante marcado.
La dirección del enlace se especifica en el atributo href:
Thisisa
enlace
Nota: Los valores de los atributos siempre deben estar entre comillas. Las más utilizadas son las comillas dobles, pero no hay problema en utilizar comillas simples. En algunos casos individuales, como cuando el valor del atributo en sí contiene comillas dobles, se deben utilizar comillas simples, como nombre='Bill "HelloWorld" Gates'.
Consejo HTML: utilice atributos en minúsculas
Los atributos y los valores de los atributos no distinguen entre mayúsculas y minúsculas.
Sin embargo, el World Wide Web Consortium recomienda utilizar atributos/valores de atributos en minúsculas en sus recomendaciones HTML4.
Las versiones más nuevas de (X)HTML requieren que los atributos estén en minúsculas.
Algunos atributos HTML comunes:
td{border:1pxsolid#ccc;padding:5px;margin:auto;}
td>p{text- align :left;}
td>span{text- align:center;display: block;}
Atributo
Valor
Descripción
clase
nombre de clase
Especifica el nombre de clase del elemento (nombre de clase)
id
id
Especifica la identificación única del
estilo
style_definition
Especifica el estilo en línea del elemento (en línea
estilo)
Título
Texto
Información adicional para el elemento especificado (se puede mostrar)
Editor HTML
4. p >
Utilice el Bloc de notas o TextEdit para escribir HTML
Puede utilizar un editor HTML profesional para editar HTML:
AdobeDreamweaver
MicrosoftExpressionWeb
CoffeeCupHTMLEditor
5. Título HTML
Uso del título HTML Título HTML
El título se define mediante - y otras etiquetas.
Este encabezado define el encabezado más grande.
Este título define el título mínimo.
Nota: El navegador agregará automáticamente líneas en blanco antes y después del título.
Nota: De forma predeterminada, HTML agrega automáticamente líneas en blanco adicionales antes y después de los elementos a nivel de bloque, como los elementos de párrafo y encabezado.
Lo anterior es el artículo que quiero compartir con ustedes hoy sobre los conocimientos básicos de html+css que los ingenieros de front-end web deben conocer. Espero que este artículo pueda ser de alguna ayuda para los amigos que lo son. involucrado en el trabajo de front-end web. Si desea obtener más información sobre el front-end web, recuerde prestar atención a la capacitación web en el sitio web oficial de Beida Jade Bird. Finalmente, le deseo todo lo mejor en su trabajo. un excelente ingeniero de front-end web.