├── .DS_Store ├── .github └── workflows │ └── download-button.yml ├── .gitignore ├── 01 - Basic HTML Page ├── Solution │ └── index.html └── challenge.html ├── 02 - Add an Image to your HTML Page ├── challenge.html └── solution │ ├── image.svg │ └── index.html ├── 03 - Create a hyperlink to another website ├── challenge.html └── solution │ └── index.html ├── 04 - Add a list of items to your HTML page ├── challenge.html └── solution │ └── index.html ├── 05 - Add a table to your HTML page ├── challenge.html └── solution │ └── index.html ├── 06 - Create a HTML form ├── challenge.html └── solution │ └── index.html ├── 07 - Add a video to your HTML Page ├── challenge.html └── solution │ ├── index.html │ ├── video.mp4 │ └── video_poster.png ├── 08 - Add an ordered list to your HTML Page ├── challenge.html └── solution │ └── index.html ├── 09 - Add an unordered list to your HTML page ├── challenge.html └── solution │ └── index.html ├── 10 - Add a definition list to your HTML Page ├── .DS_Store ├── challenge.html └── solution │ └── index.html ├── 11 - Add an iframe to your HTML Page ├── .DS_Store ├── challenge.html └── solution │ └── index.html ├── 12 - Use HTML5 Sematic tags for page structure ├── challenge.html └── solution │ └── index.html ├── 13 - Add a quote to your HTML Page ├── challenge.html └── solution │ └── index.html ├── 14 - Add a horizontal rule to your HTML Page ├── challenge.html └── solution │ └── index.html ├── 15 - Add a line break to your HTML Page ├── challenge.html └── solution │ └── index.html ├── 16 - Add a non-breaking space to your HTML Page ├── challenge.html └── solution │ └── index.html ├── 17 - Create a basic HTML form with radio buttons ├── challenge.html └── solution │ └── index.html ├── 18 - Create a basic HTML form with checkboxes ├── challenge.html └── solution │ └── index.html ├── 19 - Create a basic HTML form with a dropdown menu ├── challenge.html └── solution │ └── index.html ├── 20 - Create a basic HTML form with a text area ├── challenge.html └── solution │ └── index.html ├── 21 - Use label tags to associate form elements ot their labels ├── challenge.html └── solution │ └── index.html ├── 22 - Add a fieldset and legend to your HTML form ├── challenge.html └── solution │ └── index.html ├── 23 - Add a required attribute to your form field ├── challenge.html └── solution │ └── index.html ├── 24 - Use placeholder attribute in your form ├── challenge.html └── solution │ └── index.html ├── 25 - Use autofocus attribute to set focus on form fields ├── challenge.html └── solution │ └── index.html ├── 26 - Use target attribute to open link in new tab ├── challenge.html └── solution │ └── index.html ├── 27 - Add an alt attribute to an image for accessibilty purposes ├── challenge.html └── solution │ └── index.html ├── 28 - Use the title attribute to provide additional information about an element ├── challenge.html └── solution │ └── index.html ├── 29 - Use links to connect to different sections of a HTML page ├── .DS_Store ├── challenge.html └── solution │ └── index.html ├── 30 - Introduction to CSS ├── .DS_Store ├── challenge.html ├── solution │ ├── index.html │ └── styles │ │ └── stylesheet.css └── styles │ └── stylesheet.css ├── Community-challenges └── Template │ ├── challenge.html │ └── solution │ └── index.html ├── Contributing.md ├── LICENSE └── README.md /.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/.DS_Store -------------------------------------------------------------------------------- /.github/workflows/download-button.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/.github/workflows/download-button.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | /Template 2 | -------------------------------------------------------------------------------- /01 - Basic HTML Page/Solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/01 - Basic HTML Page/Solution/index.html -------------------------------------------------------------------------------- /01 - Basic HTML Page/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/01 - Basic HTML Page/challenge.html -------------------------------------------------------------------------------- /02 - Add an Image to your HTML Page/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/02 - Add an Image to your HTML Page/challenge.html -------------------------------------------------------------------------------- /02 - Add an Image to your HTML Page/solution/image.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/02 - Add an Image to your HTML Page/solution/image.svg -------------------------------------------------------------------------------- /02 - Add an Image to your HTML Page/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/02 - Add an Image to your HTML Page/solution/index.html -------------------------------------------------------------------------------- /03 - Create a hyperlink to another website/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/03 - Create a hyperlink to another website/challenge.html -------------------------------------------------------------------------------- /03 - Create a hyperlink to another website/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/03 - Create a hyperlink to another website/solution/index.html -------------------------------------------------------------------------------- /04 - Add a list of items to your HTML page/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/04 - Add a list of items to your HTML page/challenge.html -------------------------------------------------------------------------------- /04 - Add a list of items to your HTML page/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/04 - Add a list of items to your HTML page/solution/index.html -------------------------------------------------------------------------------- /05 - Add a table to your HTML page/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/05 - Add a table to your HTML page/challenge.html -------------------------------------------------------------------------------- /05 - Add a table to your HTML page/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/05 - Add a table to your HTML page/solution/index.html -------------------------------------------------------------------------------- /06 - Create a HTML form/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/06 - Create a HTML form/challenge.html -------------------------------------------------------------------------------- /06 - Create a HTML form/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/06 - Create a HTML form/solution/index.html -------------------------------------------------------------------------------- /07 - Add a video to your HTML Page/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/07 - Add a video to your HTML Page/challenge.html -------------------------------------------------------------------------------- /07 - Add a video to your HTML Page/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/07 - Add a video to your HTML Page/solution/index.html -------------------------------------------------------------------------------- /07 - Add a video to your HTML Page/solution/video.mp4: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/07 - Add a video to your HTML Page/solution/video.mp4 -------------------------------------------------------------------------------- /07 - Add a video to your HTML Page/solution/video_poster.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/07 - Add a video to your HTML Page/solution/video_poster.png -------------------------------------------------------------------------------- /08 - Add an ordered list to your HTML Page/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/08 - Add an ordered list to your HTML Page/challenge.html -------------------------------------------------------------------------------- /08 - Add an ordered list to your HTML Page/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/08 - Add an ordered list to your HTML Page/solution/index.html -------------------------------------------------------------------------------- /09 - Add an unordered list to your HTML page/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/09 - Add an unordered list to your HTML page/challenge.html -------------------------------------------------------------------------------- /09 - Add an unordered list to your HTML page/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/09 - Add an unordered list to your HTML page/solution/index.html -------------------------------------------------------------------------------- /10 - Add a definition list to your HTML Page/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/10 - Add a definition list to your HTML Page/.DS_Store -------------------------------------------------------------------------------- /10 - Add a definition list to your HTML Page/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/10 - Add a definition list to your HTML Page/challenge.html -------------------------------------------------------------------------------- /10 - Add a definition list to your HTML Page/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/10 - Add a definition list to your HTML Page/solution/index.html -------------------------------------------------------------------------------- /11 - Add an iframe to your HTML Page/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/11 - Add an iframe to your HTML Page/.DS_Store -------------------------------------------------------------------------------- /11 - Add an iframe to your HTML Page/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/11 - Add an iframe to your HTML Page/challenge.html -------------------------------------------------------------------------------- /11 - Add an iframe to your HTML Page/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/11 - Add an iframe to your HTML Page/solution/index.html -------------------------------------------------------------------------------- /12 - Use HTML5 Sematic tags for page structure/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/12 - Use HTML5 Sematic tags for page structure/challenge.html -------------------------------------------------------------------------------- /12 - Use HTML5 Sematic tags for page structure/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/12 - Use HTML5 Sematic tags for page structure/solution/index.html -------------------------------------------------------------------------------- /13 - Add a quote to your HTML Page/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/13 - Add a quote to your HTML Page/challenge.html -------------------------------------------------------------------------------- /13 - Add a quote to your HTML Page/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/13 - Add a quote to your HTML Page/solution/index.html -------------------------------------------------------------------------------- /14 - Add a horizontal rule to your HTML Page/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/14 - Add a horizontal rule to your HTML Page/challenge.html -------------------------------------------------------------------------------- /14 - Add a horizontal rule to your HTML Page/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/14 - Add a horizontal rule to your HTML Page/solution/index.html -------------------------------------------------------------------------------- /15 - Add a line break to your HTML Page/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/15 - Add a line break to your HTML Page/challenge.html -------------------------------------------------------------------------------- /15 - Add a line break to your HTML Page/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/15 - Add a line break to your HTML Page/solution/index.html -------------------------------------------------------------------------------- /16 - Add a non-breaking space to your HTML Page/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/16 - Add a non-breaking space to your HTML Page/challenge.html -------------------------------------------------------------------------------- /16 - Add a non-breaking space to your HTML Page/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/16 - Add a non-breaking space to your HTML Page/solution/index.html -------------------------------------------------------------------------------- /17 - Create a basic HTML form with radio buttons/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/17 - Create a basic HTML form with radio buttons/challenge.html -------------------------------------------------------------------------------- /17 - Create a basic HTML form with radio buttons/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/17 - Create a basic HTML form with radio buttons/solution/index.html -------------------------------------------------------------------------------- /18 - Create a basic HTML form with checkboxes/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/18 - Create a basic HTML form with checkboxes/challenge.html -------------------------------------------------------------------------------- /18 - Create a basic HTML form with checkboxes/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/18 - Create a basic HTML form with checkboxes/solution/index.html -------------------------------------------------------------------------------- /19 - Create a basic HTML form with a dropdown menu/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/19 - Create a basic HTML form with a dropdown menu/challenge.html -------------------------------------------------------------------------------- /19 - Create a basic HTML form with a dropdown menu/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/19 - Create a basic HTML form with a dropdown menu/solution/index.html -------------------------------------------------------------------------------- /20 - Create a basic HTML form with a text area/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/20 - Create a basic HTML form with a text area/challenge.html -------------------------------------------------------------------------------- /20 - Create a basic HTML form with a text area/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/20 - Create a basic HTML form with a text area/solution/index.html -------------------------------------------------------------------------------- /21 - Use label tags to associate form elements ot their labels/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/21 - Use label tags to associate form elements ot their labels/challenge.html -------------------------------------------------------------------------------- /21 - Use label tags to associate form elements ot their labels/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/21 - Use label tags to associate form elements ot their labels/solution/index.html -------------------------------------------------------------------------------- /22 - Add a fieldset and legend to your HTML form/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/22 - Add a fieldset and legend to your HTML form/challenge.html -------------------------------------------------------------------------------- /22 - Add a fieldset and legend to your HTML form/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/22 - Add a fieldset and legend to your HTML form/solution/index.html -------------------------------------------------------------------------------- /23 - Add a required attribute to your form field/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/23 - Add a required attribute to your form field/challenge.html -------------------------------------------------------------------------------- /23 - Add a required attribute to your form field/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/23 - Add a required attribute to your form field/solution/index.html -------------------------------------------------------------------------------- /24 - Use placeholder attribute in your form/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/24 - Use placeholder attribute in your form/challenge.html -------------------------------------------------------------------------------- /24 - Use placeholder attribute in your form/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/24 - Use placeholder attribute in your form/solution/index.html -------------------------------------------------------------------------------- /25 - Use autofocus attribute to set focus on form fields/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/25 - Use autofocus attribute to set focus on form fields/challenge.html -------------------------------------------------------------------------------- /25 - Use autofocus attribute to set focus on form fields/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/25 - Use autofocus attribute to set focus on form fields/solution/index.html -------------------------------------------------------------------------------- /26 - Use target attribute to open link in new tab/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/26 - Use target attribute to open link in new tab/challenge.html -------------------------------------------------------------------------------- /26 - Use target attribute to open link in new tab/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/26 - Use target attribute to open link in new tab/solution/index.html -------------------------------------------------------------------------------- /27 - Add an alt attribute to an image for accessibilty purposes/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/27 - Add an alt attribute to an image for accessibilty purposes/challenge.html -------------------------------------------------------------------------------- /27 - Add an alt attribute to an image for accessibilty purposes/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/27 - Add an alt attribute to an image for accessibilty purposes/solution/index.html -------------------------------------------------------------------------------- /28 - Use the title attribute to provide additional information about an element/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/28 - Use the title attribute to provide additional information about an element/challenge.html -------------------------------------------------------------------------------- /28 - Use the title attribute to provide additional information about an element/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/28 - Use the title attribute to provide additional information about an element/solution/index.html -------------------------------------------------------------------------------- /29 - Use links to connect to different sections of a HTML page/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/29 - Use links to connect to different sections of a HTML page/.DS_Store -------------------------------------------------------------------------------- /29 - Use links to connect to different sections of a HTML page/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/29 - Use links to connect to different sections of a HTML page/challenge.html -------------------------------------------------------------------------------- /29 - Use links to connect to different sections of a HTML page/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/29 - Use links to connect to different sections of a HTML page/solution/index.html -------------------------------------------------------------------------------- /30 - Introduction to CSS/.DS_Store: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/30 - Introduction to CSS/.DS_Store -------------------------------------------------------------------------------- /30 - Introduction to CSS/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/30 - Introduction to CSS/challenge.html -------------------------------------------------------------------------------- /30 - Introduction to CSS/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/30 - Introduction to CSS/solution/index.html -------------------------------------------------------------------------------- /30 - Introduction to CSS/solution/styles/stylesheet.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/30 - Introduction to CSS/solution/styles/stylesheet.css -------------------------------------------------------------------------------- /30 - Introduction to CSS/styles/stylesheet.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/30 - Introduction to CSS/styles/stylesheet.css -------------------------------------------------------------------------------- /Community-challenges/Template/challenge.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/Community-challenges/Template/challenge.html -------------------------------------------------------------------------------- /Community-challenges/Template/solution/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/Community-challenges/Template/solution/index.html -------------------------------------------------------------------------------- /Contributing.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/Contributing.md -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/codeskills-dev/30-days-of-html/HEAD/README.md --------------------------------------------------------------------------------