Learning HTML and CSS


.

.

.

.

html

HTML stands for Hyper Text Markup language. It is used to create the basic design for a website.

CSS stands for Cascading Style Sheets. It is used to describe the presentation of the HTML on a website.

.

Here is a guide to HTML and CSS

.

.

Below is an example code

Use this example to help understand the basics and then later add to it

.

.


.

.

< !DOCTYPE html >

< html >

< head >

< title > HTML and CSS < /title >

< /head >

< body >

< p > *Information* < /p >

< /body >

< /html >

.

.


.

.

Between the < body > and < /body > you can add more lines of code

.

.

.

Below are some basic commands in HTML

.

.

Text Styles

Bold text: < b >here's some bold text< /b >

Italic text: < i >here's some italicized text< /i >

Underline: < u >This text is underlined< /u >

Subscript: < sub >This is subscript text< /sub >

Superscript text: < sup >Here's some superscript text< /sup >

Typewriter text: < tt >Here is some typewriter-styled text< /tt >

Strike-Through text: < strike >This text has a line through it< /strike >

.

.

.

Text Placement

To center text: < center >This text is in the center< /center > You can also use < p align="center" >.

Align Text: To right-align text: < p align="right" > For left: < p align="left" >

To left-align and right-align text on the same line:

.

.

.

Special Code

< marquee >This is side-scrolling text< /marquee >

This is side-scrolling text

Highlighted Text: < span style="background-color: #FFFF00">This text is highlighted in color.< /span >

.

.

.

Below are some basic commands in CSS

.

.

.

body { background-color: #d0e4fe; }

h1 { color: orange; text-align: center; }

p { font-family: "Times New Roman"; font-size: 20px; }

.

.

You can add more items between each CSS code to change the format of your HTML

.

.

.

.



Their is more than just this though. HTML and CSS has thousands of more lines of code you can learn. So don't stop here... Learn more!