Front-end de aprendizaje de tres elementos principales: la estructura (html lograr), estilo (css de lograr), comportamiento (Js lograr)
HTML
Herramientas de desarrollo: sublime, Dreamweaver, etc.
: Esqueleto HTML
<! DOCTYPE html> - número de versión HTML5
<! DOCTYPE html> - número de versión HTML5
<html lang = "en">
<head>
<meta charset = "UTF-8"> -字符集
<title> </ title>
</ head>
<body>
<head>
<meta charset = "UTF-8"> -字符集
<title> </ title>
</ head>
<body>
</ Body>
</ Html>
Explicar
los conjuntos de caracteres:
GB2312: 6763 contiene simplificado caracteres chinos
Big5: contiene caracteres chinos tradicionales
GBK: contiene todos los caracteres
UTF-8: contiene todos los personajes del mundo
los conjuntos de caracteres:
GB2312: 6763 contiene simplificado caracteres chinos
Big5: contiene caracteres chinos tradicionales
GBK: contiene todos los caracteres
UTF-8: contiene todos los personajes del mundo
Las etiquetas del título: en seis clases de
<h1 de> </ h1 de>
<h2> </ h2>
<h3> </ H3>
<H4> </ H4>
<H5> </ H5>
<H6> </ h6>
(donde H1 es el más importante título descendente)
<h1 de> </ h1 de>
<h2> </ h2>
<h3> </ H3>
<H4> </ H4>
<H5> </ H5>
<H6> </ h6>
(donde H1 es el más importante título descendente)
Etiquetas:
Existen dos tipos, divididos en: single ditag y la etiqueta
ditag Formato: por ejemplo <html> </ html>, <p> </ p>, <title> </ title> y otro
formato de etiqueta única: por ejemplo <hr />, <br />, <img />, <base /> como (etiqueta menos individual)
etiqueta de simple efecto:
<HR /> - generar una línea divisoria
<br /> - salto de línea
<img /> - imagen de visualización
<base /> - (en la cabeza, la cabeza y anidada) target = "_ blank "- se abre la nueva ventana; target =" _ self "- la ventana abierta en ese momento.
<HR /> - generar una línea divisoria
<br /> - salto de línea
<img /> - imagen de visualización
<base /> - (en la cabeza, la cabeza y anidada) target = "_ blank "- se abre la nueva ventana; target =" _ self "- la ventana abierta en ese momento.
Algunas etiquetas comunes
etiqueta de párrafo: <p> </ p>
enlace etiqueta: <a href="跳转目标" target="目标窗口弹出方式"> </a>
(= saltar enlace de destino (Ejemplo: http: //www.baidu.com);target="_blank"-- abre una nueva ventana; target = "_ self" - la ventana abierta en ese momento)
etiquetas de comentario: <- - para ser anotado contenido!>
etiqueta Base: <base /> (efecto objetivo puede a veces ser reemplazado con etiquetas de base, más conveniente)
etiqueta imagen: <img src = "trayectoria" />
etiqueta de párrafo: <p> </ p>
enlace etiqueta: <a href="跳转目标" target="目标窗口弹出方式"> </a>
(= saltar enlace de destino (Ejemplo: http: //www.baidu.com);target="_blank"-- abre una nueva ventana; target = "_ self" - la ventana abierta en ese momento)
etiquetas de comentario: <- - para ser anotado contenido!>
etiqueta Base: <base /> (efecto objetivo puede a veces ser reemplazado con etiquetas de base, más conveniente)
etiqueta imagen: <img src = "trayectoria" />
Formato de texto tags:
<b> </ b> o <strong> </ strong> - negrita texto
<i> </ i> o <em> </ em> - texto en cursiva
<s> </ s > o <del> </ del> - texto tachado
<u> </ u> o <ins> </ ins> - texto subrayado
(B, I, s, u Utilice solamente significaba no enfatizó; strong, em, del, Elementos semántica más fuerte; este último XHTML recomendada)
:( propiedad de control de la anchura de la etiqueta, la altura, el color y otros atributos) puede tener varias propiedades, propiedad debe ser escrito en el comienzo de la etiqueta, y la etiqueta después del nombre
<Tag nombre de atributo = 1 "atributo de valor 1" Atributo 2 = "valor de atributo 2" ....> <nombre / tag>
Path se divide en: una ruta relativa, una ruta absoluta
ruta relativa: el mismo nivel, el siguiente nivel, en una
ruta absoluta: http: //www.itcast.cn/2018czgw/images/icon_fuli6.jpg este tipo de
Posición de anclaje :( darse cuenta de salto)
<a href="#id名"> </a>
.
.
.
<H3 id = "nombre id"> </ h3>
(no necesariamente en Canadá Identificación del h3, usted quiere estar en su lugar además de la identificación, para lograr el salto)
(no necesariamente en Canadá Identificación del h3, usted quiere estar en su lugar además de la identificación, para lograr el salto)
etiquetas span div: no, diseño de página semántica del cuadro principal 2
div página de composición
formato:
<div> </ div>
<span> </ span>
. . </ dl>
Los caracteres especiales: Para mostrar la página anterior de algunos símbolos especiales, con el código reemplazan
carácter convencional en lugar del código :( nota; no se muestra)
espacios: & nbsp;
signo menor que: & lt;
signo mayor que: & gt;
& símbolos: & amp;
(Otros especial código de símbolo se puede encontrar a través de la red)
carácter convencional en lugar del código :( nota; no se muestra)
espacios: & nbsp;
signo menor que: & lt;
signo mayor que: & gt;
& símbolos: & amp;
(Otros especial código de símbolo se puede encontrar a través de la red)