Introduction to HTML 5 What is HTML HTML
- Slides: 8
Introduction to HTML 5
What is HTML? • HTML stands for Hyper Text Markup Language. • The purpose of HTML is to describe the general form and layout of documents to be displayed by a browser. • HTML documents can be created with a general-purpose text editor, even Microsoft word. • HTML has few syntactic rules and browsers often do not enforce the rules it does have.
How does HTML work? • As a markup language, HTML uses tags to specify a content category. • • Almost all tags consist of a pair of syntactic markers that are used to format content or delimit particular kinds of content. • The pair of tags and their content together are called an element.
Example 1 <p> I like code french fries. </p> 1. This is a paragraph element. 2. It is identified by an opening tag of <p> and a closing tag </p>.
Example 2 of HTML tags <img src=”logo. png”/> 1. Some tags include attribute specifications. 2. Attribute specifications provide additional information for the browser. 3. An img tag contains a scr (source) attribute that specifies the location of the image content. 4. In this case, the closing tag is part of the opening tag.
Important Notes about HTML Tags and Structure • A heading <!DOCTYPE html> tag tells a browser that this document is an HTML document. • An <html> tag represents the root of an HTML document. • A single <html> tag represents the container for all other HTML elements. • Every HTML document also includes a <head> and a <body> container. • The <body> tag defines the main content of the HTML document. • The <head> element is a container for metadata (data about data, such as styles and code scripts) and is placed between the <html> tag and the <body> tag. • The <title> element defines the title of the document.
A simple HTML document <!DOCTYPE HTML> <html> <head> <title> Bobo’s Web Page</title> </head> <body> Bobo’s Web Page is currently under construction. </body> </html>
Practice 1. Create a simple HTML document for the assignment page to be used in Assignment 0. 2. Add your name to the top of the web page. 3. Create a list of hyperlinks to future assignments for this course.
