HTML

What is HTML?  HTML is a language for creating web pages.  HTML stands for Hyper Text Markup Language  A markup language has tags which are codes that tell the browser how to display the text.  HTML documents contain both HTML tags and plain text

Unformatted Web Page I Have a Dream By Martin Luther King, Jr. delivered 28 August 1963, at the Lincoln Memorial, Washington D.C. I have a dream that one day this nation will rise up and live out the true meaning of its creed: "We hold these truths to be self- evident, that all men are created equal." I have a dream that one day on the red hills of Georgia, the sons of former slaves and the sons of former slave owners will be able to sit down together at the table of brotherhood. I have a dream that one day even the state of Mississippi, a state sweltering with the heat of injustice, sweltering with the heat of oppression, will be transformed into an oasis of freedom and justice. I have a dream that my four little children will one day live in a nation where they will not be judged by the color of their skin but by the content of their character. If I just typed in the text, and I didn’t format the web page with tags, it would look like this

Formatted Web Page After I format the web pages with tags, it looks like this

What are HTML Tags???  HTML tags are letters surrounded by angle brackets like or  The browser does not display the HTML tags, but uses the tags to determine how the content of the web page is to be displayed to the user.  HTML tags normally come in pairs like and or and, and the first tag is called either the start tag or the opening tag, and the second tag is called the end tag or the closing tag  The end tag is written like the start tag, except with a forward slash before the tag name

HTML Page Structure My First Heading My first paragraph. Below is a visualization of the HTML code on the left:

Heading tag  HTML headings are defined with the to tags.  The smaller the number, the larger the heading Example This is a heading

Paragraph tags Line Break tags HTML paragraphs are defined with the tag. Blank lines are inserted between paragraphs Example Code: This is a paragraph. This is another paragraph. This is a paragraph. This is another paragraph. A tag after a line forces the text after it to start on the next line. It does not insert a blank line. Example Code: This text is on the first line. And this text starts on the next line. This text is on the first line. And this text starts on the next line.

Image tags In HTML, images are defined with the tag.  The tag defines the attributes of the image only, and has no closing tag.  To display an image on a page, you need to use the src attribute, which stands for source Syntax for defining an image: “location” tells where the image is stored. “description” contains a word or words that will display if the user’s browser can’t see the image. If you put an image tag between two paragraphs, the browser shows the first paragraph, then the image, and then the second paragraph.

Formatting tags This text is bold This text is italic This text is underlined This text is red, size 5, and Courier This text is bold This text is italic This text is underlined This text is red, size 5, and Courier.

Hyperlink tags and attributes link text The tag defines the text as a hyperlink. The href attribute tells the browser where the link is on the internet. Example: Computer Lab Website which will display like this: Computer Lab Website and clicking on it will take you to

Title tag and Head tag  The tag tells the user the name of the website.  The tag must be enclosed in the section at the beginning of the webpage. The section has information about the web page that is not displayed. Example: Computer Lab Website

Comment tags

Let’s create a web page!