html_challenges

HTML Challenges

Challenge 1 Headings and Paragraphs - Created a web page by using headings, tags and paragraph tags

Challenge 2 Paragraph Tag - Created a web page by using paragraphs learned that web browsers does not take note of what line your current code is on nor does it take any note of the spaces. This helped me to space my code properly.

Challenge 3 Lists text formatting - Created a web page that includes images, headings and some descriptive text. I learned how to add images to my webpage and creating ordered and unordered lists. It gets more complex when making the bullets into squares.

Challenge 4 List tag exercise - Created a web page that has an ordered list and an unordered list.

Challenge 5 Article - Created a web page from a link provided in order to make it look simalar to that. All included is links, images and italics and bold tags. This helped me with adding images and making paragraphs with links in them.

Challenge 6 Tables - In this challenge I learned to create tables and to created rows and columns. This also helped me to populate all information into the table. It was explained that a table is always created by setting up the headings in the first row from there the table can be populated by inserting tags to fill each cell.

Challenge 7 Nested Tables - In this challenge a simple form has to be created for a customers details and favourites to output a feedback overall. This helped me with setting up forms to create a survey or any other information that could be recorded using the form tag.

Challenge 8 Simple Forms - In this challenge a simple form has to be created for a customers details and favourites to output feedback. This helped me with setting up forms to create a survey or any other information that could be recorded using the form tag.

Challenge 9 Form Validation - In this challenge a more complex form is created with the use of the previous challenge. Here I had to perfect validation when certain attributes aren’t inserted. This helped with ordering and positioning each input and label with a table tag format.

Challenge 10 Hyperlinks - Created a web page that includes hyperlinks, lists, forms and an embedded link. Here I learned to add a video to my webpage and have a variety of tags mixed into one webpage. I included an image of myself that when clicked on it, it would take you to my facebook page.

Challenge 11 Semantic - In this challenge the semantic challenge added the navigation tabs where you could scroll through other pages. This also helped me with adding proper comments and removing dividers.Overall different kind of sections, footers and headers has specific functions in a webpage that could be used for different techniques.

Setting up your workspace

• Create a new repository on the Github this inlcudes all challenges
• Saved to desired directory (html_challenges)
• Created a base folder structure
• Created the folder structure for each challenge including html file this included the images folder for each nessasry
• Updated all information using the push function with the GitBash ``` cd css_challenges git add . git commit -m “Message to display on the github website” git push -u origin master

- And used the git pull function when retrieving my data from the github

cd css_challenges git pull

```

• Created Live Link as listed below

Live Link

• https://ismet94.github.io/html_challenges/

Prevalent Technologies Used

• HTML

Other Technologies Used

Technologies and Tools Used:

• HTML5 Guide Book
• Google Research
• W3Schools
• Form.guide

Languages:

• HTML
• Internal Styling

Tools:

• GitBash
• Github
• Visual Studio Code
• Google Chrome
• WordPad
• Firefox Developer Edition

Changelog

2018-11-19:

• Base folders added
• Readme Created and edited
• Created the headings_paragraphs_challenge.html
• Completed challenge 1
• Created the paragraph_tag_exercise.html
• Completed challenge 2
• Uploaded to github

2018-11-20:

• Base folders added including images folder
• Created the lists_textformatting_images_challenge.html
• Completed challenge 3
• Created the list_tags.html file
• Completed challenge 4
• Updated Readme file
• Uploaded to github

2018-11-21:

• Base folders added and images folder for challenge 6
• Created the article_challenge.html file
• Completed challenge 5
• Created the tables_challenge.html file
• Completed challenge 6
• Updated Readme file
• Uploaded to github

2018-11-22:

• Base folders added
• Created the nested_table_challenge.html file
• Completed challenge 7
• Created the forms_challenge.html file
• Completed challenge 8
• Updated Readme file
• Uploaded to github

2018-11-26:

• Base folders added
• Created the form_validation_challenge.html file
• Completed challenge 9
• Created the hyperlinks_challenge.html file
• Completed challenge 10
• Readme Created
• Updated Readme file
• Uploaded to github

2018-11-27:

• Base folders added
• Created the html_webpage_challenge.html file
• Completed challenge 11
• Updated Readme file
• Uploaded to github

2019-02-23:

• Created one repository for all challenges
• Merged all repository’s into one.

• Updated Readme

• Base folders added
• Created the html_webpage_challenge.html file
• Completed Challenge 11
• Readme Created
• Updated Readme file
• Uploaded to github

2019-03-04:

• Added additional comments
• Removed unnecessary code
• Updated Readme

Contributors

Ismet Samsodien - 2018/2019