computer information technology – section 3-4. html – the language of the internet objectives:...

10
Internet Exploration: HTML Basics Computer Information Technology – Section 3-4

Upload: anissa-gibbs

Post on 12-Jan-2016

212 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic

Internet Exploration:HTML Basics

Computer Information Technology – Section 3-4

Page 2: Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic

HTML – The Language of the InternetObjectives:

The Student will:1. Look at HTML2. Understand the basic HTML tags3. Create a brief web page

Page 3: Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic

HTMLHTML (hypertext markup language) is the

language that is used to create pages for the web.

You can view the source for a web page by clicking View -> Source

Page 4: Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic

HTML TagsHTML tags guide how the web page looks.There are beginning and ending tags

Page 5: Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic

HTML TagsTag Description<html>…</html> Begin and End an HTML document<head>…</head> The header section of the document, which contains

information about the page. This is not displayed to the user. Contains meta tags.

<title>…</title> Define a document title. This element is required in every HTML document.

<body>…</body> Defines the body section of the document, which contains the content to be displayed on the page.

<center>…</center> Marks text to be centered<p>…</p> Creates a paragraph, perhaps the most common block

level element.

<h1>…</h1> <h2>…</h2>

Section headings at different levels.

<ol>…</ol> and <ul>…</ul>

Creates a list OL is numbered list and UL is a bullet list

<li>…</li> Creates a list item in ordered and unordered lists. <a href="URL"></a> Creates a link to another site

Page 6: Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic

Creating a Web PageOpen Notepad++ and enter this text:

These are Ones

When done save your file as myfirsthtml.html

Page 7: Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic

Creating a Web PageAdd this text:

When done save your file as myfirsthtml.html

These are Ones

Page 8: Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic

Creating a Web Page

Save the file in your My Documents directory as myfirsthtml.html

Open IE ExplorerClick on File -> Open Click on BrowseFind your file and click OpenAnswer OK to the question and you should

see your webpage.

Page 9: Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic

SummaryHTML is the language of the webHTML tags control how pages are displayed.Each HTML tag has a beginning and an

ending tag

Page 10: Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic

Rest of TodayComplete your web page and show me the

results on the screen.Complete the day with Mavis Beacon…