charlesnyanje / alx_html_css

0. Structure mandatory Create the most basic, simple and valid HTML file called base_index.html

The page should contain:

a DOCTYPE a head: with a title a body Tips: don’t forget to read all concept pages…

Test the webpage with the official HTML Validator. You will see that it is not happy!

First things first, fix the code in base_index.html so that it is valid.

You will see that the validator then becomes much happier!

Repo:

GitHub repository: alx_html_css Directory: html_basic File: base_index.html

1. Make a cool first webpage mandatory Copy your file base_index.html to index.html

Add in the body of the page:

at least 4 paragraphs; headings (titles) of level 1, 2 and 3, which are represented by

,

and

tags; a clickable image of your choice (you can use the https://www.holbertonschool.com/holberton-logo.png image, or another one you find on the internet by using its full URL); and it may link to any URL online that you want. Repo:

GitHub repository: alx_html_css Directory: html_basic File: index.html

2. Make a cool other webpage mandatory Copy your file base_index.html to tweets.html

Add in the body of the page:

embed at least one tweet (Here’s the official documentation from Twitter about embedding single tweets in a webpage’s HTML code.) contain a link to your index.html webpage, for users who may go back to your homepage In index.html, add a link to tweets.html, for users landing on your homepage, who want to see your tweets!

Repo:

GitHub repository: alx_html_css Directory: html_basic File: index.html, tweets.html

3. Make a cool website mandatory However, in order to start getting consistency throughout the website, all of the HTML files (index.html and tweets.html) must now have the same structure:

The tag of all of your webpages must contain exactly three direct sub-tags in that order:

, and The tag must contain an unordered list (the

and
• tags) of links (the tag) to each of your webpages. As you may have understood, this will serve as a navigation for your website. The tag must contain one paragraph with the sentence Made by - here. The tag must contain two direct sub-tags in that order: and :
  contains the content of your webpage: texts, links, images, tweets, … This is the part of index.html and tweets.html that you have already written. contains a single paragraph, just reading for now “placeholder to add comment thread later”. Repo:

  GitHub repository: alx_html_css Directory: html_basic File: index.html, tweets.html

  4. Add some level of creativity mandatory Update your index.html to add a table with information about some of the learners.

  On a new line after the last

  tag, introduce an element which will serve as a container for the table of learners.

  The

  tag should contain a table with the following structure:

  Use the

  tag to define the table header row. Use the tag to contain the table data rows. Populate the table with the following data: Name Age Country John 25 USA Emily 28 Canada Michael 32 Australia Sophia 21 UK Repo:

  GitHub repository: alx_html_css Directory: html_basic File: index.html