Aprenda HTML CSS de mí.

Capítulo 1 Conceptos básicos de HTML

1.1 ¿Qué es HTML 2?

1.2 La historia del desarrollo de HTML II

1.3 Ejemplo simple de HTML 3

1.4 La relación entre HTML y las páginas web 4

1.5 ¿Qué utilizar Escribir y desarrollar HTML 5?

1.5.1 Barra de título 5

1.5.2 Insertar columna 5

1.5.3 Barra de herramientas de documento 6

1.5. Ejercicio 6

1.6 Ejercicio 8 de este capítulo

Las bases de sintaxis de HTML 9

2.1 Estructura de la página HTML 10

2.2 Elementos y atributos Escritura 12

2.2.1 Formato de escritura del elemento 12

2.2.2 Formato de escritura del elemento atributo 12

Especificación gramatical de HTML 14

2.3 Tipo de documento 16

2.3.1 ¿Qué es el tipo de documento 16?

2.3.2 ¿Qué tipo de DOCTYPE 16 se debe elegir?

2.4 ¿Qué es el espacio de nombres 17?

2.5 Ejercicio 18 de este Capítulo

Capítulo 3 Elementos Básicos de la Página 19

3.1 Elementos Básicos de la Página ; >3.1.1 Dirección de visualización de texto atributo dir 20

3.1.2 Especificar idioma atributo lang 22

3.2 Elemento de encabezado

3.3 Elemento de título de página

3.4 Elemento de metainformación ;24

3.4.1 Nombre del elemento de metainformación Nombre del atributo 25

3.4.2 Contenido del valor del elemento de metainformación 25

3.4. Atributos adicionales de elementos de información ternarios

http-equiv 26

3.4.4 Establecer palabras clave de página 26

3.4.5 Establecer página 27 Contenido principal

3.4.6 Definir el método de búsqueda en la página 27

3.4.7 Definir salto de página 28

3.4.8 Definir el autor en la página 29 Información

3.4.9 Defina la información de copyright en la página 30

3.4.10 Defina el tiempo de actualización en la página 30

3.5 Elementos de configuración básicos

3.6 Crear elementos de estilo

3.6.1 Tipo de atributo tipo 33

3.6.2 Tipo de atributo media 34

3.7 Elemento de enlace

3.7. 1 Especifica el atributo de ruta del enlace href 36.

3.7.2 Atributos de tipo de enlace 36

3.7.3 Atributos de relación rel y rev del documento de origen y de destino 37

3.7.4 Estilo de enlace Archivo 38

3.7.5 Crear iconos favoritos 39

3.8 Elementos de script

3.8.1 Atributos del lenguaje de script 41

3.8 .2 Atributo Type del tipo de script 42

3.8.3 Atributo de ejecución retrasada diferir 42

3.8.4 Atributo de enlace del script src 42

3.9 Elemento del cuerpo de la página

3.9.1 El atributo de fondo del elemento principal bgcolor 45

3.9.2 El atributo de imagen de fondo del elemento principal background 46

3.9.3 El fondo del elemento principal Propiedades de desplazamiento de imagen bgproperties 47

3.9.4 La propiedad de texto del elemento principal text 49

49 en la propiedad del margen izquierdo leftmargin en el navegador IE 49

3.9.6 topmargin 50, el atributo del borde superior en el navegador IE.

3.9.7 No se accede al atributo de enlace link 51

3.9.8 Se accede al atributo de enlace vlink 52

3.9.9 El atributo de enlace alink 53 está activado

3.9.10 Utilice el atributo de estilo estilo 54 en el elemento principal.

3.9.11 Llame al atributo de estilo clase 55 en el elemento del cuerpo.

3.10 Usar música de fondo 55

3.10.1 IE agrega un elemento de música de fondo

3.10.2 Atributo de ruta de música de fondo src 56

3.10.3 La naturaleza repetitiva del bucle de música de fondo 57

3.11 Ejercicio 57 de este capítulo

Capítulo 4 Contenido de texto y párrafos 59

4.1 Elemento de capa

; 60

4.1.1 ID de atributo de etiqueta 61

4.1.2 Clase de atributo de estilo de llamada 62

4.1.3 Crear estilo Estilo de atributo 63

4.1.4 Atributo de alineación align 64

4.1.5 Cancelar atributo de ajuste automático de línea nowrap 66

4.1.6 Título, atributo título 66

4.2 Elementos de título 67

4.3 Elementos de párrafo

4.4 Espaciado y diseño del texto 70

4.4.1 Elementos de salto de línea. 70

4.4.2 Sangrar setenta y dos elementos

Conservar elementos de formato

4.4.4 Cancelar saltos de línea 73

4.4 .5 Elemento de referencia 74

4.4.6 Elemento de dirección 75

4.5 Elemento de línea divisoria horizontal

4.5.1 Tamaño del atributo de altura 77

4.5 .2 Atributo de estilo noshade 78

Atributo de ancho ancho 79

4.5.4 Atributo de alineación align 79

4.5.5 Atributo de color color 80

4.6 Elementos de texto basados ​​en el estilo físico 81

4.6.1 Elementos en negrita. 81

4.6.2 Ampliar elementos 81

4.6.3 Reducir elementos 82

Elementos de visualización en cursiva

Elementos de subíndice. 83

4.6.6 Elementos de superíndice < sup >Ochenta y cinco

4.7 Elementos de texto basados ​​en contenido 85

4.7.1 Elementos de énfasis. 86

4.7.2 Elementos de énfasis en negrita

4.7.3 Extracción de elementos 87

4.7.4 Elementos de acrónimo 87

4.7. 5 elementos de visualización variables. 87

Elementos de referencia de archivos

4.8 Ejercicios en este capítulo 89

Capítulo 5 Elementos de lista 91

5.1 Elementos de lista desordenados 92 <; /p>

5.2 Elemento de lista ordenada

5.2.1 Tipo de atributo tipo viñeta 96

5.2.2 Atributo de valor inicial del inicio de lista ordenada 97

p>

5.3 Elemento de entrada de lista

5.3.1 Atributo de tipo de viñeta 99

Valor de atributo de número de elemento 100

5.4 Definición de elemento de lista

p>

5.4.1 Definir elementos de elementos de lista

5.4.2 Definir elementos de descripción de elementos de lista

5.5 Ejercicio 104 de este capítulo

Capítulo 6 Imágenes Elemento 105

6.1 Elemento de imagen < img >106

6.1.1 El atributo de ruta del elemento de imagen src 107

6.1.2 Reemplazar el atributo de texto alt de la imagen 108 .

6.1.3 Atributo de ancho del elemento de imagen ancho 109

6.1.4 Atributo de alto de altura de píxel 110

6.1.5 Atributo de borde del elemento de imagen 011

6.1.6 Reemplazar el atributo de texto largo longdesc 112 de la imagen.

6.1.7 Atributos de límites superior e inferior vspace 112

6.1.8 Atributos de margen izquierdo y derecho de elementos de imagen hspace 113

6.1.9 Atributo de alineación de elementos de imagen alinean 113

6.1.10 Atributo de mapeo del lado del servidor de imagen ismap 115

6.1.11 Atributo de mapeo del lado del servidor de imagen usemap 116

6.2 Formato de imagen 116

6.2.1 Formato JPEG 116

6.2.2 Formato GIF 117

6.2.3 Formato PNG 118

6.3 Ejercicios de este capítulo 118

Capítulo 7 Elementos de la tabla 121

7.1 Estructura de los elementos de la tabla 122

7.1.1 Forma

7.1.2 Filas ;124

7.1.3 Batería

7.2 Atributos del elemento gt de la tabla lt 126

7.2.1 borde de atributo borde 126

7.2.2 Atributo de alineación horizontal align 127

7.2.3 Alto atributo alto 128

7.2.4 Ancho atributo ancho 129

7.2.5 Color del borde atributo bordercolor 129

7.2.6 bordercolordark 130, la propiedad de borde oscuro del borde.

7. 2. 7 luz de color de borde 131, propiedad del borde de luz de borde.

7.2.8 Atributo de color de fondo bgcolor 132

7.2.9 Atributo de imagen de fondo fondo 133

7.2.10 Atributo de espaciado de celdas Espaciado de celdas 133

p>

7.2.11 Adición de celda de atributo de borrado de celda 135

7.2.12 Regla de atributo de borde de celda de tabla 136

7.2.13 Cuadro de atributo de borde de tabla 136

7.3 Atributos del elemento lttr gt 138

7.3.1 Atributo de alineación horizontal align 138

7.3.2 Atributo de línea vertical valign 139

7.3.3 Fondo atributo de color bgcolor 140

7.3.4 Atributo de color de borde bordercolor 141

7.3.5 bordercolordark 142, el atributo del borde oscuro del borde.

7.3.6 bordercolorlight 142, propiedad del borde brillante.

7.4 Atributos del elemento lttd gt 143

7.4.1 Atributo ancho ancho 143

7.4.2 Alto atributo alto 145

7.4 .3 Atributo de color de fondo bgcolor 146

7.4.4 Atributo de imagen de fondo fondo 147

7.4.5 Atributo de alineación horizontal align 148

7.4.6 Atributo de alineación vertical valign 149

7.4.7 Atributo de borde bordercolor 150

7.4.8 Fusionar atributo de columna colspan 151

7.4.9 Fusionar atributo de fila rowspan 152

7.4.10 Atributo de visualización de pares nowrap 153

7.5 Otros elementos utilizados en la tabla 155

Elemento de título de tabla 155

7.5.2 Elemento de encabezado de tabla; 156

7.5.3 Elemento de fila de encabezado

7.5.4 Elemento principal de la tabla. 159

Elementos de final de fila de tabla

7.6 Ejercicios en este capítulo 161

Capítulo 8 Elementos de enlace 165

8.1 Vínculos y rutas 166

p>

8.1.1 El concepto de hipervínculo 166

8.1.2 Ruta URL 167

8.1.3 Ruta HTTP 168

8.1 .4 Ruta FTP 169

8.1.5 Ruta de correo 169

8.2 Elemento de enlace

8.2.1 Especificar atributo de ruta href 172.

8.2.2 Mostrar enlace objetivo atributo objetivo 173.

8.2.3 Activar el atributo de secuencia tabindex 174

8.2.4 Vincular el atributo hotkey de la clave de acceso 175.

8.3 Enlace de imagen 176

8.3.1 Crear elemento de área de enlace

8.3.2 Atributo de nombre del nombre del área de enlace 176

8.3 .3 Definir elementos del área sensible al mouse

8.3.4 Los atributos de ruta del enlace son href y nohref 178.

8.3.5 Atributo de descripción de texto del enlace alt 179.

8.3.6 Coordenadas del atributo de coordenadas del área sensible del mouse 179

8.3.7 Atributo de forma de la forma del área sensible del mouse 181

8.3.8 Utilice el enlace en el imagen 181.

8.4 Ejercicios en este capítulo 182

Capítulo 9 Elementos de formulario 183

9.1 Elementos de formulario

; Acciones Atributo acción 184

9.1.2 Método de envío de datos Método de atributo 185

9.1.3 Nombre Nombre del atributo 187

9.2 Control de tabla

9.2.1 Texto del campo de texto 187

9.2.2 Contraseña del área de contraseña 188

9.2.3 Botón Enviar Enviar 189

9.2.4 Botón Restablecer Restablecer 190

9.2.5 Imagen del botón Imagen 191

Haga clic en el botón 192.

9.2.7 Casilla de verificación Casilla de verificación 192

9.2.8 Botón de radio Radio 193

9.2.9 Área oculta 194

9.3 ltInput atributos del elemento gt 195

9.3.1 Atributo de solo lectura solo lectura 195

9.3.2 Deshabilitar atributo no disponible 196

9.4 Seleccionar elemento de entrada de lista

9.5 Elemento de botón

9.6 Seleccionar elemento de lista

Tamaño del atributo de altura 200

9.6.2 Atributo de selección múltiple múltiple 201

9.7 Elemento de área de texto

Columna de atributo de ancho 202

9.7.2 Fila de atributo de altura 202

9.8 Elemento de marca de formulario

9.8.1 define el atributo objetivo para 203.

9.8.2 Definir la clave de acceso al atributo hotkey 204.

9.9 Ejercicios en este capítulo 205

Capítulo 10 Elementos de marco 209

10.1 Elementos de conjunto de marcos 210

10.1.1 Fila de atributos de fila 211

10.1.2 Atributo de columna cols 212

10.1.3 Atributo de borde frameborder 214

10.1.4 Atributo de ancho de borde espaciado de marco 215

10.1.5 Atributo de ancho de borde Borde 216

10.1.6 Atributo de color Color de borde 217

10.2 Elemento de contenido de marco

Atributo de ruta de contenido SRC210.2.18.

10.2.2 Atributo de desplazamiento de desplazamiento 219

10.2.3 Atributo de dimensión fija noresize 220

10.2.4 Atributo de posición del contenido mostrado: marginheight y Marginwid221.

10.2.5 Propiedades del borde Borde del marco 223

Elemento de marco

10.4 Elemento de marco incrustado

10.5 Vínculos en elementos de marco 225

10.6 Ejercicio 227 de este capítulo

Capítulo 11 Concepto de CSS 231

11.1 ¿Qué es CSS 232?

11.2 La relación entre CSS y el efecto de visualización de la página web 233

11.3 Cómo usar CSS 235

11.3.1 Agregue estilos 235 directamente a los elementos.

Desde cabecera

11.3.3 Llamar al 237 mediante enlace.

11.4 Ejercicio 238 de este capítulo

Capítulo 12 Sintaxis de CSS 241

12.1 Selector 242

12.1.1 Selector de ID 242

12.1.2 Selector de categoría 243

12.1.3 Selector de tipo 244

12.1.4 Pseudoclase 245

12.1. -selector 246

12.1.6 Agrupación de selectores 248

12.1.7 Prioridad del selector 248

12.2 Atributo 250

12.3 Valor 251

1 Valor de color 252

12.3.2 Valor de longitud 253

12.3.3 Valor de porcentaje 253

12.4 Valor heredado 254

12.5 Valor predeterminado 255

12.6 Bloque y elementos en línea 257

12.6.1 Elementos de bloque 257

12.6.2 Elementos en línea 258

12.7 Aplicar prioridad de estilo 259

12.8 Ejercicios en este capítulo 262

Capítulo 13 Visualización de texto de control CSS 263

13.1 Controlar la visualización de la fuente 264

13.1.1 Propiedades de selección de fuente Familia de fuentes 264

13.1.2 Propiedades de color de fuente Color 265

13.1.3 Propiedades de tamaño de fuente Tamaño de fuente 266

13.1.4 Atributo de estilo de fuente Estilo de fuente 269

13.1.5 Atributo de fuente en negrita Peso de fuente 270

13.1.6 Atributo de decoración de fuente texto -decoración 271

13.1.7 Atributo de posición de subrayado de fuente posición-subrayado de texto 273

13.1.8 Atributo de letra minúscula variante de fuente 274

13.1.9 Convertir texto de atributo de mayúsculas y minúsculas - Conversión 276

13.1.10 Atributo de espaciado entre letras Espaciado entre letras 277

13.1.11 Atributo de kerning Kerning 278

13.1.12 Atributo de altura de línea Alto de línea 279

13.1.13 Atributo integral de fuente Font 281

13.2 Controlar la visualización del texto 282

13. 1 Atributo de sangría de texto Text-Indet282

13.2.2 En blanco 283, una propiedad de texto en blanco

13.2.3 Propiedad de desbordamiento de texto Desbordamiento de texto 285

13.2.4 Propiedad de alineación horizontal texto -align 287

13.2.5 Propiedad de alineación vertical Alineación vertical 288

13.2.6 Propiedad de flujo de texto Diseño - flujo 291

13.2.7 Dirección de propiedad de dirección del texto 292

13.2 .8 Atributo de clasificación de texto unicode-bidi 293

13.2.9 Atributo de separación de palabras Separación de palabras 295

13. 65438 Ajuste automático de línea 296, Un atributo delimitador de texto

13.3 Ejercicio 298 de este capítulo

Capítulo 14 CSS controla la visualización del elemento de lista 301

14.1 Controla la visualización del elemento de lista 302

14.1.1 Lista atributo de símbolo ist-style-type 302

14.1.2 Símbolo de lista mixta 304

14.1.3 Imagen de lista estilo de lista imagen 305

14.1.4 Posición de visualización de la imagen de la lista 307

14.1.5 Atributo de posición de la etiqueta posición-estilo-lista 308

14.1.6 Atributo de posición de la etiqueta y altura de la lista 309

14.1.7 Lista de lista de atributos completa estilo 310

>

14.2 Uso y anidamiento de elementos de lista

14.2.1 El valor de atributo predeterminado de los elementos de lista es 311.

14.2.2 Unificar los límites y el relleno de los elementos de la lista 312

14.3 Ejercicios en este capítulo 313

CSS controla la visualización de los elementos de la tabla

15.1 Controla la visualización del elemento de tabla 316.

15.1.1 Atributo de fusión de bordes boder-collapse 316

15.1.2 Atributo de espaciado de bordes de tabla Espaciado de bordes 317

15.1.3 Atributo de posición de título de tabla título- lado 319

15.1.4 Propiedades de diseño de tabla Diseño de tabla 321

15.2 Restricciones de celda 323

Determinación del ancho o alto de una sola fila o columna 323

15.2.2 Determinar el ancho o alto de varias filas o columnas 325

15.2.3 Celdas y anidamiento

15.3 Ejercicios en este capítulo 328

Capítulo 16 Tamaño del elemento de control CSS 331

16.1 Modelo de cuadro conceptual 332

16.2 Tamaño del contenido del elemento

16.2.1 Ancho Ancho del atributo 333

16.2.2 Alto atributo altura 334

16.2.3 Relación entre contenido y atributos ancho y alto 334

16.3 Fondo del elemento 335

16.3 .1 Atributo color de fondo Color de fondo 336

16.3.2 Atributo de imagen de fondo Imagen de fondo 337

16.3.3 Atributo de imagen de fondo Repetir - Repetir 337

16.3. 4 Fondo: atributo de posición de la imagen de fondo 339

16.3.5 Fondo: archivo adjunto 340, atributo de desplazamiento de la imagen de fondo

16.3.6 Uso del color de fondo y del atributo de imagen de fondo 341 al mismo tiempo tiempo

p>

16.3.7 Fondo Atributo completo de fondo 342

16.4 Ocultación de componentes 343

16.4.1 Atributo de relleno superior Relleno superior 344

16.4.2 Propiedad de relleno derecho 344 en el lado derecho

16.4.3 Propiedad de relleno inferior-bottom 345

16.4.4 Propiedad de relleno izquierdo Relleno izquierdo 346

16.4 .5 Relleno integral de atributos 347

16.4.6 Ocultación y fondo 348

16.5 Borde del elemento 349

16.5.1 Atributo de estilo de borde superior border-top-style 349

16.5.2 Atributo de estilo de borde derecho border-right-style 351

16.5.3 Atributo de estilo de borde inferior border-bottom-style 352

16.5.4 Atributo de estilo del borde izquierdo border-left-style 354

16.5.5 Atributo de color del borde superior border-top-color 355

16.5.6 Atributo de color del borde derecho borde-color-derecho 356

16.5.7 Atributo de color del borde inferior borde-color-inferior 357

16.5.8 Color del borde izquierdo atributo-color-izquierdo 358

16.5.9 Atributo de ancho del borde superior border-top-width 359

16.5.10 Atributo de ancho del borde derecho border-right-width 360

16. 11 Ancho del borde inferior Propiedad border-bottom-width 361

16.5.12 Propiedad ancho del borde izquierdo border-left-width 362

16.5.13 Propiedad de estilo de borde Estilo de borde 363

16.5.14 Atributo de color de borde Color de borde 364

16.5.15 Atributo de ancho de borde Ancho de borde 365

16.5.16 Borde superior 366, el atributo integral de la parte superior de la frontera.

16.5.17 Border-right 367, atributos integrales en el lado derecho de la frontera.

16.5.18 Orden de borde inferior atributo integral-abajo 368

16.5.19 borde-izquierda 368, atributo integral en el lado izquierdo del borde.

16.5.20 Borde integral atributo borde 368

16.6 Borde del elemento 369

16.6.1 Borde superior atributo margen-top 369

16.6.2 Atributo del borde derecho margen-derecho 370

16.6.3 Atributo del borde inferior margen-inferior 372

16.6.4 Atributo del borde izquierdo margen-izquierdo 373

16.6.5 Margen de atributo integral de borde 374

16.6.6 Borde y fondo

16.7 Tamaño y distancia de elementos anidados 376

16.7.1 elemento secundario 376

16.7.2 El atributo de borde se usa en el elemento secundario y el elemento principal no tiene un tamaño definido de 377.

El atributo de borde 16.7.3 se usa para elementos secundarios y el atributo de relleno 378 se usa para elementos principales.

16.8 Ejercicios en este capítulo 379

Capítulo 17 Posicionamiento de elementos de control CSS 381

17.1 Posición de elementos 382

17.1.1 Posición de los elementos Atributo de ubicación: Ubicación 382.

17.1.2 Propiedad de desplazamiento superior arriba 383

17.1.3 Propiedad de desplazamiento derecho derecho 384

17.1.4 Propiedad de desplazamiento inferior abajo 385

17.1.5 Atributo de desplazamiento izquierdo hacia la izquierda 386

17.2 Posicionamiento absoluto 387

17.2.1 Posicionamiento absoluto y elementos padre 388

17.2 Posicionamiento absoluto y. elementos adyacentes 389

17.3 Posicionamiento relativo 390

Determinar la posición de elementos posicionados relativamente 390

17.3.2 Posicionamiento relativo y elementos adyacentes 391

17.4 Posicionamiento de superposición de componentes 393

17.5 Ejercicios en este capítulo 394

Capítulo 18 Diseño de elementos de control CSS 397

18.1 Flotación de elementos 398

Atributo flotante float 398 de 18.1.1 Elementos

18.1.2 Componentes flotantes y componentes fijos 399

18.1.3 Efecto de visualización de dos elementos flotantes 400

18.1.4 Orden de visualización de múltiples elementos flotantes 401

18.2 Borrado flotante 403

18.2.1 Borrado de atributos flotantes 403

18.2.2 Borrado de atributos flotantes y elementos fijos 404

18.3 Corte de contenido 405

18.3.1 Propiedades de recorte de recorte 405

18.3.2 Propiedades de corte y contenido 407

18.4 Control de contenido de desbordamiento 408

18.4.1 Atributo de desbordamiento desbordamiento 409

18.4.2 Atributo de desbordamiento horizontal overflow-x 410

18.4.3 Atributo de desbordamiento vertical overflow-y 411

18.4.4 Barra de desplazamiento y borde 412

18.5 Modo de visualización del elemento 413

18.5.1 Visualización del atributo del modo de visualización 413

18.5.2 Excepción de visualización del valor del atributo de bloque en línea 415

18.5.3 El valor del atributo oculto no tiene 416

18.6 Visibilidad del elemento 418

18 6. 1 Visibilidad de los atributos visuales 418

18.6.2 La relación entre los atributos de visibilidad y los atributos del modo de visualización 419

18.7 Ejercicios en este capítulo 421

Controles CSS. la visualización de otros elementos 423

19.1 Controla la visualización de la rueda de desplazamiento 424

19.1.1 Barra de desplazamiento-3d light-color424, barra de desplazamiento 3d light border Propiedades de color.

19.1.2 barra de desplazamiento-color-resaltado 425, el atributo de color del borde resaltado de la barra de desplazamiento.

19.1.3 Barra de desplazamiento-Superficie-Color 426, el atributo de color del control deslizante de la barra de desplazamiento.

19.1.4 Barra de desplazamiento-Flecha-Color 428, el atributo de color de la flecha de la barra de desplazamiento.

19.1.5 Barra de desplazamiento-Sombra-Color 429, el atributo de color de la sombra de la barra de desplazamiento.

19.1.6 Barra de desplazamiento-Sombra oscura-Color 430, la propiedad de sombra de la barra de desplazamiento.

19.1.7 barra de desplazamiento-pista-color 431, el atributo de color del área de arrastre de la barra de desplazamiento.

19.1.8 barra de desplazamiento-color-base 432, el atributo de color de referencia de la barra de desplazamiento.

19.1.9 define el color de la rueda 433.

19.2 Controlar la visualización del cursor 434

19.3 Controlar la escala de componentes 437

19.4 Controlar la visualización de enlaces 438

19.4.1 Definido El enlace no ha sido visitado 438 efecto de visualización.

19.4.2 Definir el efecto de visualización al pasar el mouse sobre el enlace 439

19.4.3 Definir el efecto de visualización de la activación del enlace 440

19.4.4 Definir el acceso al enlace 441 El efecto de visualización final

19.4.5 Definir el orden de los efectos de enlace

19.5 Ejercicio 444 de este capítulo

Capítulo 20 Creación de una página de blog personal 447

20.1 Preparación antes de crear la página 448

20.1.1 Planificación de la página de contenido 448

20.1.2 Representación de segmentación 449

20.2 Planificación de archivos del sitio Carpeta 449

20.3 Definir el estilo básico 450

Crear un nuevo archivo CSS 450

20.3.2 Definir el estilo básico de la página 450

20.4 Creación de encabezado 451

20.4.1 Creación de estructura de encabezado 451

20.4.2 Definición del estilo del encabezado 451.

20.5 Creación de navegación de página 453

20.5.1 Creación de estructura de navegación de página 453

20.5.2 Definición del estilo de navegación de página 454

20.6 Hacer el cuerpo de la página 456

20.6.1 Hacer la estructura del cuerpo de la página 456

20.6.2 Definir el estilo del contenido principal de la página 456

20.7 Crear un registro 457

20.7.1 Crear la estructura del contenido del registro 458

20.7.2 Definir el estilo del contenido del registro 458

20.8 Crear la barra lateral 459

20.8.1 Crear la estructura de la barra de herramientas 459

20.8.2 Definir el estilo general de la barra lateral 461.

20.9 Hacer el contenido al final de la página 462

20.9.1 Hacer la estructura al final de la página 463

20.9.2 Definir el estilo al final de la página 463