Command Innovative Technologies HTML (Hyper Tax Markup Language AND CSS(Cascading Style Sheet) 1.

Slides:



Advertisements
Similar presentations
Farhan Nisar University of Peshawar
Advertisements

Introduction to HTML
HTML Introduction CS 1020 – Lego Robot Design. Building Websites HTML (HyperText Markup Language)  The dominate language of the internet  Describes.
HTML popo.
Introduction to HTML & CSS
Learning HTML. > Title of page This is my first homepage. Tells Browser This is an HTML page Basic Tags Tells Browser End of HTML page Header information.
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
CSS Cascading Style Sheets. Objectives Using Inline Styles Working with Selectors Using Embedded Styles Using an External Style Sheet Applying a Style.
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 External Style.
Ideas to Layout Beginning web layout using Cascading Style Sheets (CSS). Basic ideas, practices, tools and resources for designing a tableless web site.
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,
WeB application development
Teppo Räisänen LIIKE/OAMK 2010
Presenter: James Huang Date: Sept. 26,  Introduction  Basics  Lists  Links  Forms  CSS 2.
ASHIMA KALRA.  WHAT IS HTML WHAT IS HTML  HTML TAGS HTML TAGS  FORMATTING TAGS FORMATTING TAGS.
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.
กระบวนวิชา CSS. What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements Styles were added to HTML 4.0 to.
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;
Intro to HTML Workshop. Welcome This slideshow presentation is designed to introduce you to the basics of HTML. It is the first of three HTML workshops.
Computer Sciences Department
Review HTML  What is HTML?  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language,
Basics of HTML.
_ HTML, XHTML & CSS Sami Niemelä | Module 1: Introduction to digital media: Day 02.
SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web  HTML is composed of tags. HTML tags.
CP2022 Multimedia Internet Communication1 HTML and Hypertext The workings of the web Lecture 7.
>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.
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.
SEG3210 DHTML Tutorial. DHTML DHTML is a combination of technologies used to create dynamic and interactive Web sites. –HTML - For creating text and image.
ITCS373: Internet Technology Week 3: Introduction to CSS Dr. Faisal Al-Qaed.
 This presentation introduces the following: › 3 types of CSS › CSS syntax › CSS comments › CSS and color › The box model.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
Introduction to HTML. What is HTML? Hyper Text Markup Language (HTML) is a language for describing web pages. HTML is not a programming language, it is.
CSS Basic (cascading style sheets)
Just Enough HTML How to Create Basic HTML Documents.
HTML INTRODUCTION. What is HTML?  HTML stands for Hypertext Markup Language  Developed in 1990  Hidden code that helps us communicate with others on.
INTRODUCTION. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language,
MySQL and PHP Review CSS. Cascading Style Sheet (CSS) Style sheets are files or forms that describe the layout and appearance of a document. Cascading.
Cascade Style Sheet Introduction. What is CSS?  CSS stands for Cascading Style Sheets  Styles define how to display HTML elements  Styles were added.
Web Design and Development for Business Lecture 4 Cascading Style Sheet (CSS)
Introduction to HTML Xiangming Mu 9/23/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.
DIV, Span, CSS.
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.
HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.
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.
Cascading Style Sheets CSS. Source W3Schools
CSE 409 – Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.
HTML (Hyper Text Markup Language) Lecture II. Review Writing HTML files for web pages – efficient compact – fundamental. Text files with htm extension.
©SoftMoore ConsultingSlide 1 Introduction to HTML: Basic Document Structure.
CSS Cascading Style Sheets A very brief introduction CSS, Cascading Style Sheets1.
Introduction to HTML UWWD. Agenda What do you need? What do you need? What are HTML, CSS, and tags? What are HTML, CSS, and tags? html, head, and body.
WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.
CHAPTER TWO HTML TAGS. 1.Basic HTML Tags 1.1 HTML: Hypertext Markup Language  HTML stands for Hypertext Markup Language.  It is the markup language.
HTML-I Basic HTML Elements. HTML (Hyper Text Markup Language) HTML is a document layout and hyperlink- specification language. i.e. a language used to.
Introduction lab1. Suzanne J. Sultan 2 What is HTML? The definition of HTML is Hyper Text Markup Language. HTML is a computer language devised to allow.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
Company LOGO In the Name of Allah,The Most Gracious, The Most Merciful King Khalid University College of Computer and Information System Web pages Development.
Tutorial #1 Using HTML to Create Web Pages. HTML, XHTML, and CSS HTML – HyperText Markup Language The tags the browser uses to define the content of the.
1 Introduction to HTML. 2 Definitions  W W W – World Wide Web.  HTML – HyperText Markup Language – The Language of Web Pages on the World Wide Web.
WEB DESIGN Presentated By Amit Kapri Contact No
Css lectures. What is 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 Basics: HTML/CSS/JavaScript What are they?
Mansoor Ahmed Bughio.
Introduction to XHTML.
What are Cascading Stylesheets (CSS)?
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Pertemuan 1 Desain web Pertemuan 1
Presentation transcript:

Command Innovative Technologies HTML (Hyper Tax Markup Language AND CSS(Cascading Style Sheet) 1

Command Innovative Technologies Introduction of HTML Short for Hyper Text Markup Language, the authoring language used to create documents on the World Wide Web. languagedocumentsWorld Wide Web Hyper Text is the method by which you move around on the web — by clicking on special text called hyperlinks which bring you to the next page. The fact that it is hyper just means it is not linear — i.e. you can go to any place on the Internet whenever you want by clicking on links — there is no set order to do things in. Markup is what HTML tags do to the text inside them. They mark it as a certain type of text (italicised text, bold text for example). 2

Command Innovative Technologies What is HTML Tags ? HTML markup tags are usually called HTML tags HTML tags are keywords surrounded by angle brackets like HTML tags normally come in pairs like and The first tag in a pair is the start tag, the second tag is the end tag Start and end tags are also called opening tags and closing tags 3

Command Innovative Technologies Attribute Example HTML links are defined with the tag. The link address is specified in the href attribute: This is a link 4

Command Innovative Technologies Your First HTML Example First Program 5

Command Innovative Technologies Explanation Tag : The root element that specifies that the content of the document is HTML. The html element must contain the head and the body elements. Tag : The header of an HTML document where information about the document is placed. You must use the title element within the head element and meta, style, script, link can also be used.metastylescriptlink 6

Command Innovative Technologies Continue Tag : The main body of an HTML document where all of the content is placed. You must use this element and it should be used just once. It must start immediately after the closing head tag and end directly before the closing html tag.head taghtml tag Tag : Defines the title of a page. You must have a title element to produce a valid document and it must be placed within the head element.head element 7

Command Innovative Technologies Html body Tag Attributes alink - Use styles instead. Specifies the color of an active link in a document background - Use styles instead. Specifies a background image for a document bgcolor - Specifies the background color of a document link - Specifies the default color of unvisited links in a document text - Specifies the color of the text in a document vlink - Specifies the color of the visited links in a document 8

Command Innovative Technologies Example H1 To H6 Example VaaYaaEdutech.com 9

Command Innovative Technologies Tag 10 Use for to subscript the value. Example Subscript example VaaYaa Edu.com

Command Innovative Technologies Out put 11

Command Innovative Technologies Tag Use for to supperscript the value. Example Supperscript example H 2 12

Command Innovative Technologies Tag A line break. The tag is an empty tag which means that it has no end tag. Example pre tag My name is xyz and I am Indian 13

Command Innovative Technologies Tag A line break. pre tag My name is xyz and I am Indian 14

Command Innovative Technologies Introduction of CSS  What is the full form of CSS? Cascading Style Sheet  Why we use CSS? We use CSS to control the style and layout of multiple Web pages all at once. HTML was never intended to contain tags for formatting a document. HTML was intended to define the content of a document, like: This is a heading This is a paragraph. 15

Command Innovative Technologies Continue…  What is CSS? CSS stands for Cascading Style Sheets Styles define how to display HTML elements External Style Sheets can save a lot of work External Style Sheets are stored in CSS files  How to write comment ? A CSS comment begins with "/*", and ends with "*/", like this: /*This is a comment*/ p { text-align:center; /*This is another comment*/ color:black; font-family:arial; } 16

Command Innovative Technologies CSS Styling Background-color : transparent(default),inherit Background-position : left top,left center,left bottom,right top,right center, right bottom,center top,center,center bottom Background-size : Specifies the size of the background images % 17

Command Innovative Technologies 18 body { background-image:url("Blue hills.jpg"); background-color:pink; background-repeat:no-repeat; background-attachment:fixed; background-position:center; }

Command Innovative Technologies Margin margin:25px 50px 75px 100px; – top margin is 25px – right margin is 50px – bottom margin is 75px – left margin is 100px margin:25px 50px 75px; – top margin is 25px – right and left margins are 50px – bottom margin is 75px margin:25px 50px; – top and bottom margins are 25px – right and left margins are 50px margin:25px; – all four margins are 25px 19

VaaYaa Edu VaaYaa Education – Training And Placement, A/1/A, 3rd Floor, VaaYaa Lobby, Chinubhai Tower, Next to H K College, Ashram Road, Income Tax, Gujarat, Ahmedabad Call Us Now:

VaaYaa Edutech – Training And Placement, A/1/A, 3rd Floor, VaaYaa Lobby, Chinubhai Tower, Next to H K College, Ashram Road, Income Tax, Gujarat, Ahmedabad Call Us Now:

VaaYaa Edutech – Training And Placement, A/1/A, 3rd Floor, VaaYaa Lobby, Chinubhai Tower, Next to H K College, Ashram Road, Income Tax, Gujarat, Ahmedabad Call Us Now:

VaaYaa Edutech – Training And Placement, A/1/A, 3rd Floor, VaaYaa Lobby, Chinubhai Tower, Next to H K College, Ashram Road, Income Tax, Gujarat, Ahmedabad Call Us Now: