Corban Seal

Summary 2

Structure and Introducing CSS

Topic 1 - HTML Structure Tags

There are several tags used in HTML code that determine where specific information shows up on the page. This is mainly split up into two sections, being the <body>, where all the text and elements that are meant to be visible on the main page go, and the <head>, which is meant for information that defines the page. A visual element that does go in the head is <title>, which defines the name of the web page that shows up on its' tab in browsers.

Topic 2 - Pulling Existing Code

Although learning about HTML and CSS is normally done through textbooks and tutorials, another valid tactic is to view the source code of other pages on the internet. Most browsers have the option to display a page's code to the side, and some even let you edit it to see what happens or check what lines affect what elements. Using this method, it is completely possible to copy and replicate the same code for your own work, but it's very important to make sure it works before saving it, as some lines may conflict.

Topic 3 - Internal vs. External CSS

There are multiple ways to use CSS on a page, and they all work perfectly fine, but it's important to know how they interact with each other. The general way that's used to declare CSS is by writing the code in it's own file, and then using a <link href=> command to link it to the HTML file. The other option is to declare it in line with the <style> tag, and it's important to note that both of these methods can be used simultaneously, but the in-line tags will overwrite the separate file tags.