Concepts of HTML, CSS and Javascript

Slides:



Advertisements
Similar presentations
Introduction to HTML & CSS
Advertisements

Making Things Look Nice: Visual Appearance and CSS CMPT 281.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
Understanding HTML Style Sheets. What is a style?  A style is a rule that defines the appearance and position of text and graphics. It may define the.
Basics of HTML.
 ult.htm ult.htm  This website illustrates the use of CCS (style sheets)
 This presentation introduces the following: › 3 types of CSS › CSS syntax › CSS comments › CSS and color › The box model.
Working with Cascading Style Sheets (CSS) Module 2: HTML Basics LESSON 5.
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.
 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.
HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.
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.
Basic HTML Page 1. First Open Windows Notepad to type your HTML code 2.
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…
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.
WEB FOUNDATIONS CSS Overview. Outline  What is CSS  What does it do  Where are styles stored  Why use them  What is the cascade effect  CSS Syntax.
HTML Structure & syntax
Week 1: Introduction to HTML and Web Design
HTML Structure & syntax
Pertemuan 1 Desain web Pertemuan 1
INTRO TO WEB DEVELOPMENT html
CSS Nick Sims.
Introduction to HTML.
Web Basics: HTML/CSS/JavaScript What are they?
HTML – The COMPUTING UNLOCKED GUIDE
Getting Started with CSS
Internet Exploration: HTML Basics
4.01 Cascading Style Sheets
>> Introduction to CSS
INTRODUCTION TO HTML AND CSS
Madam Hazwani binti Rahmat
Key concepts of Computing
The Internet and HTML Code
Cascading Style Sheets (CSS)
Introduction to Web programming
S.Y.B.M.M. LECTURE SERIES - PART 2
Internet Exploration: HTML Basics
Introduction to web design discussing which languages is used for website designing
Filezilla problems continuing
Website Design 3
Cascading Style Sheets - Building a stylesheet
Digital Design – Copyright Law
Intro to CSS Mr. Singh.
Introduction to Web Page Design
Of HTML, CSS and JavaScript
HTML HYPERTEXT MARKUP LANGUAGE.
Basic HTML and Embed Codes
HTML 12/27/2018.
What is HTML anyway? HTML stands for HyperText Markup Language. Developed by scientist Tim Berners-Lee in 1990, HTML is the "hidden" code that helps us.
INTRODUCTION TO HTML AND CSS
Training & Development
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Computer communications
Basic HTML Workshop.
HTML – The COMPUTING UNLOCKED GUIDE
HTML & CSS 7 Languages in 7 Days.
Pertemuan 1 Desain web Pertemuan 1
HTML and CSS Basics.
Introduction to Web Application Design
Cascading Style Sheets - Building a stylesheet
4.01 Cascading Style Sheets
HTML Structure & syntax
Web Programming and Design
Web Programming and Design
Week 5: Recap and Portfolio Site
Web Programming and Design
Web Programming and Design
Web Programming and Design
Presentation transcript:

Concepts of HTML, CSS and Javascript By Akinola Soyinka

HTML HTML stands for Hyper Text Mark Up Language, and is a language commonly used to build web pages. It is not a programming language. Its file extension is .html or .htm. It ‘marks up’ certain text and images by using tags. Each tag comes in a pair(<h1></h1> or <input></input> for example). Inside each tag, text can be written. The type of tag determine what the text will look like The most important tag is the HTML tag (it determines if the code is HTML or not) for example <!DOCTYPE html> http://www.w3schools.com/html/html_intro.asp

HTML In HTML the html tags (<html></html>) provide a description of what the html document will be. The title tags (<title></title>) give a title for the argument Web browsers use tags in html documents to help determine what will be displayed to the user and how it will be displayed with the help of CSS Content inside of the body tags (<body></body>) will be displayed to the user in the browser http://www.w3schools.com/html/html_intro.asp

CSS CSS stands for Cascading Style Sheets. CSS helps to describe how code in HTML should be displayed. For example it determines what the font, size, and colour the text displayed will be. It can help to save a lot of time as various webpages can be designed all at once using just one CSS file. The file extension of CSS is .css. http://www.w3schools.com/css/css_intro.asp

CSS There are various ways that CSS can be used to design web pages. This can range from designing one line to designing a whole page(internal) and then to designing multiple pages(external). In order for CSS to work there needs to be two parts in the syntax. The first part is the selector (h1,h2,p). This chooses the specific part of the document that is going to be styled. The second part is the declaration block({colour: red;}). This determines how the part of the document(selected by the selector) will be styled. http://www.w3schools.com/css/css_whereto.asp

Javascript Javascript is a programming language that can be used to change a HTML Document. It can do this by causing content to disappear or by replacing one image with another image. Also it can cause style of an HTML element to change. All of this can happen with one click of one button. Javascript can be placed inside body tags(<body></body>) or inside head tags (<head></head>) . Javascript can also be found in external files that are then later applied to a HTML document. http://www.w3schools.com/jscript/jscript_intro.asp

Javascript Javascript uses an id variable to make it easier for code to be changed and manipulated. There is an option to assign an ID to a certain piece of HTML code. This ID will probably be a name. Then, when that piece of HTML code needs to be manipulated, the ID that has been assigned to that piece of code can be used by a certain javascript function. Javascript can also change CSS styles, such as font and colour. Therefore the Javascript can be likened to a pivot that can change what is displayed based on certain actions http://www.w3schools.com/jscript/jscript_intro.asp