Taller Desarrollo Web

Nombre: Francisco Sampedro

1. HTML Headings 1
1.1. Headings

1.2 Bigger Headings

2. HTML Paragraphs
2.1 Paragraphs

2.2 HTML Display

2.3 HTML Horizontal Rules

2.4 HTML Line Breaks

2.5 THe Poem Problem

2.6 Solution – The HTML <pre> Element

3. HTML Styles
3.1 Styles

3.2 Background Color

3.3 Text Color

3.4 Fonts

3.5 Text Size

 3.6 Text Alignment

4. HTML Formatting
4.1 Text Formatting

4.2 HTML <b> Element

4.3 HTML <strong> Element

4.4 HTML <i> element

4.5 HTML <em> element

4.6 HTML <small> element

4.7 HTML <mark> Element

4.8 HTML <del> Element

4.9 HTML <ins> Element

4.10 HTML <sub> Element

 4.11 HTML <sup> Element

5. HTML Quotation and Citation Elements

5.1 Quotation

5.2 HTML <q> for Short Quotations

5.3 HTML <blockquote> for Quotations

5.4 HTML <abbr> for Abbreviations

 5.5 HTML <address> for Contact Information

5.6 HTML <cite> for Work Title

5.7 HTML <bdo> for Bi-Directional Override

6. HTML Comments
6.1 HTML Comment Tags
 6.2 Comment Tags

7. HTML Colors
7.1 Colors
7.1.1 Names

7.1.2 Background Color

7.1.3 Text Color

7.1.4 Border Color

 7.1.5 Color Values

7.2 HTML RGB

7.2.1 Color Values

7.2.2 Color Values

7.2.3 RGBA Color Values

7.3 HTML HEX Colors
7.3.1 Color Values

7.3.2 Color Values

7.4 HTML HSL and HSLA Colors

7.4.1 HSL Color Values

7.4.2 Saturation
 7.4.3 Lightness

7.4.4 Lightness

7.4.5 HSLA Color Values

8. HTML Links
8.1 HTML Links – Syntax
8.2 Local Links

8.3 HTML Links - The target Attribute

8.4 HTML Links - Image as a Link

8.5 Button as a Link

8.7 Link Titles

8.8 External Paths

8.9 example links to a page located in the html folder on the current web site:

8.10 example links to a page located in the same folder as the current
page:

8.11 HTML Links - Different Colors

8.12 HTML Link Colors
 8.13 Link Buttons

8.13 8.14 HTML Links - Create Bookmarks 1

9 HTML Images
9.1 Images
9.2 Images alt

9.3 Images alt

9.4 The alt Attribute Syntax

9.5 images (alt attribute)

9.6 Image Size - Width and Height

9.7 Alternatively width and height

9.8 Width and Height, or Style?

9.9 Images in Another Folder

9.10 Images on Another Server

9.11 Animated Images

9.12 Image as a Link

9.13 Image Floating

9.14 HTML Images Maps

9.14.1 Maps
9.14.2 Coordinates

9.14.3 Circle

9.14.4 Image Map and JavaScript

9.15 HTML Background Images
9.15.1 Background Image on a HTML element

9.15.2 Background Image (div

9.15.3 Background Image on a Page

9.15.4 Background Repeat

9.15.5 Background Not repeat

9.15.6 Background Cover

9.15.7 Background Stretch

9.16 HTML Picture Element
9.16.1 The HTML <picture> Element

9.16.2 Use the picture Element

10. HTML Tables

10.1 Tables
10.2 Defining an HTML Table

10.3 HTML Table - Adding a Border

10.4 HTML Table - Collapsed Borders

10.5 HTML Table - Adding Cell Padding

10.6 HTML Table - Left-align Headings

10.7 HTML Table - Adding Border Spacing

10.8 HTML Table - Cells that Span Many Columns

10.9 HTML Table - Cells that Span Many Rows

10.10 HTML Table - Adding a Caption

10.11 A Special Style for One Table

10.12 And add more styles:

11 HTML Lists
11.1 List

11.2 Unordered HTML List

11.3 Ordered HTML List

11.4 HTML Description Lists

11.5 HTML Unordered Lists
11.5.1 Unordered Lists

11.5.2 Unordered HTML List - Choose List Item Marker

11.5.3 Unordered List with Circle Bullets

11.5.4 Unordered List with Square Bullets

11.5.5 Unordered List without Bullets

 11.5.6 Nested HTML Lists

11.5.7 Horizontal List with CSS

11.6 HTML Ordered Lists

11.6.1 Ordered HTML List

11.6.2 Ordered HTML List - The Type Attribute

11.6.3 Uppercase Letters:

11.6.4 Lowercase Letters:

11.6.5 Uppercase Roman Numbers:

11.6.6 Lowercase Roman Numbers:

11.6.7 Control List Counting

 11.6.8 Nested HTML Lists

11.7 HTML Other Lists

11.7.1 HTML Description Lists