¿Puedes explicar en detalle cómo hacer una página web?
1. Formato general
& lthtml & gt
& lthead & gt
……
& lt/cabeza & gt;
& ltcuerpo & gt
......
& lt/cuerpo & gt;
</html>
La extensión de una página web o página de inicio es. htm o. HTML.
URL: Localizador universal de recursos
Formato básico: Cómo://quién/dónde/qué
Cómo: Protocolo de red, como HTTP FTP RTSP PNM MMS MMST.
nombre de dominio www.sohu.com, dirección IP y otros nombres de computadora de la OMS.
Dónde: Ubicación en la computadora
Qué: Nombre de la página web
2 Sintaxis básica de HTML
1, Marca
& lt tag>Texto
Por ejemplo:
2. Atributos de etiqueta: algunos atributos se pueden personalizar.
Por ejemplo:
3. Etiqueta de tema
& lt cuerpo
Fondo="URL "Patrón de fondo
Bgcolor =Color color de fondo
Bgproperties =Se solucionó el problema de que el patrón de fondo no se desplazaba cuando se desplazaba la página web.
Leftmargin=nmargen izquierdo
Link=colorColor del hipervínculo
Alink = colorColor del hipervínculo cuando se selecciona.
Text=colorColor del texto
Margen superior=nMargen superior
Vlink=colorEl color del hipervínculo visitado.
& gt
Tercero, editar el texto de la página web
1. Dividir párrafos
& ltp ALIGN = "atributo de alineación. " > ......</P>
Atributo de alineación: centro izquierdo y derecho
& ltBr & gt
atributo:clear = " valor del atributo "(derecha izquierda todo) El texto deja de girar alrededor de la imagen.
& ltnobr>......& lt;/nobr>Sin salto de línea
2. Insertar título
& lth? >......</H? >? :1-6
Como
& lttitle & gt...& lt;/title & gt; se utiliza en el encabezado para indicar el título del archivo.
3. Utilice enlaces
& ltA Href ="URL " >Fuente del enlace
URL: archivos HTML, archivos gráficos, archivos de texto, archivos de sonido,
Archivo de película, URL (es necesario agregar elementos>...</comment>
8. Área de mapeo (para imágenes)
& ltMap name= " nombre de la región " >>p>
& ltarea shape="…" coords="…,…,…" href = "…" & gt;
…
& ltarea shape="…" coords="…,…,…" href = "…" & gt;
& lt/map & gt;
& ltImg src=" …" usemap="# nombre de región "
Forma: forma de la región, como rectángulo, círculo, polígono
Coords: obtiene la forma de la región. valor de coordenadas.
Si la forma es un rectángulo, toma las coordenadas de la esquina superior izquierda y la esquina inferior derecha.
Si la forma es un círculo, obtén las coordenadas del centro y el radio.
Si la forma es un polígono, las coordenadas de cada vértice.
Href: La URL después de hacer clic en el área.
9. Insertar lenguaje de descripción
& ltScript language =...src =...& gt; & lt/script & gt; la ubicación del archivo del programa script.
& ltApplet...& gt;Insertar subprograma de Java
& ltObject...& gt;Incrustar algunos objetos de control
& ltparam... & gt;Especificar los parámetros del programa
Cuarto, decorar la página web
1. Atributo de título
& lth? Alinear = "atributo de alineación" >Contenido del título
Centrado a izquierda y derecha
2. Fuente del texto
1. Tamaño de fuente básico:
& ltfont size = n>...</font>
+n: aumenta el número n.
-n: Reduce el número n.
Número n
b, atributo de color
& ltBody text="#RRGGBB" & gt
& ltFont color="# RRGGBB " & gt......& lt;/Fuente & gt;
c. Atributos de fuente
& ltFont face= "Estilo de canción, guión oficial, época" & gt......& lt; /Fuente & gt;
d Modificación de texto
& ltB& gt;......& lt;/B& gt; Golpe excesivo
& ltSTRONG & gt...</STRONG>Destacado (negrita)
<I>...</I>Cursiva
<EM& gt……</EM>Prominencia (inclinada)
& ltU>……</U>Énfasis
<TT>… …</TT>Fuente de máquina de escribir
& ltSUP>…</SUP>Superíndice
& ltSUB>…< /SUB>subíndice
& ltBIG>……& lt;/BIG>Amplificación de palabras
& ltSMALL>……& lt;/SMALL> ;Reducción de palabras
<Strike>...</STRIKE>Delinear
Caracteres especiales
Referencia de caracteres: Forma básica "Número"
Entidades y referencias: forma básica "&; letras inglesas"
"& ampquot "
& amp& ampamp & amp
& amp libra libra esterlina
& amp copia copyright
& amp marca registrada
& amp signo más o menos
& ampSup2 superíndice 2
& ampFrac14 cuarto
& ampFrac12 mitad
Signos de división
3. línea
& ltHR Ancho = x & gt
& ltHR Ancho = x % & gt
& ltHR Tamaño=n>.
& ltHR Align = x & gtx: izquierda, derecha, medio
& ltHR Noshade & gt
Directorio de verbos (abreviatura de verbo)
1, Lista de números
& ltOL & gt
& lt李>…
& lt李>…
… …
& lt李& gt…
& lt/OL & gt;
& ltLI VALUE = " n " & gtN: 1-N Se aplica a este proyecto y sus sucesores.
& ltLI Type = X & gtX: A, A, I, I, 1 empareja una entrada.
& ltOL type = X & gtX: A, A, I, I, 1 es la lista completa.
& ltOL start = " n " & gtn:1 - n
2 Sin lista numerada
& ltUL & gt;
& lt李& gt…
……
& lt李& gt…
& lt/UL & gt;
& ltLI Tipo = x & gtx: disco, círculo, cuadrado
3 Lista de definiciones (sin símbolos delante)
& ltDL & gt
& ltDD & gt…
& ltDD & gt…
……
& lt/ DD>
</DL>
<DT>Término de definición (lado izquierdo)
<DD>Contenido de definición (en el lado derecho)
4. p>
Las etiquetas anidadas de varias listas no se pueden intercalar.
6. Uso de tablas
1. Crear una tabla:
Pasos: (1) Crear una fila.
(2) Dividir filas en varias columnas
(3) Insertar datos en las celdas formadas
& ltTable& gt
& ltTR & gt
& ltTD & gt……& lt;/TD & gt;
& ltTD & gt……& lt;/TD & gt;
p>……
& ltTD & gt……& lt;/TD & gt;
& lt/TR & gt;
& ltTR & gt
& ltTD & gt……& lt;/TD & gt;
& ltTD & gt……& lt;/TD & gt;
……
& ltTD & gt……& lt;/TD & gt;
& lt/TR & gt;
& lt/table & gt
Varias líneas
& ltBorde de la tabla& gt
& ltTR & gt
& ltTD & gt......& lt;/TD & gt;
& ltTD & gt……& lt;/TD & gt;
……
& ltTD & gt…… & lt;/TD & gt;
& lt/TR & gt;
& ltTR & gt
& ltTD & gt……& lt;/ TD & gt;
& ltTD & gt……& lt;/TD & gt;
……
& ltTD & gt……& lt; /TD & gt;
& lt/TR & gt;
& ltTR & gt
& ltTD & gt……& lt;/TD & gt ;
& ltTD & gt……& lt;/TD & gt;
……
& ltTD & gt……& lt;/TD & gt;
& lt/TR & gt;
& lt/table & gt;
2. Decora el encabezado
&. ltTR>
& ltTH>...</TH>El centro del título se muestra en negrita.
& ltTH & gt……& lt;/TH & gt;
……
& ltTH & gt……& lt;/TH & gt ;
& lt/TR & gt;
3. Título de la tabla
& ltCaption Align = Dónde & gtContenido del título
dónde: Se pueden colocar la parte inferior y superior
4. Alinear el contenido de la tabla
& ltTD Align = X & gtx: Alineación horizontal izquierda, derecha y central.
& ltTD Valign=X>. x: Arriba, abajo y medio alineados verticalmente.
5. Fusionar niveles y niveles
& ltTD Rowspan=Filas>. Filas: el número de filas fusionadas, es decir, el número de filas fusionadas en la misma columna.
& ltTD Colspan=Cols>. Cols: Número de columnas fusionadas, es decir, fusiones intraindustriales.
6. Propiedades de la tabla
A. Tamaño del borde:
B. Ancho de la tabla:
c, color de fondo de la tabla e imagen de fondo.
& ltTable bgcolor =...& gt;
& ltTable background =...& gt
d. p >& lttr align=…>Izquierda, derecha, centro
& lttr valign=…>Arriba, centro, abajo
& lttr bgcolor =…& gt;
& lttr background =...& gt;
e. Propiedades de la celda:
& ltTD height = n & gtCell height
& ltTD width = n & gtAncho de celda n y n% (ancho de tabla)
& lttd bgcolor=…>.
<td background=…>
<table cell spacing=n>cell spacing
<table cell padding=n & gtDistancia entre el borde de la celda de la tabla y el contenido
Siete. Estructura
No
& ltFrame bracket
Filas=... Algunas filas verticales, píxeles, * y porcentaje están disponibles.
Cols=…Puedes utilizar columnas horizontales, píxeles, * y porcentajes.
Framespacing= …el espacio entre ventanas.
border = & gtGrosor del borde
& ltDesign
Src=URL mostrar contenido
Nombre=...nombrado como
Marginwidth=…márgenes izquierdo y derecho
Marginheight=…márgenes superior e inferior
Desplazamiento=…sí, no o automático, ¿hay barras de desplazamiento?
noresize>No resize
<noframe>…</no frame>Proporciona un documento de respaldo para navegadores que no admiten marcos.
& lt/frameset & gt;
8. Tecnología de formularios
1. ;/form>
<form Acción = URL Método = Obtener | Publicación>
URL: La URL de la aplicación responsable del procesamiento de los datos.
……
& ltInput type=Enviar& gtLos resultados del formulario se envían al servidor web.
& ltTipo de entrada = reset& gtDespués de borrar el contenido, puede volver a ingresar.
& lt/form & gt;
2. Elementos del formulario
1. Texto y contraseña
& ltinput type = " texto " nombre = "..." Longitud máxima = n
tamaño = n valor =...& gt;
Tipo="texto "Cuadro de texto
name = "... "El nombre del símbolo requerido por los programas ASP y CGI.
Maxlength=nNúmero máximo de caracteres
Tamaño =El tamaño del cuadro de texto.
Valor=...valor inicial
& ltipo de entrada = " contraseña " nombre = "..." Longitud máxima = n
tamaño = n valor = ...& gt;
Type="contraseña "Cuadro de contraseña
b, cuadro de texto de varias líneas
& lt área de texto
Nombre=…
Filas=…El número de filas en el área de texto.
Cols=...El número de columnas en el área de texto
wrap =...& gt; Controla el ajuste del texto ficticio
Cuerpo
..Valor predeterminado
& lt/textarea & gt;
Casilla de verificación
& ltinput type = " casilla de verificación " Nombre = ". …" marcado>
Marcado indica el estado seleccionado.
d. Botón de comando
& ltinput type = " enviar " nombre =...valor =...& gt; restablecer " nombre = …valor =…& gt;
& ltinput type = " botón " nombre =…valor =…& gt; Botón normal
& ltinput type = " imagen " src =…name =...> Personalice el botón de envío y el valor de retorno son las coordenadas del puntero actual.
e.datos ocultos
& ltinput type = " oculto " nombre =...valor =...& gt; >
& ltinput type = " radio " Nombre = "..." marcado & gt;
g, cuadro de lista
& ltselect name = "..." tamaño = n múltiples & gt;
& ltOptions>……
& ltOpciones seleccionadas>……
……
& lt/select & gt;
Tamaño=n tamaño del cuadro de lista
Múltiple permite múltiples selecciones.
& ltOpción seleccionada& gtYa seleccionado.
Para otros lenguajes HTML específicos, consulte el Manual de referencia para desarrolladores de HTML4.
Para dar un ejemplo específico, cuando navegue por la web, seleccione Ver: podrá ver el archivo fuente.
El formato de archivo de htm es ACSII. Puede utilizar el Bloc de notas para editar archivos de páginas web HTML. Simplemente seleccione el tipo de guardado como Todos los archivos (*.*) y registre la extensión como htm.