- 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
- 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
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
- 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
- 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
- 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