HTML & CSS BasicsHTMLCSSQuizAnswers  The logo In this website(made of html and css Codes), you will learn some basics of How to use HTML and CSS codes.

Slides:

Advertisements

Similar presentations

HTML Basics Customizing your site using the basics of HTML.

Advertisements

HTML.

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

MIS 425 Lecture 2 – HTML Navigation, Colors, tables and Styles Instructor: Martin Neuhard

Anne McGrath 16 th February  Review of what we have learned so far.  Angled brackets surround HTML tags.  The words between the angled brackets.

Designing Websites Using HTML and FrontPage A Typical Webpage View Source A webpage is a text file containing instructions to tell a computer how the.

Web Workshop: CSS Objectives: - “What is CSS?” - Structure of CSS - How to use CSS in your webpage.

Hypertext Markup Language (HTML) Created by Sarah Dooley & Amanda Foster Edited and presented by Caroline Hallam September 9, 2014.

Julien Thibault  HTML is the basic building-blocks of webpages  It is not a language!! (despite its name)  Structure text/media.

1 Computer and IT Assignment 1 Lt Cdr Ravi Saini Centre for Advance Technology INS Valsura.

HTML & CSS A brief introduction. OUTLINE 1.What is HTML? 2.What is CSS? 3.How are they used together? 4.Troubleshooting/Common problems 5.More resources.

Creating A Simple Web Page. Step 1- Open Dreamweaver & Create A New Page (File New) and blank.

HTML Links and Anchors.

Cascading Style Sheet Basics Pepper. Looking at the HTML See the surrounding tags See head, body, paragraph, header See the ending tags See the list.

Chen Raz Requirements: 1. HTML5/CSS3 (I remind you that we have an agreement that you don't charge me extra for this) 2. Do not use the html element 3.

Using HTML to Create a Basic Web Page… By Josh Gallagan.

Creating your Webpage with tables. This is a 2 column by 1 row table!

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

Learning Web Design: Chapter 4. HTML  Hypertext Markup Language (HTML)  Uses tags to tell the browser the start and end of a certain kind of formatting.

HTML CRASH COURSE. What is HTML?  Hyper Text Markup Language  The language used to make web pages  Written by using tags.

HTML CSS JAVASCRIPT. HTML - Stands for Hyper Text Markup Language HTML is a ‘language’ that describes web pages. This language is a collection of codes.

Computing Theory: HTML Year 11. Lesson Objective You will: o Be able to define what HTML is - ALL o Be able to write HTML code to create your own web.

Basic HTML PowerPoint How Hyper Text Markup Language Works

Creating Webpage Using HTML

HTML Codes Miss B.

Cascading Style Sheets Class 2, Lecture 3 Rachel A Ober

HTML Basics Objectives: Objectives: Understand what HTML is Understand what HTML is Know basic HTML tags Know basic HTML tags Understand how to view HTML.

Just the Facts, Maam.  How to create a basic page  How to add a table, picture, link, text and YouTube clip.  How to upload it all.

Planning your site/organization on the Web Please use speaker notes for additional information!

Definition CSS “Short for Cascading Style Sheets, a new feature being added to HTML that gives both Web site developers and users more control over how.

HTML file format  Lesson Objective: Understanding HTML and how it is used to create web pages.  Learning Outcome:  Create a HTML page by interpreting.

WEB DESIGN. warming up WEB DESIGN  Look at the HOMEPAGE OF YAHOO on page 56  Answer the following questions: 1) Why do people create and publish web.

FUNDAMENTALS OF HTML, XHTML & CSS Lesson 4. THE OBJECTIVES -  In this lesson you will begin coding in HTML to provide the structure  You will learn.

 Computer use language to communicate  A web browser will read these tags and translate it into what you actually see  Viewing Code of ESPN WebsiteESPN.

Cascading Style Sheets Creating a Uniform Site. Style Sheets  Style sheets are used for conformity on a web page or web site.  Style sheets eliminate.

Cascading Style Sheets

Quick Questions 1. What does HTML stand for? 2. What are the three main languages of the Web? 3. What is the purpose of the tags? 4. Why do we indent different.

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.

Body and Heading Tags and their Attributes. Attribute Name DefinitionValues backgroundIndicates the background image of the Web page. Ex. Filename(path.

Web Design (12) CSS Introduction. Cascading Style Sheets - Defined CSS is the W3C standard for defining the presentation of documents written in HTML.

Are You Smarter Than a 5 th Grader? 1,000,000 5th Grade HTML 5th Grade Syntax 4th Grade HTML 4th Grade Syntax 3rd Grade HTML 3rd Grade Syntax 2nd Grade.

External Style Sheets Exploring Computer Science – Lesson 3-6.

PATHNAMES LINKS BACKGROUND.  Pathnames in hyperlinks & image tags  Absolute pathnames: for links to web addresses  Relative pathnames: for links to.

Getting Started with HTML. HTML  Hyper Text Markup Language  HTML isn’t a program language, its known as a markup language  A Markup language has tags.

HTML HTML stands for Hyper Text Markup Language. HTML is used in making the base of a Website You can just use an online website maker like weebly.com.

CSS IS A LANGUAGE DESIGNED TO TARGET HTML ELEMENTS AND NODES BY TYPE, CLASS, ID AND VALUE, AND CHANGE THEIR VALUES CSS – change how your HTML looks and.

HTML. Hyper Text Markup Language Markup your text document The markup is the tag Hyper text means you can jump from place to place Programming language.

LT: I can use CSS to decorate a web page. Do Now: Get your storyboard, and log in to winhome. Write our a list of colors you want in your website. (Minimum.

Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.

HTML LAYOUTS. CONTENTS Layouts Example Layout Using Element Example Using Table Example Output Summary Exercise.

A Simple Website using Cascading Style Sheets (CSS) IST2101.

INTRODUCTION ABOUT DIV Most websites have put their content in multiple columns. Multiple columns are created by using or elements. The div element is.

Web Design Unit 5.

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

HTML – The COMPUTING UNLOCKED GUIDE

Concepts of HTML, CSS and Javascript

The Internet and HTML Code

WEB 240 knowledge is divine-- snaptutorial.com. WEB 240 Entire Course For more classes visit WEB 240 Week 1 Individual Website Brainstorm.

Intro to CSS Mr. Singh.

Introduction to Web Page Design

Of HTML, CSS and JavaScript

Intro to Web Development Links

CSS Styles Introduction.

Home page for CIS44..

HTML – The COMPUTING UNLOCKED GUIDE

Creating your first website

The language of the internet

Introduction to Web Application Design

The structure and style of web pages

The language of the internet

Presentation transcript:

HTML & CSS BasicsHTMLCSSQuizAnswers  The logo In this website(made of html and css Codes), you will learn some basics of How to use HTML and CSS codes to Make a simple website

Basics If you don’t know anything about html or css, go to the homepage and start learning Start from HTML then go to css, CSS is similar to HTML If you know a little, click here  INTERMEDIATE and go on from there.INTERMEDIATE If you know a lot, go on to CSS. click here  MASTERMASTER HOME

HTML HTML is the structure of a text web page. All the written stuff uses html. usually This is usually made up of two tags. Basic HTML tags/elements are:  notice the order the tags are in. Every time you use HTML codes, you have to put it in that order. All the other HTML elements that would be displayed on the page will go in body tags. HOME More HTML

More HTML More HTML Back to HTML 1

Last of HTML Here are a list of HTML elements: You don’t have to use all the elements to make a website Back to HTML 2

CSS Stands for Cascading Style Sheet CSS is the design of the webpage HOME More CSS

More CSS More CSS Back to HTML 2

Last of CSS Back to HTML 2

Quiz What tags should I use for Check my answers

Answers If you got 8/10, you are good to go. HOME

download&id=