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

Slides:



Advertisements
Similar presentations
Basic HTML Workshop LIS Web Team Spring 2007.
Advertisements

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.
HTML and CSS. HTML Hyper Text Markup Language Tells browser how to display text and images.
Hyper Text Markup Language.  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
Made by: Dan Ye. Introduction Basic Last Page ☆ HTML stands for Hyper Text Markup Language; ☆ HTML is not a programming language, it is a markup language;
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
Basics of HTML.
© 2012 Adobe Systems Incorporated. All Rights Reserved. LEARNING THE LANGUAGE OF THE WEB INTRODUCTION TO HTML AND CSS.
CGS3066: Web Programming and Design Summer 2014 Instructor Mir Anamul Hasan.
Styling and theming Build campaigns in style. What we'll look at... How a web document is structured How HTML and CSS fit together Tools you will need.
HTML. WHAT IS HTML HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup language A markup language is a set of.
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.
Basic HTML PowerPoint How Hyper Text Markup Language Works
 cascade Style Sheets (CSS) is a mark-up language that was first proposed in 1994 by Håkon Wium Lie. CSS works in conjunction with HTML to greatly increase.
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. How do web pages work? Webpages are written in a code called HTML. Programs like Internet Explorer read the code, and then show it as a web.
Cascading Style Sheets
HTML Basic. What is HTML HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it.
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.
Introduction to HTML Year 8. What is HTML O Hyper Text Mark-up Language O The language that all the elements of a web page are written in. O It describes.
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.
University of South Asia Course Name: Web Application Prepared By: Md Rezaul Huda Reza
Notes Test #2 will be held one week from this Thursday Check to see if you have a Vision account –Launch Netscape –Point & Click to location and type vision.
CPSC 203 Introduction to Computers Lab 23 By Jie Gao.
HTML Basic Structure. Page Title My First Heading My first paragraph.
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.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
WEB DESIGN Presentated By Amit Kapri Contact No
HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.
Source of website: “Text/css rel=“styles heet” This is an external style sheet link. This means that the.
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.
Week 1: Introduction to HTML and Web Design
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Pertemuan 1 Desain web Pertemuan 1
Week-12 (Lecture-1) Cascading Style Sheets (CSS): describe how documents are presented on screens. Types of Style Sheets: External Style Sheet - Define.
HTML – The COMPUTING UNLOCKED GUIDE
HTML basics
Concepts of HTML, CSS and Javascript
INTRODUCTION TO HTML AND CSS
Basic HTML PowerPoint How Hyper Text Markup Language Works
The Internet and HTML Code
Intro to CSS CS 1150 Fall 2016.
Introduction to web design discussing which languages is used for website designing
Intro to CSS CS 1150 Spring 2017.
Basic HTML PowerPoint How Hyper Text Markup Language Works
Digital Design – Copyright Law
Introduction to Web Page Design
Basic HTML and Embed Codes
HTML 12/27/2018.
INTRODUCTION TO HTML AND CSS
Introduction to HTML5.
Internet Technologies I - Lect.01 - Waleed Ibrahim Osman
Pertemuan 1b
Unit 4 Test CSS Test.
HTML What is Html? HTML stands for Hypertext Markup Language.
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
HTML / CSS Mai Moustafa Senior Web Designer eSpace eSpace.
Computer communications
HTML – The COMPUTING UNLOCKED GUIDE
Pertemuan 1 Desain web Pertemuan 1
HTML and CSS Basics.
Johan Ng and Muhammad Hazzry
Creating your website and learning HTML
Web Programming and Design
Week 5: Recap and Portfolio Site
Web Programming and Design
Web Programming and Design
HTTP and HTML HTML HTTP HTTP – Standardize the packaging
© 2017, Mike Murach & Associates, Inc.
Presentation transcript:

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

HTML – Hyper Text Markup Language Not a programming language Simply tells your browser what content to display Made up of several different Tags

Example HTML Code & Result

Essential HTML Tags <html> </html> HTML declaration <head> </head> Document header <body> </body> Page Content <h1> Important! </h1> Level 1 header (largest text) <p> Hello! </p> Paragraph <a href=“www.link.com”> <a> Link <img src=“source.jpg”> </img> Image

CSS – Cascading Style Sheets Markup language Describes how HTML elements (tags + content) are displayed External files that HTML will reference

See for yourself! http://www.w3schools.com/css/css_intro.asp

JavaScript – Program the internet! The internet’s programming language Allows for web interactivity

What JavaScript looks like: