This shows CIS17 and the first day introduction..

Slides:



Advertisements
Similar presentations
Introduction to HTML
Advertisements

Html: getting started HTML is hyper text markup language. It is what web browsers look at on the Internet. HTML documents should be created in a simple.
A guide to HTML. Slide 1 HTML: Hypertext Markup Language Pull down View, then Source, to see the HTML code. Slide 1.
Anne McGrath 16 th February  Review of what we have learned so far.  Angled brackets surround HTML tags.  The words between the angled brackets.
Introduction to HTML Lists, Images, and Links. Before We Begin Save another file in Notepad Save another file in Notepad Open your HTML, then do File>Save.
Web Page Development Identify elements of a Web Page Start Notepad
COMP101 – Exploring Multimedia and Internet Computing LA2 (Thu 14:00 – 16:50) TA: Jackie Lo.
HTML Basics An Introduction to HTML. What is HTML? Stands for “Hyper Text Markup Language” Composed of “tags” which are surrounded by sideways triangles.
How can basic HTML sites be improved?. The Difference Between Hyper Text Markup Language Is a markup language for describing web pages Is used to create.
Tags through Forms. This element is required for all HTML pages It must be at the top of every page of every website We’ll see later on why it is important.
 Definition of HTML Definition of HTML  Tags in HTML Tags in HTML  Creation of HTML document Creation of HTML document  Structure of HTML Structure.
Web Design Using HTML Codes. WHAT DO I NEED TO BEGIN DESIGNING A HOME PAGE? 1.YOU NEED A FOLDER (also called a DIRECTORY) You should set up a folder or.
Today’s Topic Language of web page - HTML (Hypertext Markup Language)
Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.
Tutorial 1 Developing a Basic Web Page. New Perspectives on HTML, XHTML, and XML, Comprehensive, 3rd Edition Objectives – Lesson 1 Introduction to the.
HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.
Getting Started with HTML Please use speaker notes for additional information!
Introduction to HTML. What is a HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup tags  The.
Getting Started with HTML Please use speaker notes for additional information!
15.1 Fundamentals of HTML.
HTML Hyper Text Markup Language. What is an HTML File?  HTML stands for Hyper Text Markup Language  An HTML file is a text file containing small markup.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
HTML I An Introduction to the Language of the Web Terry Bake
All you ever needed to know…and more!. H.T.M.L. HyperText Mark-up Language Web’s programming language All web browsers Set of instructions Written with.
Computer Information Technology – Section 3-4. HTML – The Language of the Internet Objectives: The Student will: 1. Look at HTML 2. Understand the basic.
Introduction to HTML. Slide 1 Hard-Coding What is hard-coding? –Creating the page in a text editor just using HTML A Web designer should know how to hard-
HTML Codes Miss B.
Enhancing Your Web Site—Adding Links Web Page **YOU MUST HAVE COMPLETED THE 1ST 3 WEB PAGES BEFORE YOU CAN DO THIS ONE. **YOU SHOULD HAVE COMPLETED THE.
Introduction to HTML Wah Yan College (Hong Kong) Mr. Li C.P.
CPSC 203 Introduction to Computers Lab 33 By Jie Gao.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
HTML HTML: Hypertext Markup Language. The basic language of the World Wide Web. Developed around 1991 at the CERN lab on the French-Swiss border by Tim.
15.1 Fundamentals of HTML DeKalb County School System.
Lesson 3: Organizing your material  Create a numbered or unordered (bulleted) list  Unordered list tag is to begin and to indicate the beginning and.
CPSC 203 Introduction to Computers Lab 66 By Jie Gao.
HTML GUIDE Press F5 and then Click on the links on the left to get to the section you want Section 1: Getting Started Section 2: Moving Banner Section.
HTML and JavaScript Basics Unit One Lesson One Quick HTML Know-How Introducing basic HTML structure and building your first basic web page.
15.1 Fundamentals of HTML 2 assignments: 1st—complete the worksheet. 2nd—create your first HTML web page following the directions in this PowerPoint where.
A New Page to Add-On Your Multimedia Page. Creating a New Page Open up a new Windows Notepad Click File > Save As > My Computer > “your flash drive” Name.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
Your HTML website creating your first html file. Creating an HTML FIle Open note pad from accessories, programs. Write code. Save and view. In 3 Steps.
HTML Review * is used as a reference for most of the notes in this powerpoint.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
HTML NOTES October 6, Starting a document and saving  Always use notepad  Use _ for spaces otherwise it won’t work  When saving make sure you.
Introduction lab1. Suzanne J. Sultan 2 What is HTML? The definition of HTML is Hyper Text Markup Language. HTML is a computer language devised to allow.
Intro to HTML.  Hypertext markup language (HTML) is a way of telling web browsers how to display a page  You can type them by hand in a word processing.
Click on CIS120/17 to go to website for course. The week of will tell you what is planned for the week and what has been assigned.
Project 02 Creating and Editing a Web Page Concept Map of Unit Creating and Editing a Web Page Key Learning Understand the elements to create a web page.
Web Page Design XHTML Lesson 4. Adding Structure 4 A div tag –Used to divide up a web page and to add structural meaning to the page. –Will not change.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
HTML is the language that allows text and graphics to be displayed as Web pages. It is a set of special codes, called tags, that tells a browser application.
Revised June 2008 Online PD Basic HTML1 Let’s Try It!  Open Notepad oStart > All Programs > Accessories > Notepad oDon’t get WordPad by mistake – won’t.
Computer Basics Introduction CIS 109 Columbia College.
What you can see in the picture?
Getting Started – Basic Page Structure
Online PD Basic HTML The Magic Of Web Pages
HTML Basics.
Introduction to basic HTML
Uppingham Community College
HTML Lesson 2.
A guide to HTML.
My web site..
Working with HTML These are the examples you need to go over. Click on the name like HTML5intro.html and it will bring up the page. If you right click.
HTML HYPERTEXT MARKUP LANGUAGE.
Enhancing Your Web Site—Adding Links Web Page
HTML Structure.
Creating your first website
Creating your first website
15.1 Fundamentals of HTML 2 assignments: 1—complete the worksheet
For the CIS17 course..
Presentation transcript:

This shows CIS17 and the first day introduction.

We are starting to learn html. The html shown here is a tag because it is enclosed in. The end tag also has the /. See examples on the next few pages.

Note that these examples are from my web site. There are a series of examples for HTML. To see the code for a page go to view source. If you want to create a new web page, create it using notepad.

Note the open and close tags. The head tells about the page and gives the title that appears at the top. The body is where you put things you want to appear on the body.

When I save the page, I save it with an html extension (note you can also use htm). Be sure that save as type is set to all files.

I saved this code on the T drive as HTMLintro.html. Now I am starting to open it. When I open it, you will see the T: address in the browser window. On this slide you are still seeing the page from my site.

This is the second example using for ordered list which gets the 1,2,3 and for unordered list which gets the bullets. The list items in each list are done using. Note that I close all of the tags in the list. or just means break to the next line.