Creating a Web Page.

Slides:



Advertisements
Similar presentations
HTML popo.
Advertisements

HTML. The World Wide Web Protocols Addresses HTML.
Building a Website: Cascading Style Sheets (CSS) Fall 2013.
Beginning Web Site Creation: Dreamweaver CS4 Noreen Brown XHTML CODING -- TAGS.
Glencoe Digital Communication Tools Create a Web Page with HTML Chapter Contents Lesson 4.1Lesson 4.1 Get Started with HTML (85) Lesson 4.2Lesson 4.2 Format.
HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.
Creating Tables in a Web Site Using an External Style Sheet
Define html document byusing Example : Title of the document The content of the document......
Programming I 2 nd lecture. Block-level and inline elements BlockInline block-level elements generally can contain text, data, inline elements, or other.
HTML Tags Basic Tags Doctype or HTML Head Title Body Use the website to find the definitions
CSCI 1101 Intro to Computers
XP Mohammad Moizuddin Creating Web Pages with HTML Tutorial 1 1 New Perspectives on Creating Web Pages With HTML Tutorial 1: Developing a Basic Web Page.
HTML 4 Foundation Level Course HyperText Markup Language Most common language used in creating Web documents. You can use HTML to create cross-platform.
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.
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.
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,DHTML & Javascript/Session1/1 of 39 Introduction and Basic Tags Session 1 of Using HTML, DHTML & JavaScript.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
INTRODUCTORY Tutorial 1 Using HTML Tags to Create Web Pages.
4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.
Ali Alshowaish. What is HTML? HTML stands for Hyper Text Markup Language Specifically created to make World Wide Web pages Web authoring software language.
Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.
WEB DESIGN AND PROGRAMMING Introduction to XHTML.
Lecture 3 Creating a Web Page with HTML. Objectives §Hypertext Document in WWW p §The HTML language p l Definition l Web browsers and.
HTML HyperText Markup Language ©Richard L. Goldman July 15, 2003.
DYNAMIC HTML What is Dynamic HTML: HTML code that allow you to change/ specify the style of your web pages. Example: specify style sheet, object model.
CS 101 – Dec. 4 HTML Web issues Project examples Reviews on Monday & study day.
Week 2: Building a Simple Website IMC 320 Web Publishing Spring 2011.
Headings are defined with the to tags. defines the largest heading. defines the smallest heading. Note: Browsers automatically add an empty line before.
The Web Wizard’s Guide to HTML Chapter Two Basic Text Formatting.
DESIGNING A WEB PAGE Introducing the… &TAGS.
XP 2 HTML Tutorial 1: Developing a Basic Web Page.
1 Your Web Page title body of Web page main heading H2 heading bulleted list paragraph.
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.
Revision Webpage design HTML.   FACE  Attributes  Marquee  Define the following terms.
NOTEPAD++ Lab 1 1 Riham ALSmari. Why Notepad++ ?  Syntax highlighting  Tabbed document interface  Zooming  Indentation code  Find and replace over.
Blended HTML and CSS Fundamentals 3 rd EDITION Tutorial 1 Using HTML to Create Web Pages.
Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.
What you can see in the picture?
Tutorial 1 – Creating Web Pages With HTML
Introduction to HTML.
Web Basics: HTML/CSS/JavaScript What are they?
HTML Basics.
Creating a Web Page CSC 121.
CGS 3066: Lecture 2 Web Development and HTML5
Elements of HTML Web Design – Sec 3-2
HTML: HyperText Markup Language
Elements of HTML Web Design – Sec 3-2
HTML5 – Heading, Paragraph
Chapter 1: Introduction to XHTML (part 1)
Elements of HTML Web Design – Sec 3-2
Chapter 4 - Introduction to XHTML: Part 1
Elements and Attributes
Tag Basics.
HTML Intro.
Web Engineering Course Code: CSE 417
Marking Up with XHTML Tags describe how a web page should look
CGS 3066: Lecture 2 Web Development and HTML5
Introduction to HTML- Basics
Intro to Web Development HTML Structure
Pertemuan 1b
Tutorial Working with Block-Level Elements
Chapter 16 The World Wide Web.
Creating and Editing a Web Page
Johan Ng and Muhammad Hazzry
Basics of Web Design Chapter 2 HTML Basics Key Concepts
COMS 161 Introduction to Computing
WJEC GCSE Computer Science
Basics of Web Design Chapter 2 HTML Basics Key Concepts
Marking Up with XHTML Tags describe how a web page should look
Presentation transcript:

Creating a Web Page

Tools HTML documents are simply text files only software package needed is a text editor an HTML converter takes text in one format and converts it to HTML code

HTML Syntax HTML document has 2 elements: Tag syntax document content one-sided two-sided Tag syntax <Tag Name Properties> Document content </Tag Name> Example: <H1 ALIGN=CENTER>Title of Document</H1>

HTML Codes entered in Editor <HEAD> <TITLE>The Document by Me</TITLE> </HEAD> <BODY> </BODY> </HTML>

See html1

Creating a Paragraph See html2 HTML formats text through the use of tags ignores things such as blank spaces, blank lines, or tabs Use <P> to begin the paragraph Use </P> to close the paragraph See html3

Creating Lists ordered list (OL) See html4 unordered list (UL) definition list (DL) See html5

Other Tags Logical Character Tags Physical Character Tags EM STRONG CODE KBD VAR CITE any combination Physical Character Tags B I TT BIG SMALL SUB SUP

More Tags blinking text (BLINK) – 2-sided link (A) – 2-sided insert an image (IMG) horizontal rule (HR)