HTML Lab 5 10/1/2015
Example <!DOCTYPE html> <html> <head> <title>HTML </title> </head> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>
Definition HTML is a markup language for describing web documents (web pages). HTML stands for Hyper Text Markup Language A markup language is a set of markup tags HTML documents are described by HTML tags Each HTML tag describes different document content
Introduction The DOCTYPE declaration defines the document type to be HTML The text between <html> and </html> describes an HTML document The text between <head> and </head> provides information about the document The text between <title> and </title> provides a title for the document The text between <body> and </body> describes the visible page content The text between <h1> and </h1> describes a heading The text between <p> and </p> describes a paragraph
HTML Editors For learning HTML we recommend a text editor like Notepad (PC) or TextEdit (Mac). Open Notepad Write Some HTML Save the HTML Page with .html suffix View HTML Page in Your Browser
Basic HTML HyperLinks HTML Image Empty HTML Elements <a href="http://www.gsu.edu">This is a link</a> HTML Image HTML images are defined with the <img> tag. <img src=”gsu.jpg" alt=”www.gsu.edu" width="104" height="142”> Empty HTML Elements <br> is an empty element without a closing tag
HTML Style Every HTML element has a default style (background color is white and text color is black). <body style="background-color:lightgrey"> <h1 style="color:blue">This is a heading</h1> <h1 style="font-family:times">This is a heading</h1> <h1 style="font-size:14pt">This is a heading</h1> <h1 style="text-align:center">Centered Heading</h1> HTML Formatting <p><b>This text is bold</b>.</p> <p><strong>This text is strong</strong>.</p> <p><i>This text is italic</i>.</p>
Design your Webpage Title: Lab5 Heading: bold, align to center Paragraph: 14pt, times A Link name is “GSU” and link to http://www.gsu.edu Change Back-ground color
EXAMPLE