Labs Poster

This is a combination for the first three labs done because it was eventually made into a poster.

Lab1 was to create a very basic html page that just had my name, title, date, lab number, and a brief paragraph describing myself. The purpose of this simple lab was to learn the basis of how to create a webpage and the basic html tags. If  I recall correctly we only used <title>, <h1-6>, and the <p> tags. there is not much on the page, but it is only the start, the other labs is building off this very first lab.

Lab 2 was basically Lab 1 just with an image of myself before the paragraph. Now to add an image to an html code, the image tag needs to be included in the code. Also the image source has to be included which can be done if the image is dragged into the software it is lines of codes are. The dimensions of the image can be manipulated by setting the height and width. Actually, only one value is needed, then the computer automatically maintains the aspect ratio.

Lab 3 isn't really adding on to the other labs, but is building off of them. All of the pervious html tags were used, but this time we added hyperlinks to the web page. A hyperlink is when you can click on a text or image and it opens a webpage that the image or text is referring to. For this lab I had to create hyperlinks to my blog page, techteach.us, and w3schools for both text and images. For text after using the <a href-" URL of web page"> you would use <p> tag, and for images it would be the same, but using <img src="image">. Another interesting thing you can do for links is that if you add target="_blank" after the url of the web page, when you click on the link a new page would open with the webpage.

This is just the basics of HTML, which can be used for more advanced pages. That is where I see myself using these skills in the future, using these simple skills and use them as a foundation for future labs and projects.

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