Hi everyone
This week we have done a lot of codecademy, we learned how to make tables, order lists and unordered lists. We also learned how to use span and divs.
First let us talk about tables. Tables are used to store tabular data so it is easy to read. To make a table you must first set a table tag which is <table>, then add a table row tag which is <tr>. You don't really create columns in <table> instead, you tell each row how many cells to have, and that determines your number of columns.The second thing we learned was how to make order lists. An ordered list is simply a list that is numbered. to make an order list, you first begin with the opening tag <ol>. <ol> means order list. the next thing you do is to open a list item tag <li>. Everything you list must have a new <li>. always make sure that you close all your <li>s and <ol>s. the closing should alway look like this </li> and </ol>. The next thing we learned was how to make unordered lists. Unordered list are lists that are not very important. Unordered list some time go under ordered lists. To make an unordered list you must first open an unordered list tag <ul>, you then make <li> again always remember to close every tag you open. The next thing we learned was divs and spans.Divs allow you to section off a part of your webpage for individual styling. An example code for Divs will be
<div id="header">
<h1>school</h1>
<p>I love school </p>
</div>. CSS can now be used to give both lines of text a different background, border, font, etc. from the rest of the page using Divs
<h1>school</h1>
<p>I love school </p>
</div>. CSS can now be used to give both lines of text a different background, border, font, etc. from the rest of the page using Divs
Spans: are used to target one specific word or group of words that might be a part of an overall paragraph. An example code of span is
<p>my school's name is<span style="color:blue;font-weight:bold">Fairmont Heights High School.</span> You could now use CSS to target that what you want to change. That all we did this week. I hope you learned something about making tables, order and unordered lists, spans and divs. For a more detailed information you can visit codecademy.
No comments:
Post a Comment