The document provides an introduction to HTML and HTML5. It discusses various HTML tags like <html>, <head>, <body>, <p>, <h1>-<h6>, <a>, <img>, <table>, <ul>, <ol>, <li>, <form>, <input>, <textarea>, <select> and <button>. It also covers HTML elements like header, footer, colors, frames and the basic structure of an HTML5 document. The document is intended as teaching material for a college course on web programming.
HTML describes the structure and content of web pages using tags. It uses tags like <p> for paragraphs and <img> to embed images. Common tags also include <head> for metadata, <body> for visible content, and <html> to enclose the entire page. HTML forms allow creating interactive elements like text fields, checkboxes, and buttons to collect user input. HTML5 is the latest version and introduces new semantic elements, multimedia capabilities, and APIs for building web applications.
The document discusses HTML and CSS. It provides code examples of basic HTML elements like headings, paragraphs, images, links, lists, tables, and forms. It also demonstrates how to insert CSS using internal, external and inline styles. CSS is used to style HTML elements by controlling properties like color, font, size, and layout. External CSS allows changing the look of an entire website by modifying one CSS file linked via HTML.
The document describes various HTML tags and concepts:
- HTML tags describe web pages and come in opening and closing pairs like <p> and </p>
- Common tags are <html>, <body>, <h1>-<h6> for headings, <p> for paragraphs
- Links are defined with <a> tags, images with <img> tags, horizontal rules with <hr>
- Tables are created with <table>, <tr>, and <td> tags
- Forms, lists, frames and columns are also described.
The document discusses HTML common tags and elements used to structure web pages. It explains that HTML files use markup tags to tell browsers how to display content. Common tags include <html>, <head>, <title>, <body> for overall page structure. Other tags format text like <b>, <i>, add links with <a>, and structure lists, tables, and headings. The document provides examples and explanations of how each tag is used to build web pages.
The document provides an overview of HTML 5 including:
- HTML stands for Hypertext Markup Language and is the core markup language used to structure web pages.
- Common IDEs and browsers for developing HTML include Notepad, Visual Studio Code, Chrome, and Firefox.
- Key HTML elements include <html>, <head>, <body>, <div>, <p>, <img>, <a>, <ul>, <ol>, <table>, and <form>.
- Attributes like class, id, and src are used to provide additional information and functionality.
- HTML allows adding headings, text formatting, comments, links, images, videos, and tables to structure and design web pages.
The document provides information about HTML (Hypertext Markup Language) including:
1. The structure of an HTML document includes a head and body section. The head contains metadata and the body contains the visible page content.
2. Basic HTML tags are used to structure and format text like headings, paragraphs, lists, links, and images. Attributes customize elements.
3. Tables, frames, forms, and image maps allow more advanced page layout and user input. Attributes further define elements.
HTML allows users to create web pages. It uses tags to format text, add images and other multimedia, and create hyperlinks. Some key points:
- HTML was created by Tim Berners-Lee in 1989 and standardized in 1997.
- It uses tags enclosed in angle brackets like <p> to format text into paragraphs.
- Common tags include <h1> for main headings, <img> to add images, and <a> for hyperlinks.
- Tables, lists, and forms can be added using <table>, <ul>/<ol>, and <form> tags.
- HTML pages are plain text files that can be viewed on any browser.
HTML is used to design web pages and is not a programming language. It uses tags like <h1> and <p> to structure and style text content. Common tags are used to create headings, paragraphs, lists, links, and tables. Forms allow users to enter interactive content through elements like text boxes and buttons. Overall, HTML provides the building blocks for displaying structured documents on the web.
HTML describes the structure and content of web pages using tags. It uses tags like <p> for paragraphs and <img> to embed images. Common tags also include <head> for metadata, <body> for visible content, and <html> to enclose the entire page. HTML forms allow creating interactive elements like text fields, checkboxes, and buttons to collect user input. HTML5 is the latest version and introduces new semantic elements, multimedia capabilities, and APIs for building web applications.
The document discusses HTML and CSS. It provides code examples of basic HTML elements like headings, paragraphs, images, links, lists, tables, and forms. It also demonstrates how to insert CSS using internal, external and inline styles. CSS is used to style HTML elements by controlling properties like color, font, size, and layout. External CSS allows changing the look of an entire website by modifying one CSS file linked via HTML.
The document describes various HTML tags and concepts:
- HTML tags describe web pages and come in opening and closing pairs like <p> and </p>
- Common tags are <html>, <body>, <h1>-<h6> for headings, <p> for paragraphs
- Links are defined with <a> tags, images with <img> tags, horizontal rules with <hr>
- Tables are created with <table>, <tr>, and <td> tags
- Forms, lists, frames and columns are also described.
The document discusses HTML common tags and elements used to structure web pages. It explains that HTML files use markup tags to tell browsers how to display content. Common tags include <html>, <head>, <title>, <body> for overall page structure. Other tags format text like <b>, <i>, add links with <a>, and structure lists, tables, and headings. The document provides examples and explanations of how each tag is used to build web pages.
The document provides an overview of HTML 5 including:
- HTML stands for Hypertext Markup Language and is the core markup language used to structure web pages.
- Common IDEs and browsers for developing HTML include Notepad, Visual Studio Code, Chrome, and Firefox.
- Key HTML elements include <html>, <head>, <body>, <div>, <p>, <img>, <a>, <ul>, <ol>, <table>, and <form>.
- Attributes like class, id, and src are used to provide additional information and functionality.
- HTML allows adding headings, text formatting, comments, links, images, videos, and tables to structure and design web pages.
The document provides information about HTML (Hypertext Markup Language) including:
1. The structure of an HTML document includes a head and body section. The head contains metadata and the body contains the visible page content.
2. Basic HTML tags are used to structure and format text like headings, paragraphs, lists, links, and images. Attributes customize elements.
3. Tables, frames, forms, and image maps allow more advanced page layout and user input. Attributes further define elements.
HTML allows users to create web pages. It uses tags to format text, add images and other multimedia, and create hyperlinks. Some key points:
- HTML was created by Tim Berners-Lee in 1989 and standardized in 1997.
- It uses tags enclosed in angle brackets like <p> to format text into paragraphs.
- Common tags include <h1> for main headings, <img> to add images, and <a> for hyperlinks.
- Tables, lists, and forms can be added using <table>, <ul>/<ol>, and <form> tags.
- HTML pages are plain text files that can be viewed on any browser.
HTML is used to design web pages and is not a programming language. It uses tags like <h1> and <p> to structure and style text content. Common tags are used to create headings, paragraphs, lists, links, and tables. Forms allow users to enter interactive content through elements like text boxes and buttons. Overall, HTML provides the building blocks for displaying structured documents on the web.
HTML is a markup language that defines the structure and layout of a web page. It uses tags like <p> and <div> to divide the page into headers, paragraphs, lists, and other sections. CSS and JavaScript can be used to style and add interactivity to HTML pages. Key HTML elements include headings, paragraphs, links, images, forms, tables, and lists. Attributes provide additional information about elements and usually appear in name/value pairs like name="value". Forms allow users to enter data using elements like text fields, textareas, select menus, radio buttons, and submit buttons.
HTML is a markup language used to define the structure and layout of web pages. It uses tags like <html> and <body> to mark elements in a web page like headings, paragraphs, links, images, and forms. Key HTML elements include headings, paragraphs, links, images, lists, tables, and forms. HTML documents are made up of these basic building blocks and contain HTML tags and plain text.
visit : www.dmdiploma.com
HTML is the standard markup language for creating Web pages.
HTML stands for Hyper Text Markup Language
HTML describes the structure of a Web page
HTML consists of a series of elements
HTML elements tell the browser how to display the content
HTML elements are represented by tags
HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
Browsers do not display the HTML tags, but use them to render the content of the page
The document provides information about HTML images, tables, lists, divs, spans, layouts, forms, and inputs. It explains how to add images to HTML using the <img> tag and attributes like src and alt. It also describes how to create tables with <table>, <tr>, and <td> tags and how to add different types of lists. Additionally, it outlines how to group elements with <div> and <span> and construct page layouts with these tags or tables. Finally, it discusses HTML forms and various input fields like text, password, radio buttons, and more.
The document provides an introduction to HTML frames. It explains that frames divide the browser window into separate panes, each displaying a different HTML document. The <frameset> tag is used to define rows and columns to divide the window, while <frame> tags specify the HTML documents to display in each frame. Attributes like rows, cols, border, and frameborder control the layout and appearance of frames. The <noframes> tag provides content for browsers that do not support frames.
HTML is the standard markup language used to create web pages. It uses tags to define headings, paragraphs, links, images, and other content. Web browsers read HTML documents and display them as web pages. Common HTML tags include <h1> for main headings, <p> for paragraphs, <a> for links, <img> for images, and <table> for tables. HTML documents are written using tags that describe and define the document's structure and content.
HTML is a markup language used to define the structure and layout of web pages. HTML uses tags to mark elements like headings, paragraphs, links, images, and more. When an HTML file is opened in a web browser, the browser displays the page using the tags to interpret the page's content and structure. Common HTML elements include headings, paragraphs, links, images, lists, tables, forms, and iframes. CSS can also be used to further define styles and visual presentation of HTML elements.
The document provides an introduction to HTML5 including what HTML5 is, its features, commonly used HTML5 editors, the structure of an HTML5 file, how to create an HTML5 file, and various HTML5 tags like heading tags, paragraph tags, image tags, table tags, break tags, list tags, form tags, input tags, and block and inline elements. It also discusses video tags, audio tags and concludes with a review of block and inline elements.
HTML is a markup language used to structure and present content on the web. It stands for Hypertext Markup Language and was created by Tim Berners-Lee in 1991. Some key elements of HTML documents include tags, attributes, and basic building blocks like the <html>, <head>, <title>, and <body> tags. Common tags in HTML are used for formatting text and include headings, paragraphs, breaks, fonts, and lists.
The document discusses HTML frames and their usage. It defines frames as dividing the browser window into separate sections, each displaying a different HTML document. It describes the key tags used to create frames - <frameset> divides the window and defines rows and columns, <frame> specifies the HTML document to display in each frame section. It also covers attributes like src, name, and frameborder. Frames allow reloading single panes without reloading the whole page but can cause printing and compatibility issues.
HTML (Hypertext Markup Language) is the standard markup language used to create web pages. It uses tags to define elements like headings, paragraphs, lists, tables, and more. HTML pages can also contain images, links, forms, and other multimedia. Tim Berners-Lee is credited with inventing the World Wide Web and proposing HTML in 1989-1990 as a way to share and link documents online.
HTML is a markup language used to define the structure and layout of web pages. It uses tags to describe different types of content like headings, paragraphs, links, images, and lists. Key points:
- HTML documents have an <html> tag which contains <head> and <body> sections
- The <head> contains metadata and is not visible, the <body> contains visible content
- Common tags include <h1>-<h6> for headings, <p> for paragraphs, <a> for links, <img> for images
- Unordered lists use <ul> and <li> tags, ordered lists use <ol> and <li> tags
- Attributes like
HTML is the standard markup language used to create web pages. HTML documents are composed of elements like headings, paragraphs, links etc that provide structure and meaning. A web browser reads the HTML tags and displays the page by interpreting the tags. Common HTML elements include headings, paragraphs, images, hyperlinks, tables, forms and lists that are used to structure and layout the content on a web page.
The document provides information about HTML (Hypertext Markup Language):
1. HTML is the standard markup language used to create web pages and defines the structure and layout of a web page.
2. HTML uses tags to annotate text with semantic information like headings, paragraphs, links, quotes, etc. and the tags are enclosed in angle brackets.
3. Basic HTML tags include <html>, <head>, <title>, <body>, <h1>-<h6> for headings, <p> for paragraphs, <a> for links, <img> for images, and <br> for line breaks.
This document provides an overview of HTML (Hypertext Markup Language) by defining key terms and concepts:
- HTML is used to create web documents and pages through the use of tags that describe formatting, text, images, and hyperlinks. It is a markup language where tags are surrounded by angle brackets.
- HTML documents have two main parts - the head which contains metadata like the title, and the body which contains the visible content. Common tags include <html>, <head>, <title>, and <body>.
- Other tags control text styling (<b> for bold), create lists (<ul> for unordered, <ol> for ordered), add images, create links (<a>),
This document provides an overview of HTML (Hypertext Markup Language) by defining key terms and concepts. It explains that HTML is used to create web documents through the use of tags, and pages are saved with .html or .htm extensions. The document outlines important HTML tags for defining the structure of a page, including <html>, <head>, and <body> tags. It also describes common text formatting tags, lists, links, tables, images, and forms. Cascading Style Sheets (CSS) is introduced as a way to separate document structure from presentation through the use of selectors and style rules.
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UPRAHUL
This Dissertation explores the particular circumstances of Mirzapur, a region located in the
core of India. Mirzapur, with its varied terrains and abundant biodiversity, offers an optimal
environment for investigating the changes in vegetation cover dynamics. Our study utilizes
advanced technologies such as GIS (Geographic Information Systems) and Remote sensing to
analyze the transformations that have taken place over the course of a decade.
The complex relationship between human activities and the environment has been the focus
of extensive research and worry. As the global community grapples with swift urbanization,
population expansion, and economic progress, the effects on natural ecosystems are becoming
more evident. A crucial element of this impact is the alteration of vegetation cover, which plays a
significant role in maintaining the ecological equilibrium of our planet.Land serves as the foundation for all human activities and provides the necessary materials for
these activities. As the most crucial natural resource, its utilization by humans results in different
'Land uses,' which are determined by both human activities and the physical characteristics of the
land.
The utilization of land is impacted by human needs and environmental factors. In countries
like India, rapid population growth and the emphasis on extensive resource exploitation can lead
to significant land degradation, adversely affecting the region's land cover.
Therefore, human intervention has significantly influenced land use patterns over many
centuries, evolving its structure over time and space. In the present era, these changes have
accelerated due to factors such as agriculture and urbanization. Information regarding land use and
cover is essential for various planning and management tasks related to the Earth's surface,
providing crucial environmental data for scientific, resource management, policy purposes, and
diverse human activities.
Accurate understanding of land use and cover is imperative for the development planning
of any area. Consequently, a wide range of professionals, including earth system scientists, land
and water managers, and urban planners, are interested in obtaining data on land use and cover
changes, conversion trends, and other related patterns. The spatial dimensions of land use and
cover support policymakers and scientists in making well-informed decisions, as alterations in
these patterns indicate shifts in economic and social conditions. Monitoring such changes with the
help of Advanced technologies like Remote Sensing and Geographic Information Systems is
crucial for coordinated efforts across different administrative levels. Advanced technologies like
Remote Sensing and Geographic Information Systems
9
Changes in vegetation cover refer to variations in the distribution, composition, and overall
structure of plant communities across different temporal and spatial scales. These changes can
occur natural.
বাংলাদেশের অর্থনৈতিক সমীক্ষা ২০২৪ [Bangladesh Economic Review 2024 Bangla.pdf] কম্পিউটার , ট্যাব ও স্মার্ট ফোন ভার্সন সহ সম্পূর্ণ বাংলা ই-বুক বা pdf বই " সুচিপত্র ...বুকমার্ক মেনু 🔖 ও হাইপার লিংক মেনু 📝👆 যুক্ত ..
আমাদের সবার জন্য খুব খুব গুরুত্বপূর্ণ একটি বই ..বিসিএস, ব্যাংক, ইউনিভার্সিটি ভর্তি ও যে কোন প্রতিযোগিতা মূলক পরীক্ষার জন্য এর খুব ইম্পরট্যান্ট একটি বিষয় ...তাছাড়া বাংলাদেশের সাম্প্রতিক যে কোন ডাটা বা তথ্য এই বইতে পাবেন ...
তাই একজন নাগরিক হিসাবে এই তথ্য গুলো আপনার জানা প্রয়োজন ...।
বিসিএস ও ব্যাংক এর লিখিত পরীক্ষা ...+এছাড়া মাধ্যমিক ও উচ্চমাধ্যমিকের স্টুডেন্টদের জন্য অনেক কাজে আসবে ...
HTML is a markup language that defines the structure and layout of a web page. It uses tags like <p> and <div> to divide the page into headers, paragraphs, lists, and other sections. CSS and JavaScript can be used to style and add interactivity to HTML pages. Key HTML elements include headings, paragraphs, links, images, forms, tables, and lists. Attributes provide additional information about elements and usually appear in name/value pairs like name="value". Forms allow users to enter data using elements like text fields, textareas, select menus, radio buttons, and submit buttons.
HTML is a markup language used to define the structure and layout of web pages. It uses tags like <html> and <body> to mark elements in a web page like headings, paragraphs, links, images, and forms. Key HTML elements include headings, paragraphs, links, images, lists, tables, and forms. HTML documents are made up of these basic building blocks and contain HTML tags and plain text.
visit : www.dmdiploma.com
HTML is the standard markup language for creating Web pages.
HTML stands for Hyper Text Markup Language
HTML describes the structure of a Web page
HTML consists of a series of elements
HTML elements tell the browser how to display the content
HTML elements are represented by tags
HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
Browsers do not display the HTML tags, but use them to render the content of the page
The document provides information about HTML images, tables, lists, divs, spans, layouts, forms, and inputs. It explains how to add images to HTML using the <img> tag and attributes like src and alt. It also describes how to create tables with <table>, <tr>, and <td> tags and how to add different types of lists. Additionally, it outlines how to group elements with <div> and <span> and construct page layouts with these tags or tables. Finally, it discusses HTML forms and various input fields like text, password, radio buttons, and more.
The document provides an introduction to HTML frames. It explains that frames divide the browser window into separate panes, each displaying a different HTML document. The <frameset> tag is used to define rows and columns to divide the window, while <frame> tags specify the HTML documents to display in each frame. Attributes like rows, cols, border, and frameborder control the layout and appearance of frames. The <noframes> tag provides content for browsers that do not support frames.
HTML is the standard markup language used to create web pages. It uses tags to define headings, paragraphs, links, images, and other content. Web browsers read HTML documents and display them as web pages. Common HTML tags include <h1> for main headings, <p> for paragraphs, <a> for links, <img> for images, and <table> for tables. HTML documents are written using tags that describe and define the document's structure and content.
HTML is a markup language used to define the structure and layout of web pages. HTML uses tags to mark elements like headings, paragraphs, links, images, and more. When an HTML file is opened in a web browser, the browser displays the page using the tags to interpret the page's content and structure. Common HTML elements include headings, paragraphs, links, images, lists, tables, forms, and iframes. CSS can also be used to further define styles and visual presentation of HTML elements.
The document provides an introduction to HTML5 including what HTML5 is, its features, commonly used HTML5 editors, the structure of an HTML5 file, how to create an HTML5 file, and various HTML5 tags like heading tags, paragraph tags, image tags, table tags, break tags, list tags, form tags, input tags, and block and inline elements. It also discusses video tags, audio tags and concludes with a review of block and inline elements.
HTML is a markup language used to structure and present content on the web. It stands for Hypertext Markup Language and was created by Tim Berners-Lee in 1991. Some key elements of HTML documents include tags, attributes, and basic building blocks like the <html>, <head>, <title>, and <body> tags. Common tags in HTML are used for formatting text and include headings, paragraphs, breaks, fonts, and lists.
The document discusses HTML frames and their usage. It defines frames as dividing the browser window into separate sections, each displaying a different HTML document. It describes the key tags used to create frames - <frameset> divides the window and defines rows and columns, <frame> specifies the HTML document to display in each frame section. It also covers attributes like src, name, and frameborder. Frames allow reloading single panes without reloading the whole page but can cause printing and compatibility issues.
HTML (Hypertext Markup Language) is the standard markup language used to create web pages. It uses tags to define elements like headings, paragraphs, lists, tables, and more. HTML pages can also contain images, links, forms, and other multimedia. Tim Berners-Lee is credited with inventing the World Wide Web and proposing HTML in 1989-1990 as a way to share and link documents online.
HTML is a markup language used to define the structure and layout of web pages. It uses tags to describe different types of content like headings, paragraphs, links, images, and lists. Key points:
- HTML documents have an <html> tag which contains <head> and <body> sections
- The <head> contains metadata and is not visible, the <body> contains visible content
- Common tags include <h1>-<h6> for headings, <p> for paragraphs, <a> for links, <img> for images
- Unordered lists use <ul> and <li> tags, ordered lists use <ol> and <li> tags
- Attributes like
HTML is the standard markup language used to create web pages. HTML documents are composed of elements like headings, paragraphs, links etc that provide structure and meaning. A web browser reads the HTML tags and displays the page by interpreting the tags. Common HTML elements include headings, paragraphs, images, hyperlinks, tables, forms and lists that are used to structure and layout the content on a web page.
The document provides information about HTML (Hypertext Markup Language):
1. HTML is the standard markup language used to create web pages and defines the structure and layout of a web page.
2. HTML uses tags to annotate text with semantic information like headings, paragraphs, links, quotes, etc. and the tags are enclosed in angle brackets.
3. Basic HTML tags include <html>, <head>, <title>, <body>, <h1>-<h6> for headings, <p> for paragraphs, <a> for links, <img> for images, and <br> for line breaks.
This document provides an overview of HTML (Hypertext Markup Language) by defining key terms and concepts:
- HTML is used to create web documents and pages through the use of tags that describe formatting, text, images, and hyperlinks. It is a markup language where tags are surrounded by angle brackets.
- HTML documents have two main parts - the head which contains metadata like the title, and the body which contains the visible content. Common tags include <html>, <head>, <title>, and <body>.
- Other tags control text styling (<b> for bold), create lists (<ul> for unordered, <ol> for ordered), add images, create links (<a>),
This document provides an overview of HTML (Hypertext Markup Language) by defining key terms and concepts. It explains that HTML is used to create web documents through the use of tags, and pages are saved with .html or .htm extensions. The document outlines important HTML tags for defining the structure of a page, including <html>, <head>, and <body> tags. It also describes common text formatting tags, lists, links, tables, images, and forms. Cascading Style Sheets (CSS) is introduced as a way to separate document structure from presentation through the use of selectors and style rules.
LAND USE LAND COVER AND NDVI OF MIRZAPUR DISTRICT, UPRAHUL
This Dissertation explores the particular circumstances of Mirzapur, a region located in the
core of India. Mirzapur, with its varied terrains and abundant biodiversity, offers an optimal
environment for investigating the changes in vegetation cover dynamics. Our study utilizes
advanced technologies such as GIS (Geographic Information Systems) and Remote sensing to
analyze the transformations that have taken place over the course of a decade.
The complex relationship between human activities and the environment has been the focus
of extensive research and worry. As the global community grapples with swift urbanization,
population expansion, and economic progress, the effects on natural ecosystems are becoming
more evident. A crucial element of this impact is the alteration of vegetation cover, which plays a
significant role in maintaining the ecological equilibrium of our planet.Land serves as the foundation for all human activities and provides the necessary materials for
these activities. As the most crucial natural resource, its utilization by humans results in different
'Land uses,' which are determined by both human activities and the physical characteristics of the
land.
The utilization of land is impacted by human needs and environmental factors. In countries
like India, rapid population growth and the emphasis on extensive resource exploitation can lead
to significant land degradation, adversely affecting the region's land cover.
Therefore, human intervention has significantly influenced land use patterns over many
centuries, evolving its structure over time and space. In the present era, these changes have
accelerated due to factors such as agriculture and urbanization. Information regarding land use and
cover is essential for various planning and management tasks related to the Earth's surface,
providing crucial environmental data for scientific, resource management, policy purposes, and
diverse human activities.
Accurate understanding of land use and cover is imperative for the development planning
of any area. Consequently, a wide range of professionals, including earth system scientists, land
and water managers, and urban planners, are interested in obtaining data on land use and cover
changes, conversion trends, and other related patterns. The spatial dimensions of land use and
cover support policymakers and scientists in making well-informed decisions, as alterations in
these patterns indicate shifts in economic and social conditions. Monitoring such changes with the
help of Advanced technologies like Remote Sensing and Geographic Information Systems is
crucial for coordinated efforts across different administrative levels. Advanced technologies like
Remote Sensing and Geographic Information Systems
9
Changes in vegetation cover refer to variations in the distribution, composition, and overall
structure of plant communities across different temporal and spatial scales. These changes can
occur natural.
বাংলাদেশের অর্থনৈতিক সমীক্ষা ২০২৪ [Bangladesh Economic Review 2024 Bangla.pdf] কম্পিউটার , ট্যাব ও স্মার্ট ফোন ভার্সন সহ সম্পূর্ণ বাংলা ই-বুক বা pdf বই " সুচিপত্র ...বুকমার্ক মেনু 🔖 ও হাইপার লিংক মেনু 📝👆 যুক্ত ..
আমাদের সবার জন্য খুব খুব গুরুত্বপূর্ণ একটি বই ..বিসিএস, ব্যাংক, ইউনিভার্সিটি ভর্তি ও যে কোন প্রতিযোগিতা মূলক পরীক্ষার জন্য এর খুব ইম্পরট্যান্ট একটি বিষয় ...তাছাড়া বাংলাদেশের সাম্প্রতিক যে কোন ডাটা বা তথ্য এই বইতে পাবেন ...
তাই একজন নাগরিক হিসাবে এই তথ্য গুলো আপনার জানা প্রয়োজন ...।
বিসিএস ও ব্যাংক এর লিখিত পরীক্ষা ...+এছাড়া মাধ্যমিক ও উচ্চমাধ্যমিকের স্টুডেন্টদের জন্য অনেক কাজে আসবে ...
How to Fix the Import Error in the Odoo 17Celine George
An import error occurs when a program fails to import a module or library, disrupting its execution. In languages like Python, this issue arises when the specified module cannot be found or accessed, hindering the program's functionality. Resolving import errors is crucial for maintaining smooth software operation and uninterrupted development processes.
This presentation was provided by Steph Pollock of The American Psychological Association’s Journals Program, and Damita Snow, of The American Society of Civil Engineers (ASCE), for the initial session of NISO's 2024 Training Series "DEIA in the Scholarly Landscape." Session One: 'Setting Expectations: a DEIA Primer,' was held June 6, 2024.
This slide is special for master students (MIBS & MIFB) in UUM. Also useful for readers who are interested in the topic of contemporary Islamic banking.
This presentation includes basic of PCOS their pathology and treatment and also Ayurveda correlation of PCOS and Ayurvedic line of treatment mentioned in classics.
How to Make a Field Mandatory in Odoo 17Celine George
In Odoo, making a field required can be done through both Python code and XML views. When you set the required attribute to True in Python code, it makes the field required across all views where it's used. Conversely, when you set the required attribute in XML views, it makes the field required only in the context of that particular view.
Main Java[All of the Base Concepts}.docxadhitya5119
This is part 1 of my Java Learning Journey. This Contains Custom methods, classes, constructors, packages, multithreading , try- catch block, finally block and more.
Walmart Business+ and Spark Good for Nonprofits.pdfTechSoup
"Learn about all the ways Walmart supports nonprofit organizations.
You will hear from Liz Willett, the Head of Nonprofits, and hear about what Walmart is doing to help nonprofits, including Walmart Business and Spark Good. Walmart Business+ is a new offer for nonprofits that offers discounts and also streamlines nonprofits order and expense tracking, saving time and money.
The webinar may also give some examples on how nonprofits can best leverage Walmart Business+.
The event will cover the following::
Walmart Business + (https://business.walmart.com/plus) is a new shopping experience for nonprofits, schools, and local business customers that connects an exclusive online shopping experience to stores. Benefits include free delivery and shipping, a 'Spend Analytics” feature, special discounts, deals and tax-exempt shopping.
Special TechSoup offer for a free 180 days membership, and up to $150 in discounts on eligible orders.
Spark Good (walmart.com/sparkgood) is a charitable platform that enables nonprofits to receive donations directly from customers and associates.
Answers about how you can do more with Walmart!"
3. Introduction
HTML is a language for describing web pages.
• 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 markup tags
• HTML uses markup tags to describe web pages
4. HTML Tags
HTML markup tags are usually called HTML tags
• HTML tags are keywords surrounded by angle brackets like <html>
• HTML tags normally come in pairs like <b> and </b>
• 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
5. How to create web page?
Step 1: Open Notepad
Click Start (bottom left on your screen). Click All Programs. Click Accessories. Click
Notepad.
Step 2: Write HTML Code
6. How to create web page?(Contd..)
Step 3: Save the HTML Page
Save the file on your computer.
Select File > Save as in the Notepad menu.
Name the file "home.htm" or any other name ending with htm.
7. How to create web page?(Contd..)
Step 4: View HTML Page in any Browser
Open the saved HTML file in your favorite browser. The result will look like this:
8. Text-HTML Formatting Elements
Tag Format
<i>Parul University</i> Italic text
<b>..</b> Bold text
<u>..</u> Underline
<strong>..</strong> important text
<small>..</small> smaller text
<center>..</center> Text in center
<sub>..</sub> subscripted text.
<sup>..</sup> superscripted text
<ins>..</ins> inserted text
<del>..</del> deleted text
<mark>..</mark> marked/highlighted text
<em>..</em> emphasized text
9. Text-HTML Formatting Elements-Example
<html>
<head> <title>Welcome</title> </head>
<body>
<p style="color:red">Parul Institute of Engineering &Technology</font></p>
<p><i>Parul Institute of Engineering &Technology</i></p>
<p><b>Parul Institute of Engineering &Technology</b></p>
<p><u>Parul Institute of Engineering &Technology</u></p>
<p><strong>Parul Institute of Engineering &Technology</strong></p>
<p><small>Parul Institute of Engineering &Technology</small></p>
<p>College<sub>Parul Institute of Engineering & Technology</sub>Name</p>
<p>College<sup>Parul Institute of Engineering &Technology</sup>Name</p>
<p>Parul Institute of Engineering &Technology,<ins>Waghodia</ins></p>
<p>Parul Institute of <del>Engineering</del> Technology</p>
<p><em>Parul Institute of Engineering & Technology</em></p>
</body>
</html>
11. Hyperlink
• A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a
new document or a new section within the current document.
• When you move the cursor over a link in a Web page, the arrow will turn into a little hand.
• Links are specified in HTML using the <a> tag.
• The <a> tag can be used in two ways:
1. To create a link to another document, by using the href attribute
2. To create a bookmark inside a document, by using the name attribute
12. HTML Link Syntax
The HTML code for a link is simple. It looks like this:
<a href="url">Link text</a>
The href attribute specifies the destination of a link.
Example:
<a href="http://www.w3schools.com/">Visit W3Schools</a>
which will display like this: Visit W3Schools
Clicking on this hyperlink will send the user to W3Schools' homepage.
Tip: The "Link text" doesn't have to be text. You can link from an image or any other HTML
element.
13. HTML The <img> Tag and the Src Attribute
• In HTML, images are defined with the <img> tag.
• The <img> tag is empty, which means that it contains attributes only, and has no
closing tag.
• To display an image on a page, you need to use the src attribute. Src stands for
"source". The value of the src attribute is the URL of the image you want to
display.
• Syntax for defining an image:
• <img src="url" alt="some_text"/>
14. HTML The <img> Tag and the Src Attribute
• The URL points to the location where the image is stored. An image named
"boat.gif", located in the "images" directory on "www.w3schools.com" has the
URL: http://www.w3schools.com/images/boat.gif.
• The browser displays the image where the <img> tag occurs in the document. If
you put an image tag between two paragraphs, the browser shows the first
paragraph, then the image, and then the second paragraph.
15. HTML The Alt Attribute
• The required alt attribute specifies an alternate text for an image, if the image
cannot be displayed.
• The value of the alt attribute is an author-defined text:
<img src="boat.gif" alt="Big Boat" />
• The alt attribute provides alternative information for an image if a user for some
reason cannot view it (because of slow connection, an error in the src attribute, or
if the user uses a screen reader).
16. HTML Tables
• Tables are defined with the <table> tag.
• A table is divided into rows (with the <tr> tag), and each row is divided into data
cells (with the <td> tag).
• td stands for "table data," and holds the content of a data cell. A <td> tag can
contain text, links, images, lists, forms, other tables, etc.
17. Table Example
Tables are defined with the <table> tag.
Table Example
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
18. HTML Tables
• How the HTML code above looks in a browser:
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2
19. HTML Tables and the Border Attribute
• If you do not specify a border attribute, the table will be displayed without
borders. Sometimes this can be useful, but most of the time, we want the borders
to show.
• To display a table with borders, specify the border attribute:
<table border="1">
<tr>
<td>Row 1, cell 1</td>
<td>Row 1, cell 2</td>
</tr>
</table>
20. HTML Table Headers
• Header information in a table are defined with the <th> tag.
• The text in a th element will be bold and centered.
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
21. HTML Table Headers
How the HTML code above looks in a browser:
Header 1 Header 2
row 1, cell 1 row 1, cell 2
row 2, cell 1 row 2, cell 2
22. HTML Table Tags
Tag Description
<table> Defines a table
<th> Defines a table header
<tr> Defines a table row
<td> Defines a table cell
<caption> Defines a table caption
<colgroup> Defines a group of columns in a table, for formatting
<col /> Defines attribute values for one or more columns in a table
<thead> Groups the header content in a table
<tbody> Groups the body content in a table
<tfoot> Groups the footer content in a table
23. HTML Lists
An ordered list:
1. The first list item
2. The second list item
3. The third list item
An unordered list:
List item
List item
List item
24. HTML Unordered Lists
• An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
• The list items are marked with bullets (typically small black circles).
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
• How the HTML code above looks in a browser:
• Coffee
• Milk
25. HTML Ordered Lists
• An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
• The list items are marked with numbers.
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
• How the HTML code above looks in a browser:
1. Coffee
2. Milk
26. HTML Definition Lists
• A definition list is a list of items, with a description of each item.
• The <dl> tag defines a definition list.
• The <dl> tag is used in conjunction with <dt> (defines the item in the list) and
<dd> (describes the item in the list):
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
27. HTML Definition Lists
• How the HTML code above looks in a browser:
Coffee
- black hot drink
Milk
- white cold drink
28. Forms
HTML forms are used to collect user data/input.
HTML forms contain form elements.
It is defines as a:
<form>
…
form elements
…
</form>
Form elements are different types of input elements, checkboxes, radio buttons, submit
buttons, and more.
29. Forms(Contd..)
A.<input> Element:
The <input> element is used for collecting information from the user.
It has many variations, depending on the type attribute.
Type Description
text Defines normal text input(accept char. & no. into text box)
Password Its similar to above text box but anything that is typed cannot be seen.
radio Defines radio button input (for selecting one of many choices)
submit Defines a submit button (for submitting the form)
checkbox This gives a check box that can be toggled between checked & unchecked
Button This makes a button available
30. Forms(Contd..)
1.Text Input: It Define a one-line input.(default width of a text field is 20 characters)
<html>
<body>
<h1>PARUL UNIVERSITY</h1>
<form>First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
</form></body>
</html>
31. Forms(Contd..)
2. Radio Button Input :It is used to select one of many given choices. you can select only one at
same time.
<html>
<body>
<p>PARUL UNIVERSITY</p>
<form>
<input type="radio" name="sex" value="male" >Male
<br>
<input type="radio" name="sex" value="female">Female
</form>
</body>
</html>
32. Forms(Contd..)
3. The Submit Button: It is used for submitting a form data to a form-handler.
<html><body>
<form action="action_page.php">
<h1>PARUL UNIVERSITY</h1>
First name:<br>
<input type="text" name="firstname" value="Mickey"><br>
Last name:<br>
<input type="text" name="lastname" value="Mouse"><br><br>
<input type="submit" value="Submit">
</form>
</body>
</html>
33. Forms(Contd..)
4. checkbox : It is used for select ZERO or MORE options of a limited number of choices.
<html><body>
<form>
<h1> PARUL UNIVERSITY </h1>
<input type="checkbox" name="vehicle" value=“Pen”>I have a Pen <br>
<input type="checkbox" name="vehicle" value=“Pencil”>I have a Pencil<br>
<input type="checkbox" name="vehicle" value=“Eraser">I have a Eraser
<br><br>
<input type="submit">
</form>
</body>
</html>
34. Forms(Contd..)
B. Button: The <button> element represents a clickable button It is used to submit forms.
<html>
<body>
<form>
<h1>PARUL UNIVERSITY</h1>
<button type="button" onclick="alert('Welcome to PIET!')">Click</button>
</form>
</body>
</html>
35. Forms(Contd..)
C.<select>Element(Drop-Down List): HTML <select> tag is used to create drop down list of options
<html><body>
<form>
<select name="country">
<option value="India">India</option>
<option value="canada">canada</option>
<option value="Landon">Landon</option>
<option value="Australia">Australia</option>
</select>
<br><br> <br>
<input type="submit" value="submit">
</form></body>
</html>
36. Forms(Contd..)
D.<textarea>Element: It is defines a multi-line input field.
<html><body>
<form>
<textarea name="message" rows=“25" cols=“40">
Web Designing and development is used to create dynamic website.
</textarea>
<br>
<br>
<input type="submit">
</form>
</body>
</html>
37. HTML Frames
• With frames, you can display more than one HTML document in the same browser window.
Each HTML document is called a frame, and each frame is independent of the others.
• The disadvantages of using frames are:
1. The web developer must keep track of more HTML documents
2. It is difficult to print the entire page
38. The HTML frameset Element
• The frameset element holds one or more frame elements. Each frame element can hold a
separate document.
• The frameset element states HOW MANY columns or rows there will be in the frameset, and
HOW MUCH percentage/pixels of space will occupy each of them.
39. The HTML frame Element
• The <frame> tag defines one particular window (frame) within a frameset.
• In the example below we have a frameset with two columns.
• The first column is set to 25% of the width of the browser window. The second column is set to
75% of the width of the browser window. The document "frame_a.htm" is put into the first
column, and the document "frame_b.htm" is put into the second column:
<frameset cols="25%,75%">
<frame src="frame_a.htm" />
<frame src="frame_b.htm" />
</frameset>
40. HTML Colors
Colors are displayed combining RED, GREEN, and BLUE light
• Color Values:
• HTML colors are defined using a hexadecimal notation (HEX) for the combination
of Red, Green, and Blue color values (RGB).
• The lowest value that can be given to one of the light sources is 0 (in HEX: 00).
The highest value is 255 (in HEX: FF).
• HEX values are specified as 3 pairs of two-digit numbers, starting with a # sign.
41. Color Values
Color Color HEX Color RGB
#000000 rgb(0,0,0)
#FF0000 rgb(255,0,0)
#00FF00 rgb(0,255,0)
#0000FF rgb(0,0,255)
#FFFF00 rgb(255,255,0)
#00FFFF rgb(0,255,255)
#FF00FF rgb(255,0,255)
#C0C0C0 rgb(192,192,192)
#FFFFFF rgb(255,255,255)
42. HTML5
• HTML5 is the latest and most enhanced version of HTML
• HTML5 is a standard for structuring and presenting content on the World Wide Web
• HTML5 is a cooperation between the World Wide Web Consortium (W3C) and the Web
Hypertext Application Technology Working Group (WHATWG)
• The new standard incorporates features like video playback and drag-and-drop that have
been previously dependent on third-party browser plug-ins such as Adobe Flash, Microsoft
Silverlight, and Google Gears
44. HTML5 Header
• The <header> tag in HTML is used to define the header for a document or a section
• The header tag contains information related to the title and heading of the related content
• A <header> element typically contains:
1. one or more heading elements (<h1> - <h6>)
2. logo or icon
3. authorship information
45. HTML5 Header
<!DOCTYPE html>
<html>
<head>
<title>Header Tag</title>
</head>
<body>
<article>
<header>
<h1>This is the heading.</h1>
<h4>This is the sub-heading.</h4>
<p>This is the metadata.</p>
</header>
</article>
</body>
</html>
46. HTML5 Footer
• The <footer> element defines a footer for a document or section.
• A <footer> element typically contains:
1. authorship information
2. copyright information
3. contact information
4. sitemap
5. back to top links
6. related documents
• You can have several <footer> elements in one document.
48. HTML5 <nav>
• The <nav> tag defines a set of navigation links.
• NOT all links of a document should be inside a <nav> element.
• The <nav> element is intended only for major block of navigation links.
• Browsers, such as screen readers for disabled users, can use this element to determine
whether to omit the initial rendering of this content.
50. HTML5 article
• The <article> tag is one of the new sectioning element in HTML5
• The HTML <article> tag is used to represent an article
• More specifically, the content within the <article> tag is independent from the other
content of the site (even though it can be related)
• Potential source for Article Element are :
1. A blog entry
2. A magazine/newspaper article
3. A forum post
4. A user submitted comment
51. HTML5 article
<!DOCTYPE html>
<html>
<body>
<h1>The article element</h1>
<article>
<h2>Google Chrome</h2>
<p>Google Chrome is a web browser developed by Google</p>
</article>
<article>
<h2>Mozilla Firefox</h2>
<p>Mozilla Firefox is an open-source web browser developed by Mozilla</p>
</article>
</body>
52. HTML5 section
• The <section> element defines a section in a document.
• According to W3C's HTML documentation: "A section is a thematic grouping of
content, typically with a heading."
• A web page could normally be split into sections for introduction, content, and
contact information.
53. HTML5 section
<!DOCTYPE html>
<html>
<body>
<section>
<h1>WWF</h1>
<p>The World Wide Fund for Nature (WWF) is an international organization working on issues regarding the
conservation, research and restoration of the environment, formerly named the World Wildlife Fund. WWF was
founded in 1961.</p>
</section>
<section>
<h1>WWF's Panda symbol</h1>
<p>The Panda has become the symbol of WWF. The well-known panda logo of WWF originated from a panda
named Chi Chi that was transferred from the Beijing Zoo to the London Zoo in the same year of the establishment
of WWF.</p>
</section>
55. Audio & Video Tag
HTML 5 support multimedia elements : <audio> and <video>.
We can add sound, music, videos, movies and animations on the web/website.
Multimedia elements Like audio and video are stored in media files.
It is used different extension like: .mpg, .mp3, .mp4, .ogg, .rm, .ram, .webm, .wav etc
HTML5 support Only MP3, Wav, ogg format for audio.
HTML5 support Only MP4, WebM, ogg format for video
56. Audio & Video Tag(Contd..)
Audio: Use src attribute to identify the media source and add a controls attribute so the user
can play and pause the media.
<html>
<body>
<p>PARUL UNIVERSITY </p>
<audio width="100%" height="100%" controls="controls">
<source src=“horse.mp3" type=audio/mp3>
<source src=“audio.ogg” type=“audio/ogg”>
</audio>
</body>
<html>
58. Audio & Video Tag(Contd..)
Attributes Description
autoplay The video/audio will automatically start without stopping to finish loading the data.
controls User can control audio/video like pause/resume, volume, seeking etc.
autobuffer The audio/video will automatically begin buffering even don’t set to automatically play.
height It is specifies the height of the audio/video’s display area.
src Use src attribute to identify the media source. This is optional. we can use <source> within the video
block .
width It is specifies the width of the audio/video’s display area.(in CSS pixels)
loop It will allow audio/video automatically seek back to the start after reaching at the end.
poster This is a URL of an image to display until the user plays or seeks.
preload It is specifies the audio/video will be loaded at page load, and ready to run. if autoplay is present then
ignore this.
59. Canvas
HTML 5 support graphics elements : <canvas> and <svg>.
The use of <canvas> element is to draw graphics on a web.
The<canvas> element is only a container for graphics. You must use JavaScript to actually
draw the graphics.
By default, a canvas has no border and no content. A canvas is a rectangular area on an HTML
page.
Ex. <canvas id=“parul" width=“90“ height=“80"></canvas>
Canvas has no. of methods for drawing paths, boxes, circles, text, and adding images.
We can find <canvas> element in the DOM using getElementById() method like:
var canvas = document.getElementById("mycanvas");
61. Data Storage
Web applications can store data locally within the user's browser.
Before HTML5, application data had to be stored in cookies, included in every server request.
Web storage is more secure, and large amounts of data can be stored locally, without affecting
website performance.
HTML Web storage provides two objects for storing data on the client:
1. Window.localStorage- store data with no expiration date .
2.Window.sessionStorage- store data for one session(data is lost when the browser tab is
closed)
62. Data Storage(Contd..)
Check browser support for localStorage and sessionStorage, Before using web storage
if(typeof(Storage)!=="undefined")
{
// Code for Storage.
}else {
// Sorry! No Web Storage support..
}
1.The local Storage Object:
The local Storage object stores the data with no expiration date.
The data will not be deleted when the browser is closed, and will be available the next day, week, or
year.
63. Data Storage(Contd..)
Example
<html>
<body>
<div id=“parul"></div>
<script>
if (typeof(Storage) !== "undefined") { // Check browser support
localStorage.setItem(“Fiestname", “Hiren"); // Store information
document.getElementById(“parul").innerHTML = localStorage.getItem(“Firstname"); // get information
}
else {
document.getElementById(“parul").innerHTML = “Opps, your browser does not support Web Storage...";
}
</script> </body>
</html>
64. Data Storage(Contd..)
The previous example could also be written like this:
localStorage.Firstname= “Hiren"; // For data Store
document.getElementById("result").innerHTML = localStorage.lastname; // get Data
The syntax for removing the “Firstname" localStorage item is as follows:
localStorage.removeItem(“Firstname");
65. Data Storage(Contd..)
2. The sessionStorage Object:
It stores the data for only one session. The data is deleted when the user closes the
browser tab.
The following example counts the number of times a user has clicked a button, in the
current session:
66. Data Storage(Contd..)
Example: <html> <head><script>
function Counter() {
if(typeof(Storage) !== "undefined") {
if (sessionStorage.clickcount) {
sessionStorage.clickcount =Number(sessionStorage.clickcount)+1; }
else {
sessionStorage.clickcount = 1; }
document.getElementById(“parul").innerHTML = "You have clicked the button " + sessionStorage.clickcount + " times
in this session."; }
else {
document.getElementById(“parul").innerHTML = “Opps, browser does not support web storage..."; } }
</script></head>
<body>
<p><button onclick="Counter()" type="button">Click me!</button></p>
<div id=“parul"></div>
</body> </html>
68. Offline
onoffline Event Attribute:
When the browser starts to work offline then Execute a JavaScript
The onoffline attribute fires when the browser starts to work offline.
<body onoffline="myFunction()">
69. Offline(Contd..)
Example :<html>
<body onoffline="offFun()“ ononline="onFun()" >
<p>Information Technology-PIET</p>
<p>This both events are only supported in Firefox and Internet Explorer version 8 to 10</p>
<script>
function onFun()
{
alert ("Your browser is working online.");
}
function offFun() {
alert ("Your browser is working offline.");
}</script> </body> </html>
70. Geolocation
It is use to share your location with your web sites.
Most of the browsers and mobile devices support Geolocation API.
A JavaScript can capture your latitude and longitude and can be sent to backend web server
and display your location on a map.
It is work with a new property of the global navigator object.
we can be create Geolocation object as below:
var geolocation = navigator.geolocation;
71. Geolocation(Contd..)
Navigator Object Properties:
Property Description
appName Return the name of the browser
appVersion Return the version information of the browser
geolocation Return a geolocation object that can be used to locate the user’s position
appCodeName Return the code name of the browser
language Return the language of the browser
platform Return for which platform the browser is compiled
onLine Verify whether the browser is online
cookieEnabled Determines whether cookies are enabled in the browser
product Return the engine name of the browser
72. Geolocation(Contd..)
Geolocation Object also provides below Methods:
Methods Description
watchPosition() Retrieves periodic updates about the current geographic
location of the device.
clearWatch() Delete an ongoing watchPosition Call.
getCurrentPosition() Retrieves the current geographic location of the user.
73. Geolocation(Contd..)
sample code to use any of the above method −
function getLoc()
{
var geolocation = navigator.geolocation;
geolocation.getCurrentPosition(showLocation, errorHandler);
}
showLocation and errorHandler are callback methods which is used to get actual position and
to handle errors if there is any.
The getCurrentPosition() is used to return the User’s Position.
74. Geolocation(Contd..)
Location Properties:
The Position object which stores the complete location information. It specifies the current geographic location of
the device. The following are the properties of the Position object:
Property Type Description
coords objects Specifies the geolocation of the device.
coords.longitude Number Specifies the longitude estimate in decimal degrees. Range is[-180.00, +180.00]
coords.latitude Number Specifies the latitude estimate in decimal degrees. Range is[-90.00, +90.00]
coords.altitude Number Specifies the altitude estimate in meters. It’s Optional.
coords.speed Number Specifies the device’s current ground speed in meters per second. It’s Optional.
coords.heading Number Specifies the device’s current direction of movement in degrees counting clockwise relative to true north.
It’s Optional.
coords.accuracy Number Specifies the accuracy of the latitude and longitude estimate in meters. It’s Optional.
timestamp date Specifies the time when the location information was retrieved and position object created. It’s Optional.
coords.altitudeAccuracy Number Specifies the accuracy of the altitude estimate in meters. It’s Optional.
75. Geolocation(Contd..)
This is a sample code of Position object. Here showLocation method is a callback method
function showLocation( position )
{
var lati = position.coords.latitude;
var long = position.coords.longitude;
...
}
76. Geolocation(Contd..)
Handling Error
Geolocation is complicated, so its required to catch any error and handle it.
The geolocations methods getCurrentPosition() and watchPosition() make use of an error
handler callback method which gives PositionError object.
There are two Handling Error properties :
Property Type Description
Message String Contains a human-readable description of the
error
Code Number Contains a numeric code for error
77. Geolocation(Contd..)
Below table describe the Possible error code return in the PositionError Object:
Constant Code Description
UNKNOWN_ERROR 0 The method failed to retrieve the location of the device due
to an unknown error.
PERMISSION_DENIED 1 The method failed to retrieve the location of the device
because the application does not have permission to use the
location services.
POSITION_UNAVAILABLE 2 The location of the device could not be determined.
TIMEOUT 3 The method was unable to retrieve the location information
within the specified maximum timeout interval.
78. Geolocation(Contd..)
This is a sample code of PositionError object.Here errorHandler method is a callback method :
function errorHandler( err )
{
if (err.code == 0)
{
// Unkonwn_Error
}
}
79. Geolocation(Contd..)
Position Options:
The actual syntax of getCurrentPosition() method is:
getCurrentPosition(callback, ErrorCallback, options)
Here 3rd argument is PositionOptions object which specifies a set of options for retrieving the
geographic location of the device.
Below table describe the option for third argument:
Property Type Description
timeout Number It is the number of milliseconds your web application is willing to wait foe
a position.
maximumAge Number Specifies the expiry time in milliseconds for caches location information.
enableHighAccuracy Boolean Specifies whether the widget wants to receive the most accurate location
estimate possible. By default it is false.
80. Geolocation(Contd..)
This is a sample code which define how to use above mentioned methods −
function getLocation()
{
var geolocation = navigator.geolocation;
geolocation.getCurrentPosition(showLocation, errorHandler, {maximumAge: 75000});
}
81. Geolocation(Contd..)
Example: <html><body>
<p>PARUL UNIVERSITY </p>
<p>PARUL INSTITUTE OF ENGINERRING & TECHNOLOGY</p>
<button onclick="getLoc()">Get Location</button>
<p id=“parul">
</p>
<script>
var a = document.getElementById(“parul");
function getLoc() {
if (navigator.geolocation) {
navigator.geolocation.getCurrentPosition(showPos, DisplayError) }
else {
a.innerHTML = “Opps,Geolocation is not supported."; } }
function showPos(position)
{
a.innerHTML = "Latitude: " + position.coords.latitude + "<br>Longitude: " + position.coords.longitude;
}
83. Drag & Drop
In HTML5, any element can be draggable.
It is when you "grab" an object and drag it to a different location.
Drag and Drop (DnD) allows the user to click and hold the mouse button down over an
element, drag it to another location, and release the mouse button to drop the element there.
To make an element draggable, set the draggable attribute to true:
<img draggable="true">
84. Drag & Drop (Contd..)
ondragstart & setData(): (What to Drag)
what happen when the element is dragged.
The ondragstart attribute calls a function, drag(event), that specifies what data to be dragged.
The dataTransfer.setData() method sets the data type and the value of the dragged data:
function drag(e)
{
e.dataTransfer.setData("text", e.target.id);
}
Here, the data type is "text" and the value is the id of the draggable element ("drag1").
85. Drag & Drop (Contd..)
ondrop: (Do the Drop )
When the dragged data is dropped, a drop event occurs.
The ondrop attribute calls a function, drop(event):
function drop(e)
{
e.preventDefault();
var data = e.dataTransfer.getData("text");
e.target.appendChild(document.getElementById(data));
}
86. Drag & Drop (Contd..)
Example : <html><head><style>
#parul {
width: 190px;
height: 80px;
padding: 10px;
border: 1px solid #aaaaaa; }
</style><script>
function allowDrop(e) {
e.preventDefault(); }
function drag(e) {
e.dataTransfer.setData("text", e.target.id); }
function drop(e) {
e.preventDefault();
var data = e.dataTransfer.getData("text");
e.target.appendChild(document.getElementById(data));
}</script></head>
87. Drag & Drop (Contd..)
<body><p> PARUL LOGO</p>
<p>Drag the image into the rectangle:</p>
<div id="parul" ondrop="drop(event)" ondragover="allowDrop(event)"></div><br>
<img id="drag1" src="parullogo.jpg" draggable="true" ondragstart="drag(event)" width=“170"
height=“60">
</body>
</html>
88. Drag & Drop (Contd..)
There are no. of Drag & Drop events, which are listed below:
Events Description
dragenter Fired when the mouse is first moved over the target element while a drag is
occurring.
dragleave Fired when the mouse leaves an element while a drag is occurring.
dragstart Fired when the user start dragging of the object.
dragover Fired as the mouse is moves over an element when a drag is occurring
drag Fires every time the mouse is moved while the object is being dragged.
draged Fires when the user releases the mouse button while dragging an object.
drop Fired on the element where the drop was occurred at the end of the drag operation
89. Message
Using web messaging we can pass the data across as a message event.
Example you want to send the data from one page to ad container which is placed at iframe or voice-
versa, in this scenario, Browser throws a security exception.
Message Event attributes:
Attributes Description
Source Contains to A reference to the originating document’s window
ports Contains the data which is sent by any message port
data Contains string information/data
origin Contain Domain name and port
lastEventId Contains unique identifier for the current message event.
90. Message(Contd..)
Before send message, we need to create a new web browsing context either by creating
new window or new iframe .
We can send the data using with postMessage() and it has two arguments.
targetOrigin − Origin name
message − The message to send
91. Message(Contd..)
A. Passing message from iframe to button
var iframe = document.querySelector('iframe');
var button = document.querySelector('button');
var clickHandler = function()
{
iframe.contentWindow.postMessage('The message to send.','https://www.gmail.com);
}
button.addEventListener('click',clickHandler,false);
92. Message(Contd..)
B. Retrieving a cross-document message in the receiving document.
var messageEventHandler = function(event)
{
if(event.origin == 'https://www.gmail.com')
{
alert(event.data);
}
}
window.addEventListener('message',messageEventHandler,false);
93. Message(Contd..)
Channel Message:
channel messaging is a two way communication between the browsing contexts.
It uses MessageChannel and MessagePort Objects
When creating messageChannel, it internally creates two ports to sending the data and
forwarded to another browsing context.
postMessage() − Post the message via channel
start() − It send the data
close() − it close the port