Learning HTML Presented By: Wayne Helle What Is HTML? Learning Basic Tags... Formating Your Text... Working With Images and Links... Simple Form Boxes..

Slides:

Advertisements

Similar presentations

HTML Basics Customizing your site using the basics of HTML.

Advertisements

Basic Principles for Web Design Source:

Today CSS HTML A project.

Tutorial 6 Creating a Web Form

Excel 2007 ® Business and Personal Finances How can Excel 2007 help you format a workbook?

Basic HTML. Guide to HTML code Not case sensitive Use tag for formatting output: new line, paragraph, text size, color, font type, etc. Can be a single.

ETT 229 Fall 2004 Web Design Basics II. Agenda 11:00-11:05 – Quiz 14 11:05-11:50 – Web Design Lecture 11:50-12:15 – Web Design Practice 2.

Computing Concepts Advanced HTML: Tables and Forms.

There is a certain way that an HTML file should be set up. The HTML section declares a beginning and an ending. Within the HTML, there should be a HEAD.

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.

Creating Web Page Forms

Web Design is a class created to nurture the minds of high school techies, and introduce those without prior knowledge to the field.

HTML Code. What we will cover Basic HTML Body Font Images Hyperlinks Tables Frames.

INTRODUCTION TO WEB DEVELOPMENT AND HTML Lecture 06: Tables - Spring 2011.

HTML Tables and Forms Creating Web Pages with HTML CIS 133 Web Programming Concepts 1.

Introduction to HTML. What is a Web site? A collection of "pages" or files linked together and available on the World Wide Web What do you need to create.

1 The Structure of a Web Table beginning of the table structure first row of three in the table end of the table structure table cells You do not need.

Chapter 9 Collecting Data with Forms. A form on a web page consists of form objects such as text boxes or radio buttons into which users type information.

Unit 4 Lesson 3 HTML Power Techniques Textbook Authors: Knowlton, Barksdale, Turner, & Collings PowerPoint Lecture by Mr. Clausen.

Dreamweaver MX. 2 Creating External Style Sheets-1 (p. 400) n A style is a group of formatting attributes identified by a single name. n An ________ style.

_______________________________________________________________________________________________________________ E-Commerce: Fundamentals and Applications1.

Copyright © Texas Education Agency, All rights reserved. 1 Web Technologies Website Development with Dreamweaver.

CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 1 1.Open FrontPage – View -> Page 2.Open.

Chapter 3 Dreamweaver: Part I The Web Warrior Guide to Web Design Technologies.

Web Technologies Website Development Trade & Industrial Education

HTML II. Factors to consider in designing a website. Organizing your files. HTML Tables. Unordered Lists. Ordered Lists. HTML Forms. Learning Objectives.

10 Adding Interactivity to a Web Site Section 10.1 Define scripting Summarize interactivity design guidelines Identify scripting languages Compare common.

Dr. Nuha El-KhaliliInternet Programming ( ) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C

Website Development with Dreamweaver

McGraw-Hill/Irwin Copyright © 2013 by The McGraw-Hill Companies, Inc. All rights reserved. Extended Learning Module F Building a Web Page with HTML.

Basic HTML Workshop By: Preeda Chunjongkolkul (Pete) Systems Librarian/Webmaster

DHTML AND JAVASCRIPT Genetic Computer School LESSON 2 HTML TAGS G H E F.

CHAPTER 10 Formatting Tables and Forms. Using Tables the Right Way  HTML and XHTML have a LOT of tags dedicated to building a table  If you have only.

Web Design ATBs. ATB #1 List headings and size ATB #2 Define HTML.

Tutorial 7 Creating Forms. Objectives Session 7.1 – Create an HTML form – Insert fields for text – Add labels for form elements – Create radio buttons.

CPG 4331 Class Agenda Word  Getting Started  Editing Documents  Changing Views in Documents  Format Text / Format Documents  Work With Tables  Work.

Tables Module 2: HTML Basics LESSON Extension. Module 2: HTML Basics LESSON Extension Lesson Overview In this lesson, you will learn to:  Create tables.

XHTML 1.1  Derived from Standard Generalized Markup Language (SGML) of ISO  XHTML concerned primary with content rather than presentation and style 

Professor Waterman Cascading Style Sheets (CSS) is a language that works with HTML documents to define the way content is presented. The presentation.

LEARNING HTML PowerPoint #1 Cyrus Saadat, Webmaster.

HTML for ISD Brown Bag Presentation Session 2 What we will cover:  Basics of HTML  How to make your first page  Links  Text formatting.

CITY UNIVERSITY / Vysoká Škola Manažmentu.:MG Information Systems :. © Martina Cesalova, 2005 MS FRONTPAGE 2 1.Create a new document 2.Save as L/bsba/IS330/yourfolder,

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.

IT204 – Web Scripting and Authoring I Forms and Image Maps Unit 4.

Introduction to HTML. _______________________________________________________________________________________________________________ 2 Outline Key issues.

HTML FORMS The TEXT Object Presented By: Ankit Gupta.

Spiderman ©Marvel Comics Creating Web Pages (part 1)

HTML Forms. A form is simply an area that can contain form fields. Form fields are objects that allow the visitor to enter information - for example text.

1 Preparation for site Create a folder in MyDocuments: beavercheese. Create a subfolder, images Classes, career, DW beginner Download.

CS 100 Introduction to Web Page Construction and HTML.

HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.

Learning Aim C.  Creating web pages involves many considerations.  In this section we will look at the different software tools you can use and how.

1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.

Tutorial 6 Creating a Web Form

1 Foundation of HTML Web Page Design. 2 Safe Web Fonts: Used by most computers regardless of environment or platform  Times New Roman  Arial  Courier.

1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.

Week-11 (Lecture-1) Introduction to HTML programming: A web based markup language for web. Ex.

XP 1 HTML Committed to Shaping the Next Generation of IT Experts. 02: Enhancing the Web Page.

Working with Cascading Style Sheets

4.01 Cascading Style Sheets

The Internet and HTML Code

Cascading Style Sheets (Layout)

Section 10.1 YOU WILL LEARN TO… Define scripting

Introduction to web design discussing which languages is used for website designing

Unit I: Collecting Data with Forms

Essentials of HTML.

If You Know Nothing About HTML, This is Where You Start.

Computer communications

4.01 Cascading Style Sheets

Presentation transcript:

Learning HTML Presented By: Wayne Helle What Is HTML? Learning Basic Tags... Formating Your Text... Working With Images and Links... Simple Form Boxes.. Beyond HTML...

H T M L yper ext arkup anguage What Is HTML?  The authoring language used to create documents on the World Wide Web.

Learning Basic Tags...  Learning Basic Tags  In this Tag, you will place your entire Website Content.

Formating Your Text Text Creates the largest headline Creates the smallest headline Creates bold text Creates italic text More Text Sets size of font, from 1 to 7 Sets font color, using name or hex value Emphasizes a word

Working With Images & Links... Adding A Link: Creates a hyperlink Creates an link Images: Adds an image Aligns an image: left, right, center; bottom, top, middle Sets size of border around an image

Simple Form Boxes.. Forms For functional forms, you'll have to run a CGI script. The HTML just creates the appearance of a form. Creates a text box area. Columns set the width; rows set the height. Creates a checkbox. Text follows tag. More Form Tags Creates a radio button. Text follows tag Creates a one-line text area. Size sets length, in characters. Creates a Submit button Creates a Reset button

Beyond HTML... Within HTML, You can add other programming languages. Below are a list of a few other programming languages which can be used within your HTML page. CSS (Cascading Style Sheet) Flash Java and/or Java Script PHP DHTML (DynamicHTML) ASP(Active Server Page)

Questions? Visit BEC Site Click on Computer Guide Click on HTML Tutorial Click on Start HTML Quiz