Tutorial Notes

1st weblink about HTML.

Home-

Intro- HTML stands for - Hyper Text Markup Language. A markup language is a set of tags, which are tags to describe web pages.

Getting Started- To get started with an HTML, you do not need an HTML editor, a web server, or a website, and you can copy and paste links off of the website to get started.


Basic- HTML paragraphs are defined with the <p> tag. HTML links are defined with an <a> tag, and the HTML images are defined with the <img> tag.

2nd weblink about CSS.

Home- In the home screen there are examples of CSS and code. There is also a quiz offered that viewers can take.

Intro- CSS Stands for Cascading Style Sheets. Styles define how to display HTML elements which were added to HTML to solve a problem. CSS saves a lot of work because it defines how HTML elements are displayed.

Syntax- The syntax shows examples like code which makes something work like a color, size and typeface.

ID & Class- CSS allows you to specify your own selectors which are the "id & class." The id is used for specifying a single unique element. It is defined with an "#".

Styling-

Background- Backround color is the color behind an element and it is also determined by entering code. An example is - Body ( background-color:#b0c4de;) The first word color will be an actual color like blue or red, and the RCG value is the second set of numbers and values to make the color, and then the Hex is the last thing seen.

Styling Text-Text formatting is the way the text is seen like spacing and colors. The colors, RGB and hex are also considered when styling text as well. Here is an example- body {color:blue;}
h1 {color:#00ff00;}
h2 {color:rgb(255,0,0);}

Box Model- The term " box model is used when talking about a design or layout in CSS. The box model consits of elements- the content, padding, border and margin. The box model's purpose is so that it can arrange space and elements.

Border- A border that goes around the paddding and content which are the inner box. There are all different types of borders,- dotted lines, solid border, double lined ect.

Outline- The outline is the overall box that surrounds all- margin, border, padding & content. There are different styles, widths and colors for outlines.

Margin-  The margin is usually set by the browser but it depends on the length and percentage of it. An example of a way to change it by using code is: margin-top:100px;
margin-bottom:100px;
margin-right:50px;
margin-left:50px;


Padding- Padding clears the area around the content inside the border. The padding is affected by the background color of the element.  It also depends on the length and percentage.  An example of it is:
padding-top:25px;
padding-bottom:25px;
padding-right:50px;
padding-left:50px;