Lab5-Favorite's Lists

This lab was to create a table consisting of our favorite things in multiple categories which were movies, food, subject, music, and grocery list. I supposed it was just a list instead of a list of our favorite things, but either way it was more complex than it seems. This is because we essentially had to create a list within a list in our code. For three of the categories there was subsections; for the favorite subjects we had to include two reasons for it to be our favorite, for favorite music we had two genres then three artist and finally two songs, and for the grocery list we had to include the specific type of food and at least five items for each type. There was more though, we also had to follow a specific protocol which was that each list had its own type of list. What i mean by this is that the list could be ordered or unordered, and the the symbol for the lists( bullet points, roman numerals) are different.
The code for the lab consisted of a table with five columns and two rows, but withing the second row each column had the list embedded within. The tags for list differ in only one place which is whether the list is ordered or unordered; if the list is ordered then the tag is <ol> and <ul> is unordered. Another tag, <li>, is needed as well because it is the list item that makes up the actual list. This is an example of how the code would look like:

The overall intention of this lab was to further our knowledge and creativity in HITML because now we can create complex structures while still maintaining organizations.


Comments

Post a Comment

Popular posts from this blog

Lab4-Color Table

Image
The directions for lab 4 was to create a table made up of hues and the corresponding hexadecimal value for the hue. In order to complete this lab a new HTML tag was introduced, the <table> tag which creates a table. however that isn't the only tag necessary to complete the lab we also needed to use the <tr> and <td> tags. tr signified a row on the table and td signified a row in the table; with all three tags we could create and manipulate a table into what we needed. The actual table we created consisted of three columns and twenty rows. The three columns are the color name, hexadecimal value, and the actual hue. Each row had a different hue and the first row is the titles for the columns. We didn't have regular colors, such as red or blue, we had absurd hues that had names you only see on crayons like Dark Magneta and Midnight Blue. Of course we didn't know the hexadecimal value of the hues; therefore we used w3schools to search up the values, it had it
Read more

Lab16: My First JavaScript

Image
This lab was the very first time we implemented JavaScript into our webpages. While we have been practicing JavaScript on code.org, that was the only platform we used. Now for the first time our website have HTML, CSS, and JavaScript. It may not be complex JavaScript, but it is a small step as an introduction. The lab was just create a button that when pressed would change the contents of the paragraph written. We also create a base format for our webpages so wouldn't have to keep repeating the same long process of writing the basic html codes. The button was quite easy to create because all that was needed to be done was to create a button tag inside a script tag. The script tag specifies that whatever inside the tag is pure JavaScript and the button tag is exactly was the name entities, a button. It was small step, but I suppose we will build off these skills until we eventually get into complex JavaScript.
Read more

MLH Local Hack Day 2017

Image
This past Saturday, December 2, Queens College hosted a local hackathon on their campus. As a student currently enrolled in a computer science class it was a great opportunity for me and other classmates to learn and showcase our skills. Walking into the hackathon was a little bit daunting because most if not all the participants were college students except for me and the other people from my class that also attended. However, once the actual event began I didn't feel out of place, on the contrary the people where very nice and welcomed me even though I was very young. The first secession/activity was a sort of free learning hour where we had the freedom of doing whatever we wanted. The organizers gave us a link to the MLH website and there were multiple activities that we were able to do, but they all involved programs that I was unfamiliar with and they all were very complex. Therefore, it was basically an hour of just learning what different programs did and the basic commands
Read more