>> DOUG LLOYD: Así que pasó sobre-- si mis matemáticas es correcto,
y creo que mirando parte posterior-- Creo pasamos unos 35 vídeos hablar
acerca de diversos aspectos de C, tal vez un poco más, tal vez un poco menos.
Y no cubrimos todo en C, pero
cubierto una gran parte de la idioma, la gran mayoría de la misma,
sin duda para los usos comunes.
Ahora vamos a hablar acerca de otro idioma, HTML.
Y vamos a cubrir que en un solo video.
>> Pero eso va a estar bien.
Eso va a convertirse en realidad algo que vamos a acostumbrarse.
Ahora que usted tiene la fundamentos de un idioma,
en realidad es bastante fácil para comenzar a aprender otros.
Así que vamos a empezar al paso un poco hacia atrás
y pasar por alto los básicos diferencias entre estos idiomas
y una especie de dejarte a la misma.
Hay un montón de realmente grande recursos en Internet, lo que
vamos a empezar a dirigir usted hacia porque el Internet es
un vasto repositorio de información.
Y lo que no es el que quieres voy estar perdiendo a cabo necesariamente
al no tener la información cubierto en un vídeo.
Usted todavía será capaz de obtener todo lo que necesita y el uso
el conocimiento que ya ha construido mediante la comprensión de C
para hacer que la curva de aprendizaje para ellos otros idiomas en realidad un montón más planas.
Prometo.
>> Pero vamos a hablar de un idioma eso es realmente fundamental para cada web
página, que es HTML.
HTML es el Hyper Text Markup Language.
HTML es un lenguaje pero es no es un lenguaje de programación.
>> HTML no tiene variables.
No tiene lógica ni funciones o nada por el estilo.
No podemos hacer nada programación per se en HTML.
A veces se escucha personas describen a sí mismos
como programadores HTML, que no es del todo exacto.
No podemos escribir programas HTML.
>> HTML sólo se utiliza para marcar el texto.
Se llama un lenguaje de marcas.
Y lo que esto does-- este markup-- utilizamos las etiquetas en HTML y estos tags--
este markup-- semánticamente define la estructura de una página
y hace que el texto sin formato que existe entre las etiquetas deben interpretarse
por los navegadores de diferentes maneras.
Y tal vez lo mejor es explicar de esta manera por una ilustración.
>> Aquí hay una página HTML muy simple, no un programa de HTML, de nuevo, una página HTML.
Y sabemos que es un Página HTML porque hemos
delimitada todo con etiquetas HTML.
Así que esto es lo que una etiqueta HTML se parece.
Es entre paréntesis angulares.
Y note en la parte superior tenemos HTML y en la parte inferior,
después de que hemos hecho lo que es al parecer un montón de otras HTML,
tenemos HTML ángulo de soporte de barra.
Así que ese tipo de es el límite entre lo que es HTML y qué no lo es.
Y, por supuesto, convencionalmente, justo como usted escribió todos sus programas en C
con extensiones punto C, todos sus archivos HTML
terminará con extensiones HTML de punto.
Pero hay más que hacer aquí.
No sólo tenemos estas etiquetas HTML.
Aparentemente Tenemos esta Lo llamó una etiqueta cabeza.
Bueno, está bien, ¿qué es eso?
>> Bueno, tal vez lo mejor es distinguir por medio de un cuerpo,
cuerpo es el contenido de la página web.
Así que tal vez la etiqueta de cabeza define cosas que no está en la ventana del navegador propio,
pero es de alguna manera importante en nuestro página web está representando correctamente.
Por ejemplo, en el interior de la etiqueta de la cabeza que tienen etiquetas de título.
>> Así título siendo hola mundo, que en realidad va a ser lo
aparece en la pestaña en Chrome o en safari o Firefox--
cualquier navegador que prefer-- eso es lo que va a aparecer en el título.
Y antes de pestañas que mostraría en toda la ventana del navegador
y sólo puede tener una página abrirá en una ventana del navegador a la vez.
Así que va a ser el título de mi página en la pestaña
o la barra de la ventana del navegador, hola mundo.
Y a continuación, el contenido de mi página web será mundo, hola.
Así que echemos un vistazo a lo que algunos cosa como esta podría ser similar.
Esta es una página HTML muy simple.
Así que estoy aquí en mi CS50 IDE y He acercado un poco.
Y yo sólo voy a abrir hola punto HTML
y demostrar que esto es más o menos el contenido de la página que vimos antes.
Mis simples etiquetas HTML, cabeza, etiquetas de título, cuerpo, y así sucesivamente.
He sangría estar limpio.
>> Y entonces, ¿qué puedo hacer en mi IDE es sólo una vista previa de la página.
Y ahí vamos.
El contenido de mi página es mundo, hola, y no veo nada
desde las etiquetas de la cabeza allí.
Es sólo el contenido del cuerpo.
Mundial, hola.
Y de nuevo el cuerpo justo Dicho esto, mundo, hola.
La otra parte no se encuentra.
>> Así que eso es realmente todo lo que es.
Esta es una página HTML básico muy simple.
Ahora he sangría mi HTML para ser muy agradable y organizada,
pero en realidad no es necesario.
Yo podría hacer que se vea bastante feo.
Y esto seguirá funcionando.
Esta sería la misma página web exacta.
Acabo de deshecho de todo el espacio blanco.
>> Como resultado, el espacio en blanco es de datos.
Y así, cuando estamos enviando los datos de emisor al receptor, desde el servidor
al cliente, los datos cuesta dinero.
Y así la eliminación de espacios en blanco en realidad es una buena idea
si usted es alguien que sirve una gran cantidad de contenido web.
Es una mala idea si usted es alguien que está aprendiendo estas cosas
y usted quiere tener Está muy bien organizado.
Esto es mucho más fácil de analizar que esto.
Pero es funcionalmente idéntica.
>> La sangría y cosas por el estilo no importa realmente en HTML.
Lo que importa es las etiquetas de apertura y cerrando las etiquetas en el orden correcto.
Note lo que pasó aquí, sin embargo.
El margen de beneficio nos da una manera de comunicar información adicional
acerca de lo que hemos escrito.
La parte Hola, mundo era interpretado como el título.
Y el mundo, hola parte fue interpretado como el contenido
o lo que debería ser visible en mi página web.
>> Hay más de 100 de estos diferentes etiquetas y un montón de grandes recursos
en línea para encontrarlos.
Vamos a hablar de un algunos de ellos en este video, algunos
de las cosas realmente fundamental.
Pero no vamos hablar sobre todo porque
sería exhaustiva para hacerlo.
>> Otra cosa que puedes hacer, sin embargo, es abrir las herramientas de desarrollo.
Y si usted recuerda de nuestro video en HTTP,
Le expliqué cómo abrir hasta herramientas para desarrolladores.
En Chrome por lo general es la tecla F12 para abrir la barra de herramientas del desarrollador.
Entonces, en lugar de elegir la Red pestaña, puede elegir la ficha Elementos.
Y si se carga una web página, usted realmente
ver el HTML que crea esa página web.
Y así se puede aprender mucho sobre HTML mirando a sus sitios web favoritos
y ver cómo construyen la varias piezas de los que os gusten.
Así que tal vez no este fresco patrón o algo por el estilo.
¿Cómo lo hacen con HTML?
Así que usted puede simplemente abrir su desarrollador herramientas y se ciernen sobre ese elemento
y ver exactamente lo que hace que sea HTML.
Así que eso es una realidad buena manera de aprender HTML,
y recomiendo encarecidamente que lo hace tanto para aprender HTML
y también para aprender un poco poco acerca de algunas de las opciones
a su disposición en herramientas de desarrollo, que
sin duda muy útil como de empezar a hacer la web más intensivo
programación.
>> Así que echemos un vistazo a una par de etiquetas HTML comunes.
Y vamos a saltar y echar un vistazo a lo que estas etiquetas también rendirán
como mirando a algunos archivos en mi IDE.
Así que aquí hay tres etiquetas muy básicos para ajustar la apariencia visual de texto.
Hay etiquetas B, etiquetas I y etiquetas U.
Y, respectivamente, lo que hacen es hacer que el texto entre en negrita,
cursiva y subrayado.
Así que vamos a ver lo que se vería al igual que en una página web real en mi IDE.
>> Así que aquí en mi IDE Tengo un archivo llamado BIU punto HTML.
BIU punto HTML sólo estar negrita, cursiva, subrayado.
Voy a abrir para arriba.
>> Y veremos que aquí me tener este texto es etiquetas B negrita.
Este texto es etiquetas I cursiva.
Y este texto es etiquetas U subrayados.
¿Qué es esto va a parecer?
Pues una vez más, todo lo que tengo que hacer es ir por aquí
a mi navegador, el navegador de archivos, haga clic en Vista previa, y esto es lo que viene.
>> El texto entre la B etiquetas es de hecho ahora negrita.
El texto de entre el I etiquetas es de hecho ahora cursiva.
Y el texto en U entre el etiquetas está hecho ahora subrayado.
Así que eso es bastante bueno.
Ahora sabemos cómo hacer que el texto mirar un poco más elegante
o dibujar énfasis a ciertas cosas.
Otro par de etiquetas comunes aquí son etiquetas de párrafo, las etiquetas de P y de cabecera,
que he traducido aquí como HX.
>> Estas etiquetas P, estas etiquetas de párrafo, romper el texto en párrafos.
No es suficiente con sólo pulse Enter y dejar espacios,
debido a que un equipo sólo se va para hacer lo que usted le dice que lo haga
e ignora blanco espacio en su mayor parte.
Así que no podemos simplemente pulse Enter y esperar que nuestro ordenador
interpretar que queremos para comenzar un nuevo párrafo.
Tenemos que decir muy explícitamente esta es uno paragraph-- esto es another--
encerrando cada uno en un conjunto de etiquetas P.
>> Y también tenemos estas opciones para las etiquetas H, estas etiquetas de cabecera.
Tenemos seis niveles diferentes de cabeceras, uno, dos, tres,
cuatro, cinco y seis, que son progresivamente más y más grande
cabeceras.
Y ellos se hacen más pequeños y más y más pequeños y más pequeños.
Así que tenemos un encabezado de nivel superior, un segundo cabecera del nivel, y así sucesivamente, y así sucesivamente.
>> Echemos un vistazo a algunos tal vez Etiquetas P y algunas etiquetas de cabecera
en la acción en una página web.
Así que aquí en mi IDE Tengo un archivo llamado PH HTML punto, PH siendo párrafos
y las etiquetas de cabecera.
Abra eso.
Hay mucho que hacer aquí porque me he puesto un poco de lorem
ipsum, algún texto simplemente al azar aquí.
Así que voy a alejar el zoom un poco porque hay tantas cosas que pasan.
Pero fíjate que tengo en el mismo arriba aquí tengo una H1, un nivel uno,
etiqueta de cabecera.
Entonces tengo un párrafo, que es justo un montón de lorem texto-- aleatoria ipsum--
solo defecto de llenado estándar en texto.
Así que tengo dos párrafos dentro de ese un nivel de cabecera y luego hacia abajo por debajo de I
tener un nivel dos encabezado aquí en la línea 24, una segunda cabecera de nivel, y otros dos
párrafos.
Bueno, ¿qué se parece esto si yo lo veo en mi vista previa?
Vamos a ver.
>> Así notar que la encabezado primer nivel aquí
en realidad es un poco más grande que el segundo nivel de cabecera.
Así que usamos etiquetas H1.
Y advierten que las etiquetas P nos permiten para romper las cosas en párrafos.
Si hubiéramos librado de esas etiquetas P y en realidad sólo hay que poner Entra o Devoluciones
en medio de lo que esperaba ser los diferentes párrafos,
todos ellos se acaba de golpear juntos y no tendría este párrafo agradable
separación con el espacio encima y por debajo.
Y eso es lo que el párrafo las etiquetas y las etiquetas de cabecera
se utilizan comúnmente para hacer para dibujar atención a partes de nuestra página Web
de esa manera.
>> Lo siguiente son algunas de las etiquetas que utilizamos para construir listas en nuestra página web.
Así que tenemos desordenada lists-- ULs-- que son sólo
listas con viñetas, ordenados lista que son numbered--
OLs-- y en el interior de cualquiera uno de los que tenemos que tener
conjuntos de la forma de indicar los elementos de lista, LI.
Y así tenemos abierta la etiqueta UL y ponemos elementos en el interior de la misma.
Y luego, cuando hemos terminado con que, podemos cerrar la etiqueta de UL.
>> Y del mismo modo que podamos tener una lista ordenada o numerada
y poner los elementos de lista dentro de ese.
Así que vamos a echar un vistazo en un par de listas
y lo que lo harían render como el IDE CS50.
Así que tengo aquí en mi IDE un archivos llamados listas salpican HTML.
Echemos un vistazo.
>> Y fíjense aquí tengo una desordenada una lista con las cinco cosas en él.
Y luego tengo una lista ordenada y He cambiado la etiqueta un poco,
¿derecho?
Lo he dicho principio es igual a seis.
Resulta que con una lista ordenada I puede establecer el punto de partida donde quiera
Yo want-- por defecto será uno-- con sólo añadir este atributo llamado
a mi etiqueta OL.
Y así esta lista empezar a contar a las seis.
Así que los elementos de esa lista numerada debe ser de seis, siete, ocho, nueve, diez,
porque hay cinco elementos en la lista, en contraposición a uno,
dos, tres, cuatro, cinco, que sería el caso si hubiera dicho OL
sin especificar el atributo de inicio.
>> Así que tendremos Ver este para que pueda tener una idea de lo que está pasando aquí.
Y ahí vamos.
Ahí está mi lista.
Los primeros cinco elementos son listas desordenadas o con viñetas.
Y los próximos cinco elementos son una lista ordenada por separado
a partir de seis.
Así que esa es la forma en que puede crear listas utilizando HTML.
Otra cosa que podría querer hacer con HTML
es construir una tabla de información de filas y columnas
para presentar la información de una especialmente organizada camino.
Para hacer esto con HTML podemos tener una definición de la tabla que comienza paréntesis abierto
mesa.
Y luego en el interior de esa mesa que podría tener un conjunto de filas, etiquetas TR
para indicar cada fila.
Y entonces las etiquetas TD van dentro de las etiquetas TR para especificar una columna dentro de una fila.
>> Por qué se llama TD y no tc?
Bueno, TD significa datos de la tabla.
Por lo general, usted está poniendo su información allí.
Así que por eso es TD y no TC.
Es un poco confuso.
>> Por lo que tiene etiquetas de tabla y dentro de sus etiquetas de mesa
usted tiene un número de filas, TRS.
Y dentro de cada fila tiene TDS para el número de columnas
que usted quiere tener en esa fila en particular.
Echemos un vistazo a una muy tabla simple más en IDE CS50.
>> Así que tengo aquí un archivo llamada tabla de puntos HTML.
Vamos a echar un vistazo a lo que parece.
Hay mucho que hacer aquí, pero si usted nota que tengo una tabla abierta.
Estoy empezando la definición con mesa.
Y luego, en mi primera fila que aparentemente tener cuatro columnas, uno, dos, tres,
cuatro.
Y luego he terminado con esa fila.
>> Entonces empiezo otra fila y hacer dos, cuatro, seis, ocho.
Termine esa fila.
Hacer otra fila, tres, seis, nueve, 12.
Y luego una última fila, cuatro, ocho, 12, y aunque es
un poco cortada aquí, 16.
>> Terminé esa fila.
Terminé la tabla.
Y luego he terminado con mi HTML.
Lo que parece esto?
Bueno, en realidad no es mucho que ver.
He organizado claramente mi información de una manera un poco más organizado.
Pero no es muy bonito aquí.
Y vamos a hacer frente a que cuando hablamos de CSS.
Volveremos a esta idea de lo que hacemos para hacer una table--
quizá formatearlo un poco mejor?
Pero yo todavía tengo cuatro filas, cada uno de los cuales tiene cuatro columnas,
y realmente lo que esto significa es un muy simple de cuatro por cuatro multiplicación
mesa.
>> A pocos etiquetas más vamos a hablar.
Vamos a hablar de la concepto de un formulario HTML.
Así que usted pudo haber visto esto en el contexto de la sesión en una página web.
Por lo general, se escribe su nombre de usuario.
Usted escribe en su contraseña, y ya está bueno para ir.
Ese sería el comienzo de un formulario.
>> Saltarse sobre Div un segundo.
También tenemos entradas que tipo de encajar dentro de las formas.
Estos son los elementos que en realidad estás escribiendo en,
o los botones de radio que son marcando, o el cheque
cajas que está marcando.
Así que estos van dentro de las formas.
Y ellos comprenden básicamente cada fila de la forma
si el formulario se formatea así.
Luego está este concepto de un div, que en realidad no
caber en cualquier categoría particular de etiquetas como las que he
estado haciendo previamente.
Es sólo una especie de demarca la a partir de algunas division-- arbitraria
div-- de la página.
No hay descanso visual.
No hay una línea.
No es partió como trozo separado automáticamente.
Tendrías que diseñarlo que manera de hacer eso.
>> Es sólo una especie de dice quiero una pedazo de espacio en mi página web,
y yo sólo voy a llamar que esta división de mi página.
Podemos poner cosas dentro de divs, y de hecho,
cuando nos dirigimos a IDE en un segundo, vamos a
veo que me estoy poniendo mi formar dentro de un div.
>> Así que tengo aquí en mi IDE un archivo llamado div forma de puntos HTML.
Vamos a abrir para arriba.
Tenga en cuenta que, como he dicho, div es un poco arbitraria.
¿Correcto?
En realidad no significa nada.
Así que tengo una arbitraria primera división de mi página.
Y entonces, en lugar de otro div más tarde, a partir de la línea de ocho,
Tengo este formulario.
Y en el interior de la forma que tengo una número de entradas, los campos del formulario.
Así que tengo un campo cuyo nombre es A-- que en realidad no significa nada
ahora-- derecho que aparentemente toma de texto, otra que
tiene una contraseña, otro que es una radio botón, otro que es una casilla de verificación,
y otra que es un botón Enviar.
Bueno, lo que hace este toda realidad parece?
Bueno, vamos a echar un vistazo.
Abriremos para arriba en la ventana de vista previa.
Nótese que esta arbitraria primero division-- hay
hay separación visual aquí.
En realidad no hace nada, ¿verdad?
>> Y luego tengo mi forma.
Y yo no hice ningún formato especial.
Así que la forma es sólo uno gran fila de información.
Si hubiera formateado mi forma diferente, Puede que tenga línea por línea por línea.
Pero yo no hice ningún estilo.
Una vez más, no estamos hablando de CSS aquí.
Estamos hablando de HTML.
>> Bueno, en mi forma de texto puedo type-- recordar que las formas de tipo texto
así que puedo poner mi nombre.
Y en mi password puede escribir mi contraseña.
Y debido a que el campo es de tipo contraseña,
usted no sabe lo que mi contraseña es.
Es todos los puntos.
>> También puedo optar por marcar la casilla correspondiente a botón de opción o una casilla de verificación marcar la casilla correspondiente.
O podría presentar mi formulario.
Y yo no hice nada, así que cuando me someto mi forma,
la página se actualiza.
Pero podría quizá configurar mi Botón Enviar para hacer otra cosa.
Y veremos lo que podemos hacer con que en un futuro video en PHP.
Pero esto construye una muy sencillo formulario que
puede utilizar para hacer que los usuarios interactúan y presentar información en nuestro sitio web.
>> Un último comentario antes de que pasar a otras etiquetas
han de echar un vistazo a esta etiqueta de entrada una vez más.
Tenga en cuenta que me he destacado los extremos de la etiqueta en rojo.
Cada otra etiqueta que hemos visto hasta ahora tiene tuvo un principio y un final, una abertura
etiqueta y una etiqueta de cierre.
>> Pero una etiqueta de entrada no lo hace.
No hay texto que va en medio de las etiquetas de entrada.
Toda la información estamos con la intención de transmitir
está ligado como parte de la atributos de esa entrada.
Observe que tenemos nombre de entrada es igual a x.
Tipo es igual a y.
Eso es realmente todo el información que necesitamos.
>> Esto se llama una etiqueta de cierre automático.
No requiere una abertura y una cerca, porque toda la información
está contenido dentro de la etiqueta y sus atributos.
Así que a veces usted verá esto, también.
Así que ten en cuenta que si usted tiene un etiqueta que es totalmente autónomo,
se abre y se cierra con el soporte de ángulo abierto de la izquierda
y el ángulo de barra soporte a la derecha.
Vamos a ver otro de esos en este momento con las etiquetas de imagen también.
>> Antes de hablar de las imágenes, nos necesita hablar acerca de los hipervínculos.
Si queremos que nuestra página web sea interactiva y nos moverse,
sería bueno poder hacer clic en uno de los
lo que ha sido típicamente un enlace azul.
Esto es en realidad la forma en que construimos un hipervínculo en nuestra página web.
Y curiosamente hay otra etiqueta HTML
llamado enlace, que no es un hipervínculo.
A aquí es sinónimo de ancla, y así es como indicamos un hipervínculo.
>> A es igual a href medios van a x página Web X. Y todo
entre la abierta Una etiqueta y la estrecha Una etiqueta
es lo que va a ser que subrayaron texto azul que se parece a un enlace
que estamos familiarizados.
Debajo de eso tenemos una etiqueta de imagen, que es un auto cerrando etiqueta para mostrar
una imagen situada en X. Y es posible que pueda cambiar
esa imagen especificando anchura y altura
y otros atributos en que dot dot dot allí.
>> En la parte inferior aquí tenemos una muy interesante
mirando la etiqueta de que no lo hace tener una etiqueta de cierre.
Es la exclamación HTML punto de tipo de documento.
Así HTML ha estado presente desde el principios de 1990 para la creación de páginas web,
y que se ha ido sufrido varias revisiones desde entonces.
Más recientemente, en 2014 se sometió a una revisión
llamado HTML5 que es ahora la corriente especie de estándar de facto HTML.
>> Para indicar que nuestra web páginas se escriben utilizando HTML5,
así es como comenzamos.
Se puede omitir pero lo que, básicamente,
medios es que no se puede utilizar cualquiera de las etiquetas que son las etiquetas HTML5, esas nuevas etiquetas.
Así que siempre empezamos si estamos usando HTML5.
Y todas las etiquetas que nos han hablado de anteriormente no son etiquetas HTML5.
Pero esto indicaría que Etiquetas HTML5 estarán presentes.
Y así tenemos la exclamación HTML tipo de documento, que
que está en el comienzo mismo de nuestra Archivo HTML, y luego después de ese punto
en realidad tenemos abierta nuestra HTML etiquetar y proceder desde allí.
>> La última es una etiqueta de comentario, que se ve un poco diferente, también.
Comienza con ángulo soporte de exclamación tablero
tablero, pero no corchete de cierre.
Entre estos dos elementos allí es donde usted escribe sus comentarios.
Y vamos a echar un vistazo a las imágenes y los comentarios y enlaces en el IDE CS50.
>> Así que tengo aquí un enlace de imagen archivo llamado dot HTML que voy a abrir.
Y fíjense que tengo un par de comenta aquí en mis comentarios HTML.
Así que al igual que en C y otra lenguajes de programación,
HTML sólo por ser un lenguaje de marcas no tienen la capacidad de tener comentarios.
Y así que estoy al parecer va a colocar una foto de Rick Astley
en algún lugar entre este div etiqueta, esta división arbitraria.
Al parecer, ese archivo es ubicado en Rick punto JPEG, que
si nos dirigimos de nuevo a mi árbol de archivos por un segundo,
es un archivo que existe en el directorio actual.
Así que eso está bien.
Puedo hacer referencia a ella.
>> Entonces puedo tener enlaces internos.
Así que notar en la línea 11 aquí mi href es hola HTML punto.
Así que simplemente se refiere a hola punto HTML que existe en el directorio actual.
Y también puedo tener externa enlaces por simplemente especificando HTTPS
para indicar que no estoy hablando sobre un archivo en mi directorio actual.
Estoy hablando de un archivo que existe en algún lugar de internet, lo que tengo
para solicitar utilizando el protocolo HTTP.
>> Así que echemos un vistazo a lo esta página podría ser similar
y se preparan para una foto de Rick Astley en aparecer en la pantalla.
Así que voy a Ver este.
Hay Rick Astley en el muy alto en esta arbitraria
división que lo puse en la parte superior.
Y luego por debajo de I tengo mis vínculos, ¿verdad?
>> Tengo un enlace a hola HTML punto.
Y si hago clic en eso, me pongo movido hacia esta página
que estamos muy familiarizados con de el principio de nuestro programa.
Si hago estallar esa página abierta de nuevo, si pop enlace de imagen abre una vez más,
También puedo ir externamente el sitio web del CS50.
Y allí nos ver-- voy alejar un poco aquí--
vamos a ver el sitio web del CS50 tipo de incrustado en el medio de nuestra página.
Así que tuve la oportunidad de hacer una interna vincular, así como un enlace externo.
>> La última regla con HTML que vamos a hablar aquí
es que el código HTML debe estar bien formado.
En C hablamos mucho acerca de las diversas sintaxis de las cosas.
En la sintaxis HTML realmente gira en torno a las etiquetas.
Cada etiqueta se abre necesita ser cerrado.
Y, de hecho, todas las etiquetas que abra debe ser cerrado en el orden inverso.
>> Así que si usted abre una etiqueta en negrita, cursiva un etiqueta, y luego una etiqueta subrayado
para hacer los tres a un en particular conjunto de texto,
usted debe cerrarlas en orden inverso.
Así que si usted abrió negrita, cursiva, subrayado, que
quiero cerrar subrayado, cursiva, negrita.
Este tipo de encapsulación es lo mantiene HTML agradable y organizada.
>> A diferencia de C, sin embargo, los errores de sintaxis no lo hará realmente paralizar su HTML posiblemente.
Tu HTML puede ser no muy bien formada pero que todavía funcionan.
Y así estos errores puede ordenar de diapositivas.
Todo depende de usted para ser muy vigilantes.
A veces fallarán pero a veces se puede salir con la suya.
>> Puede ser una realidad tarea difícil, sin embargo,
no perder de vista al abrir una etiqueta, cuando se cerró,
sobre todo porque el código HTML archivos se hacen más grandes y más grandes.
Usted querrá un poco de ayuda.
Y hay en línea herramientas de validación que
puede utilizar para echar un vistazo a su página página y ver si es así HTML formado.
Y usted debe definitivamente echar un vistazo a los
y empezar a utilizarlos como usted empezar a hacer algo de trabajo con HTML,
escribir HTML, simplemente para que pueda obtener algunos buenos hábitos sobre la organización
el código HTML en el buen sentido y buen estilo y asegurarse
que usted no está haciendo nada que podría crear un error de sintaxis que
le haría un poco de un problema en el camino.
>> Soy Doug Lloyd.
Esto es CS50.