Form Tag How to use Form Tag Something NEW ? PARAMETER Attribute NAME Specifies the name for a form To specify which form to submit with JavaScript, this.

Slides:

Advertisements

Similar presentations

Intro to HTML. HTML HTML = HyperText Markup Language Used to define the content of a webpage HTML is made up of tags and attributes Content.

Advertisements

CSS-Formatting Review Cascading Style Sheets addstyle to your HTML web pages.

Web Pages Week 10 This week: CSS Next week: CSS – Part 2.

CSS The basics { }. CSS Cascading Style Sheets - language used to – describe html appearance & formatting Style Sheet - file that describes – how html.

Today CSS HTML A project.

HTML Overview - Cascading Style Sheets (CSS). Before We Begin Make a copy of one of your HTML file you have previously created Make a copy of one of your.

Presenter: James Huang Date: Sept. 26,  Introduction  Basics  Lists  Links  Forms  CSS 2.

Part 2 Introduction to CSS. CSS Syntax – class selector 1 With the class selector you can define different styles for the same type of HTML element. You.

Making Things Look Nice: Visual Appearance and CSS CMPT 281.

CNIT 133 Interactive Web Pags – JavaScript and AJAX Review CSS.

CSS normally control the html elements. Three Ways to Insert CSS There are three ways of inserting a style sheet: External style sheet Internal style.

Cascading Style Sheets Understanding styles. The term cascading describe the capability of a local style to override a general style. CSS applies style.

XP Introducing Cascading Style Sheets With Cascading Style Sheets (CSS), you can create one or more documents that control the appearance of some or all.

Cascading Style Sheets. Slide 2 Lecture Overview Overview of Cascading Style Sheets (CSS) Ways to declare a CSS CSS formatting capabilities New features.

CSS Basics LIS Webteam April 8, Why CSS? What’s wrong with HTML? Structure vs Style Early web design used hacks to style webpages with HTML – like.

4.01 Cascading Style Sheets

CM143 Week 4 Introducing CSS. Cascading Style Sheets A definition for the style in which an element of the webpage will be displayed Border width, colour,

Pre-Module CSS BTM 395: Internet Programming. Cascading Style Sheets (CSS) Separation of structure from presentation CSS guide and tutorial –

Cascading Style Sheets (CSS) Instructor: Mr. Ahmed Al Astal ITGD4104 Department Requirement for senior student University of Palestine Faculty of IT.

Chapter 4 Cascading Style Sheets Basics Key Concepts Copyright © 2013 Terry Ann Morris, Ed.D 1.

Cascading Style Sheets Dreamweaver. Styles Determine how the HTML code will display Determine how the HTML code will display Gives designers much more.

CSS Style Rules Guang Tong, Zhan L;lo’p[ Css Style Rule Guang Tong Zhan Three ways to insert CSS 1 External style sheet 2 Internal style sheet 3 Inline.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 Chapter 3 Key Concepts 1 Copyright © Terry Felke-Morris.

CSS Cascading Style Sheets By Garrett Garman. CSS Why use Style Sheets? Separates Appearance and Structure Modularity Quick and Easy changes Flexibility.

Cascading Style Sheets CSS.  Standard defined by the W3C  CSS1 (released 1996) 50 properties  CSS2 (released 1998) 150 properties (positioning)  CSS3.

INTERNAL CSS Casey Ames Different types of CSS There are three different types of CSS: ◦ External CSS ◦ Internal CSS ◦ Inline CSS In this presentation.

Cascading Style Sheets. Defines the presentation of one or more web pages Similar to a template Can control the appearance of an entire web site giving.

Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 3 Key Concepts 1 Copyright © Terry Felke-Morris.

I NTRO TO CSS IAT100 Spring I NTRO TO CSS Covered in this lesson: Overview What is CSS? Why to use CSS? CSS for Skinning your Website Structure.

Today’s objectives  Review  CSS | Rules | Declarations  HTML Structure document  Class asignment.

 This presentation introduces the following: › 3 types of CSS › CSS syntax › CSS comments › CSS and color › The box model.

Css. Definition Cascading style sheet (CSS) Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents.

CSS CSS is short for C ascading S tyle S heets. It is a new web page layout method that has been added to HTML to give web developers more control over.

WRT235: Writing in Electronic Environments Basic CSS.

IS 360 Declaring CSS Styles. Slide 2 Introduction Learn about the three ways to declare a style Inline / embedded / external Learn about the effect of.

© 2011 Delmar, Cengage Learning Chapter 8 Using Styles and Design Style Sheets for Design.

Cascading Style Sheets Part 1. CSS vs HTML HTML: Originally intended to markup structure of a document (,...,,,,,...) CSS Developing technology, CSS1,

CS134 Web Design & Development Cascading Style Sheets (CSS) Mehmud Abliz.

Introduction to Cascading Style-sheets (CSS) Basharat Mahm ood, Department of Computer Science, CIIT,Islamabad, Pakistan 1.

Cascading Style Sheets Dreamweaver. Styles Determine how the HTML code will display Determine how the HTML code will display Gives designers much more.

Building Optimised Web Sites with CSS Folkert Klemme.

Cascading Style Sheets Level 2. Course Objectives, Session 1 Level 1 Quick Review Chapter 8: Adding Graphics to Web Pages Chapter 9: Sprucing Up Your.

Cascading Style Sheets

Cascading Style Sheets CSS.  Standard defined by the W3C  CSS1 (released 1996) 50 properties  CSS2 (released 1998) 150 properties (positioning)  CSS3.

Lesson 15: Cascading Style Sheets. Objectives Identify ways to apply Web page formatting with Cascading Style Sheets (CSS1 and CSS2) using various methods.

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.

CSS Cascading Style Sheets A very brief introduction CSS, Cascading Style Sheets1.

Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring

NASRULLAHIBA.  It is time to take your web designing skills to the next level with Cascading Style Sheets (CSS). They are a way to control the look and.

Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.

What is CSS? A set of style rules that tell the web browser how to present a web page or document. – In earlier versions of HTML, style characteristics,

1 Cascading Style Sheet (CSS). 2 Cascading Style Sheets (CSS)  a style defines the appearance of a document element. o E.g., font size, font color etc…

CM143- WEB CM143-WEB Page Layout live sites HTML Images User Considerations Planning Navigation CSS Architecture File Management Cascading Style Sheets.

CASCADING STYLE SHEET CSS. CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to solve a problem.

Cascading Style Sheets Using HTML. What are they? A set of style rules that tell the web browser how to present a web page or document. In earlier versions.

CSS Introductions. Objectives To take control of the appearance of a Web site by creating style sheets. To use a style sheet to give all the pages of.

Internet & World Wide Web How to Program, 5/e 1. 2.

Web Basics: HTML/CSS/JavaScript What are they?

Getting Started with CSS

>> Introduction to CSS

IS 360 Declaring CSS Styles

>> CSS Rules Selection

Website Design 3

CS134 Web Design & Development

Cascading Style Sheets

Web Design & Development

Presentation transcript:

Form Tag How to use Form Tag Something NEW ? PARAMETER Attribute NAME Specifies the name for a form To specify which form to submit with JavaScript, this name attribute should be used.

Form Tag How to use Form Tag Something NEW ? PARAMETER Attribute TARGET Deprecated Specifies where to open the action URL value : _blank, _self, _parent, _top, framename

Form Tag How to use Form Tag Something NEW ? PARAMETER Attribute ACTION Specifies where to send the form-data when a form is submitted value : URL

Form Tag How to use Form Tag Something NEW ? PARAMETER Attribute METHOD Specifies how to send form-data value : get / post get : based on URL. ex) post : included in HTTP header. ex)

HTML & CSS SPARCS 11 SunGuard WHAT ? WHY ? HOW ? Date Basic of Basic

WHAT is the CSS ? The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS CSS format file

WHAT is the CSS ? The Concept of the CSS CSS (Cascading Style Sheets) HTML & CSS HTML + CSS + JavaScript = Web Page StructureStyle Sheet CSS

WHY we use the CSS The Reason of the CSS HTML & CSS Flexibility file01.html file03.html file02.html file04.html file06.html file05.html for-all.css for-56.css for-34.css file01.css file03.css file02.css file04.css file06.css file05.css

WHY we use the CSS The Reason of the CSS HTML & CSS Flexibility By changing CSS, we can Change the layout Design. EASILY.

WHY we use the CSS The Reason of the CSS HTML & CSS Rendering By separating the HTML & the CSS,

WHY we use the CSS The Reason of the CSS HTML & CSS Rendering By separating the HTML & the CSS, makes SHORTER CODE

HOW to use the CSS The Way of using the CSS HTML & CSS HOW TO use the CSS with HTML Inline Style Sheet Embedded Style Sheet ( Internal Style Sheet ) External Style Sheet ( Linking Style Sheet )

HOW to use the CSS The Way of using the CSS HTML & CSS HOW TO use the CSS with HTML Inline Style Sheet

HOW to use the CSS The Way of using the CSS HTML & CSS HOW TO use the CSS with HTML Embedded ( Internal ) Style Sheet

HOW to use the CSS The Way of using the CSS HTML & CSS HOW TO use the CSS with HTML External ( Linking ) Style Sheet

HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax h1 { color: blue; font-size: 12px; } Selector

HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax Declaration for color h1 { color: blue; font-size: 12px; } Declaration for font-size

HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax (Color) Property h1 { color: blue; font-size: 12px; } (Font-Size) Property

h1 { color: blue; font-size: 12px; } HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax Value for Color Property for Font-Size

HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax h1 { color: blue; font-size: 12px; }  Selector Universal selectors Type selectors Descendant selectors Child selectors Adjacent sibling selectors Attribute selectors ID selectors Class selectors Element selectors

HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax ID selectors #Id { declaration(s) } example

HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax Class selectors.Class { declaration(s) } example

HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax Element selectors Element { declaration(s) } example

HOW to use the CSS The Way of using the CSS HTML & CSS CSS Syntax

Next Time What we do next time HTML & CSS We will learn... How to Stylize HTML