Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad.

Slides:



Advertisements
Similar presentations
HTML popo.
Advertisements

CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.
Internet Programming Practicum Credits : 4 Information System Study Program 1Internet Programming Practicum Lecturers : Kurniawan, S.Kom., M.M. Module.
Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.
HTML: HyperText Markup Language Hello World Welcome to the world!
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,
INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.
CM143 - Web Week 2 Basic HTML. Links and Image Tags.
HTML FORMATTING. CONTENTS HTML Formatting Formatting Example Formatting Example Output Summary Exercise.
Chapter 2 Introduction to HTML5 Internet & World Wide Web How to Program, 5/e Copyright © Pearson, Inc All Rights Reserved.
Introduction to HTML academy.zariba.com 1. Lecture Content 1.What is HTML? 2.The HTML Tag 3.Most popular HTML tags 2.
HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.
Multimedia and Web Technology Prepared by: Asst. Prof. Maryam Eskandari.
HTML Web Programming.
HTML Links and Anchors.
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
HTML. What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language A markup language.
Define html document byusing Example : Title of the document The content of the document......
Headings, Paragraphs, Formatting, Links, Head, CSS, Images
Ahmed Mumtaz Mustehsan
Basic HTML Hyper text markup Language. Re-cap  … - The tag tells the browser that this is an HTML document The html element is the outermost element.
Chapter 2 Developing a Web Page. A web page is composed of two distinct sections: –The head content –The body Creating Head Content and Setting Page Properties.
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
ACM 511 HTML Week -1 ACM 511 Course Notes. Books ACM 511 Course Notes.
HTML Overview Part 4 – Tables 1. HTML Tables  Tables are defined with the tag pair.  A table is divided into rows with tag pairs. o tr stands for "table.
Images (1) Three most popular formats – Graphics Interchange Format (GIF) – Joint Photographic Experts Group (JPEG) – Portable Network Graphics (PNG) –
HTML Introduction to HTML Tags. HTML Document My first HTML document Hello world!
HTML history, Tags, Element. HTML: HyperText Markup Language Hello World Welcome to the world!
All Web pages are written with some form of HTML (HyperText Markup Language). HTML documents are saved as Text Only files so virtually any computer can.
>> 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.
Title, meta, link, script.  The title looks like:  The tag defines the title of the document in the browser toolbar.  It also: ◦ Provides a title for.
1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.
HTML Basic I IST2101. Keep In Mind Programming can be time consuming. Plan ahead!
Programming in HTML.  Programming Language  Used to design/create web pages  Hyper Text Markup Language  Markup Language  Series of Markup tags 
 2008 Pearson Education, Inc. All rights reserved Introduction to XHTML.
Creating Web Pages with Links, Images, and Formatted Text Information Presented by S. Cox.
HTML Basic IST2101. Keep In Mind Programming can be time consuming. Plan ahead!
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
HTML: Hyptertext Markup Language Doman’s Sections.
CPT 499 Internet Skills for Educators Session Ten Class Notes.
CS-3432 Electronic Commerce Lecture – 7 Sikandar Shujah Toor
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.
Introducing HTML 5 Creating Web Pages with HTML 5 1.
Ch 13 HTML and CSS Web Standards Solutions A Web Standardistas’ Approach.
HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.
HTML BASIC IST 210: Organization of Data IST210 1.
HTML Links HTML uses a hyperlink to another document on the Web.
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.
Text Building a Website Lesson 3. Headings,,,,, Headings,,,,, HTML has 6 levels of headings,,,,,,,,,, is used for main headings is used for main headings.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring
CS 100 Introduction to Web Page Construction and 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. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
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.
INTERNET APPLICATIONS CPIT405 Forms, Internal links, meta tags, search engine friendly websites.
HTML Tutorial. What is HTML HTML is a markup language for describing web documents (web pages) HTML documents are described by HTML tags Each HTML tag.
HTML Basic IST 210: Organization of Data IST2101.
Source of website: “Text/css rel=“styles heet” This is an external style sheet link. This means that the.
TNPW1 Ing. Jiří Štěpánek.  Tags  Marks for elements ▪ Pair ▪ Start and end tag ( Paragraph text ) ▪ Single ▪ Only start tag, according to XHTML 1.0.
Web Development Part 1.
LAB Work 01 MBA 61062: E-Commerce
Uppingham Community College
Lecture 3 Sarsenova Zhibek.
Introduction to XHTML.
WEBSITE DESIGN Chp 1
Computers and Scientific Thinking David Reed, Creighton University
Understand basic HTML and CSS terminology, concepts, and basic operations. Objective 3.01.
Common Page Design Elements
HTML LINKS
Presentation transcript:

Web Technology (NCS-504) Prepared By Mr. Abhishek Kesharwani Assistant Professor,UCER Naini,Allahabad

HTML Text Formatting Tags

Example This text is bold This text is strong This text is emphasized This text is italic This text is small This is subscript and superscript

HTML The element is a container for all the head elements. Elements inside can include scripts, instruct the browser where to find style sheets, provide meta information, and more. The following tags can be added to the head section:,,, and.

HTML head Elements

HTML Links Links are found in nearly all Web pages. Links allow users to click their way from page to page. The HTML tag defines a hyperlink. A hyperlink (or link) is a word, group of words, or image that you can click on to jump to another document. When you move the cursor over a link in a Web page, the arrow will turn into a little hand. The most important attribute of the element is the href attribute, which indicates the link’s destination.

HTML Links By default, links will appear as follows in all browsers: An unvisited link is underlined and blue A visited link is underlined and purple An active link is underlined and red. Link text

Example Visit google.com! If you set the target attribute to "_blank", the link will open in a new browser window/tab.

How to use an image as a link. Create a link of an image:

The HTML Element The tag defines the title of the document. The element is required in all HTML/XHTML documents. The element: defines a title in the browser toolbar provides a title for the page when it is added to favorites displays a title for the page in search-engine results

Example Title of the document The content of the document......

HTML Element The tag defines the relationship between a document and an external resource. The tag is most used to link to style sheets: HTML Element The tag is used to define style information for an HTML document. Inside the element you specify how HTML elements should render in a browser:

body {background-color:yellow} p {color:blue} HTML Element The tag is used to define a client-side script, such as a JavaScript.

HTML Element Metadata is data (information) about data. The tag provides metadata about the HTML document. Metadata will not be displayed on the page, but will be machine parsable. Meta elements are typically used to specify page description, keywords, author of the document, last modified, and other metadata. The metadata can be used by browsers (how to display content or reload page), search engines (keywords), or other web services. tags always goes inside the element.

Tags - Examples Define keywords for search engines: Define a description of your web page: Define the author of a page: Refresh document every 30 seconds: