Conocimientos básicos de html+css que los ingenieros de front-end web deben conocer.
1. ¿Qué es HTML?
HTML es HyperTextMarkupLanguage, un lenguaje utilizado para describir páginas web.
La estructura del Lenguaje de marcado de hipertexto incluye una parte "encabezado" (idioma extranjero: Head) y una parte en "lenguaje extranjero: Cuerpo" (lenguaje extranjero: Cuerpo). La parte "head" proporciona información sobre el lenguaje. página web, y la parte "cuerpo" proporciona información sobre la página web El contenido específico de la página web.
Un lenguaje de marcado es un conjunto de etiquetas de marcado.
HTML utiliza etiquetas para describir páginas web.
El siguiente código:
Mi primera canción
Mi primer párrafo.
Descripción de ejemplo: El texto entre
y describe la página web. El texto entre
y es el contenido visible de la página.
El texto entre y aparece como título. El texto entre
y
aparece como un párrafo.
En segundo lugar, los elementos HTML
Los documentos HTML están definidos por elementos HTML.
Los elementos HTML hacen referencia de la etiqueta de apertura a la etiqueta de cierre.
etiqueta).
TD { borde:1px sólido # CCC; margen de 5px: auto;}
td & gtp { text-align:left;}
td & gtpspan { text-align:center;display:block;}
Etiqueta inicial
Contenido del elemento
Etiqueta final
Esto es the map
href = " default.htm " & gt
Thisisalink
Nota: La etiqueta de apertura generalmente se llama etiqueta de apertura y la etiqueta de cierre generalmente se llama llamada Etiqueta final. La mayoría de los elementos HTML pueden tener atributos.
Elemento HTML vacío:
Un elemento HTML sin contenido se denomina elemento vacío. En versiones futuras de XHTML, XML y HTML, todos los elementos deben estar encerrados.
Agregue una barra diagonal en la etiqueta de apertura, por ejemplo:
es un elemento vacío sin una etiqueta de cierre y
es la forma correcta de cerrar un elemento vacío. elemento, HTML, se aceptan tanto XHTML como XML.
Aunque
funciona en todos los navegadores, utilice .
De hecho, es una garantía a más largo plazo.
Consejo HTML: Utilice etiquetas en minúsculas
Las etiquetas HTML no distinguen entre mayúsculas y minúsculas: equivalen a
. 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 forzará el uso de minúsculas en una versión futura 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, como 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 etiquetas. La dirección del enlace se especifica en el atributo href:
Esto es
un anillo
Nota: Los valores de los atributos siempre deben estar entre comillas. Las comillas dobles son las más utilizadas, pero no hay problema con las comillas simples. En algunos casos individuales, si el valor del atributo contiene comillas dobles, se deben utilizar comillas simples, por ejemplo, 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 atributos/valores de atributos en minúsculas en sus recomendaciones HTML4.
La nueva versión de (X)HTML requiere atributos en minúsculas.
Algunos atributos HTML comunes:
TD { border:1px solid # CCC padding: 5px margin: auto;}
td & gtp { text -align; :left;}
td & gtpspan { text-align:center;display:block;}
Atributos
Valor
Describir
Clase
Nombre de clase
Especifica el nombre de clase del elemento.
Identificación (identificación)
Identificación (identificación)
La identificación única del elemento especificado.
Estilo
Style_Definition
Especifica el estilo en línea del elemento (estilo
en línea)
Título
Texto
Información adicional sobre el elemento especificado (se puede mostrar en una información sobre herramientas)
IV. Editor HTML
Escribe HTML usando el Bloc de notas o TextEdit.
Puedes utilizar un editor HTML profesional para editar HTML:
AdobeDreamweaver
MicrosoftExpressionWeb
CoffeeCupHTMLEditor
Verbo (abreviatura de verbo) Título HTML
Encabezado
-La etiqueta de espera lo define.
Este encabezado define el encabezado más grande.
Este encabezado define el encabezado más pequeño.
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 una línea en blanco adicional antes y después de los elementos a nivel de bloque, como párrafos y elementos de encabezado.
Lo anterior es el artículo que el editor compartió con usted 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 útil para los amigos que están haciendo front-end web. Si desea obtener más información sobre el front-end web, recuerde prestar atención al sitio web oficial, Beida Jade Bird Web Training. Finalmente, les deseo a mis amigos buena suerte en su trabajo y que se conviertan en excelentes ingenieros de front-end web.