The document provides an overview of HTML, including:
- HTML is a markup language used to structure and present content on the web. It uses tags to define headings, paragraphs, links, and other elements.
- New HTML5 features include new semantic elements, form elements, graphics and media elements, and input types. Removed elements have been replaced by newer standards.
- Core HTML tags include <html>, <head>, <title>, <body>, and other text formatting tags. The <div> and <span> tags are used to group and style content.
- Links, images, and tables can be added using the <a>, <img>, and <table> tags, respectively. Forms are
Following are the some notes regarding HTML.It will provide you a basic insight in HTML and web designing.
For further, contact us -http://nextgenr.com/
Following are the some notes regarding HTML.It will provide you a basic insight in HTML and web designing.
For further, contact us -http://nextgenr.com/
this presentation covers the following topics which are as follows
1. Introduction of css
2. History of css
3. Types of css styling
4. Css syntax
5. Css Selector
6. Css Variations Or Css Versions
What is HTML?
Telling the browser what to do, and what props to use.
A serises of tags that are integrated into a text document.
Tags are ;
surrounded with angle brackets like this
<b> or <i>.
Most tags come in pairs
exceptions: <p>, <br>, <li> tags …
The first tag turns the action on, and the second turns it off.
Basics of html for web development by software outsourcing company indiaJignesh Aakoliya
This presentation provides overview of HTML basics for web development - by Software outsourcing company in India, iFour Technolab Pvt. Ltd. - http://www.ifourtechnolab.com
this presentation covers the following topics which are as follows
1. Introduction of css
2. History of css
3. Types of css styling
4. Css syntax
5. Css Selector
6. Css Variations Or Css Versions
What is HTML?
Telling the browser what to do, and what props to use.
A serises of tags that are integrated into a text document.
Tags are ;
surrounded with angle brackets like this
<b> or <i>.
Most tags come in pairs
exceptions: <p>, <br>, <li> tags …
The first tag turns the action on, and the second turns it off.
Basics of html for web development by software outsourcing company indiaJignesh Aakoliya
This presentation provides overview of HTML basics for web development - by Software outsourcing company in India, iFour Technolab Pvt. Ltd. - http://www.ifourtechnolab.com
Html css java script basics All about you needDipen Parmar
Hello Friends my name is Dipen parmar
and
today you got all you need in HTML ,CSS, andJavaScript
in just one document....
so please give like
and subscribe my youtube channel
https://www.youtube.com/channel/UChvhhqqFl23yYwq54ykoOQQ
These slides were prepared for the fulfillment of class presentation in Web Engineering (Masters of Science in Information System Engineering) at Gandaki College of Engineering and Science (GCES).
Project Management : Project Planning by iFour Technolab Pvt. Ltd.
Project planning is part of project management, which relates to the use of schedules such as Gantt charts to plan and subsequently report progress within the project environment.
Created by iFour Technolab Pvt. Ltd.
http://www.ifourtechnolab.com
Project management : Project Monitoring and Control by iFour Technolab Pvt. Ltd.
Monitor and Control Project Work: This process involves tracking, reviewing, and reporting project progress.
Project management : Causal analysis and Resolution by iFour Technolab Pvt. Ltd.
Causal Analysis and Resolution activities provide a mechanism for projects to evaluate their processes at the local level and look for improvements that can be implemented.
Created by iFour Technolab Pvt. Ltd.
http://www.ifourtechnolab.com
Here are proven techniques to Organizing effective training by iFour Technolab Pvt. Ltd.
Organizational training(OT) process is attached with development of knowledge and skills of project team so that they can work in effective and efficient way.
An effective training program is built by following a systematic process. Training initiatives that stand alone often fail to meet organizational objectives.
Created by iFour Technolab Pvt. Ltd. - http://www.ifourtechnolab.com
ADO.NET by ASP.NET Development Company in india
ADO.NET is a data access technology from the Microsoft .NET Framework that provides communication between relational and non-relational systems through a common set of components.
Video :
Courtesy:
http://www.ifourtechnolab.com
ASP.NET Web API is a framework that makes it easy to build HTTP services that reach a broad range of clients, including browsers and mobile devices. ASP.NET Web API is an ideal platform for building RESTful applications on the .NET Framework.
Video :
https://youtu.be/qwLBeg1CPSo
Courtesy:
http://www.ifourtechnolab.com
A plug-in is piece of code written in a standard JavaScript file. These files provide useful jQuery methods which can be used along with jQuery library methods.
JSON (JavaScript Object Notation) is a lightweight data-interchange format. It is easy for humans to read and write. It is easy for machines to parse and generate.
video :
https://youtu.be/qsBe9X9n_-M
Courtesy:
http://www.ifourtechnolab.com
State of ICS and IoT Cyber Threat Landscape Report 2024 previewPrayukth K V
The IoT and OT threat landscape report has been prepared by the Threat Research Team at Sectrio using data from Sectrio, cyber threat intelligence farming facilities spread across over 85 cities around the world. In addition, Sectrio also runs AI-based advanced threat and payload engagement facilities that serve as sinks to attract and engage sophisticated threat actors, and newer malware including new variants and latent threats that are at an earlier stage of development.
The latest edition of the OT/ICS and IoT security Threat Landscape Report 2024 also covers:
State of global ICS asset and network exposure
Sectoral targets and attacks as well as the cost of ransom
Global APT activity, AI usage, actor and tactic profiles, and implications
Rise in volumes of AI-powered cyberattacks
Major cyber events in 2024
Malware and malicious payload trends
Cyberattack types and targets
Vulnerability exploit attempts on CVEs
Attacks on counties – USA
Expansion of bot farms – how, where, and why
In-depth analysis of the cyber threat landscape across North America, South America, Europe, APAC, and the Middle East
Why are attacks on smart factories rising?
Cyber risk predictions
Axis of attacks – Europe
Systemic attacks in the Middle East
Download the full report from here:
https://sectrio.com/resources/ot-threat-landscape-reports/sectrio-releases-ot-ics-and-iot-security-threat-landscape-report-2024/
Connector Corner: Automate dynamic content and events by pushing a buttonDianaGray10
Here is something new! In our next Connector Corner webinar, we will demonstrate how you can use a single workflow to:
Create a campaign using Mailchimp with merge tags/fields
Send an interactive Slack channel message (using buttons)
Have the message received by managers and peers along with a test email for review
But there’s more:
In a second workflow supporting the same use case, you’ll see:
Your campaign sent to target colleagues for approval
If the “Approve” button is clicked, a Jira/Zendesk ticket is created for the marketing design team
But—if the “Reject” button is pushed, colleagues will be alerted via Slack message
Join us to learn more about this new, human-in-the-loop capability, brought to you by Integration Service connectors.
And...
Speakers:
Akshay Agnihotri, Product Manager
Charlie Greenberg, Host
Search and Society: Reimagining Information Access for Radical FuturesBhaskar Mitra
The field of Information retrieval (IR) is currently undergoing a transformative shift, at least partly due to the emerging applications of generative AI to information access. In this talk, we will deliberate on the sociotechnical implications of generative AI for information access. We will argue that there is both a critical necessity and an exciting opportunity for the IR community to re-center our research agendas on societal needs while dismantling the artificial separation between the work on fairness, accountability, transparency, and ethics in IR and the rest of IR research. Instead of adopting a reactionary strategy of trying to mitigate potential social harms from emerging technologies, the community should aim to proactively set the research agenda for the kinds of systems we should build inspired by diverse explicitly stated sociotechnical imaginaries. The sociotechnical imaginaries that underpin the design and development of information access technologies needs to be explicitly articulated, and we need to develop theories of change in context of these diverse perspectives. Our guiding future imaginaries must be informed by other academic fields, such as democratic theory and critical theory, and should be co-developed with social science scholars, legal scholars, civil rights and social justice activists, and artists, among others.
Transcript: Selling digital books in 2024: Insights from industry leaders - T...BookNet Canada
The publishing industry has been selling digital audiobooks and ebooks for over a decade and has found its groove. What’s changed? What has stayed the same? Where do we go from here? Join a group of leading sales peers from across the industry for a conversation about the lessons learned since the popularization of digital books, best practices, digital book supply chain management, and more.
Link to video recording: https://bnctechforum.ca/sessions/selling-digital-books-in-2024-insights-from-industry-leaders/
Presented by BookNet Canada on May 28, 2024, with support from the Department of Canadian Heritage.
GraphRAG is All You need? LLM & Knowledge GraphGuy Korland
Guy Korland, CEO and Co-founder of FalkorDB, will review two articles on the integration of language models with knowledge graphs.
1. Unifying Large Language Models and Knowledge Graphs: A Roadmap.
https://arxiv.org/abs/2306.08302
2. Microsoft Research's GraphRAG paper and a review paper on various uses of knowledge graphs:
https://www.microsoft.com/en-us/research/blog/graphrag-unlocking-llm-discovery-on-narrative-private-data/
Let's dive deeper into the world of ODC! Ricardo Alves (OutSystems) will join us to tell all about the new Data Fabric. After that, Sezen de Bruijn (OutSystems) will get into the details on how to best design a sturdy architecture within ODC.
The Art of the Pitch: WordPress Relationships and SalesLaura Byrne
Clients don’t know what they don’t know. What web solutions are right for them? How does WordPress come into the picture? How do you make sure you understand scope and timeline? What do you do if sometime changes?
All these questions and more will be explored as we talk about matching clients’ needs with what your agency offers without pulling teeth or pulling your hair out. Practical tips, and strategies for successful relationship building that leads to closing the deal.
Software Delivery At the Speed of AI: Inflectra Invests In AI-Powered QualityInflectra
In this insightful webinar, Inflectra explores how artificial intelligence (AI) is transforming software development and testing. Discover how AI-powered tools are revolutionizing every stage of the software development lifecycle (SDLC), from design and prototyping to testing, deployment, and monitoring.
Learn about:
• The Future of Testing: How AI is shifting testing towards verification, analysis, and higher-level skills, while reducing repetitive tasks.
• Test Automation: How AI-powered test case generation, optimization, and self-healing tests are making testing more efficient and effective.
• Visual Testing: Explore the emerging capabilities of AI in visual testing and how it's set to revolutionize UI verification.
• Inflectra's AI Solutions: See demonstrations of Inflectra's cutting-edge AI tools like the ChatGPT plugin and Azure Open AI platform, designed to streamline your testing process.
Whether you're a developer, tester, or QA professional, this webinar will give you valuable insights into how AI is shaping the future of software delivery.
2. Introduction to HTML
Creating HTML Pages
HTML Structure
Tags Attribute
Doctype Declaration
Text Formatting tags
Ways for Hyperlink
Block and Inline Elements
HTML Tables
HTML5
New Structural Elements in HTML5
New Form Elements
New Graphics and Media Elements
INDEX
3. Introduction To HTML
What Is HTML?
• Markup language for describing web pages
• HTML stands for Hyper Text Markup Language, a language with set of markup tags
• Documents are described by HTML tags
• Each HTML tag describes different document content
•A markup language is a set of markup tags
•A markup language is a set of markup tags
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
4. Creating HTML Pages
An HTML file must have an .htm or .html file extension
HTML files can be created with text editors:
• NotePad, NotePad ++, PSPad
Or HTML editors (WYSIWYG Editors):
• Microsoft FrontPage
• Macromedia Dreamweaver
• Netscape Composer
• Microsoft Word
• Visual Studio
4
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
5. HTML Structure
HTML is comprised of “elements” and “tags”
• Begins with <html> and ends with </html>
Elements (tags) are nested one inside another:
Tags have attributes:
HTML describes structure using two main sections: <head> and <body>
5
<html> <head></head> <body></body> </html>
<img src="logo.jpg" alt="logo" />
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
6. HTML Code Formatting
The HTML source code should be formatted to increase readability and facilitate
debugging
• Every block element should start on a new line
• Every nested (block) element should be indented
• Browsers ignore multiple whitespaces in the page source, so formatting is harmless
For performance reasons, formatting can be sacrificed
6
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
7. First HTML Page
7
<!DOCTYPE HTML>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<p>This is some text...</p>
</body>
</html>
Test.html
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
8. First HTML Page: Tags
8
Opening tag
Closing tag
An HTML element consists of an opening tag, a closing tag and the content
inside.
<!DOCTYPE HTML>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<p>This is some text...</p>
</body>
</html>
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
9. <!DOCTYPE HTML>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<p>This is some text...</p>
</body>
</html>
First HTML Page: Header
9
HTML header
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
10. <!DOCTYPE HTML>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<p>This is some text...</p>
</body>
</html>
First HTML Page: Body
10
HTML body
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
11. Some Simple Tags
Hyperlink tags
Image tags
Text formatting tags
11
<a href="http://www.telerik.com/"
title="Telerik">Link to Telerik Web site</a>
<img src="logo.gif" alt="logo" />
This text is <em>emphasized.</em>
<br />new line<br />
This one is <strong>more emphasized.</strong>
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
12. Tags Attributes
Tags can have attributes
• Attributes specify properties and behavior
• Example:
Few attributes can apply to every element:
• Id, style, class, title
• The id is unique in the document
• Content of title attribute is displayed as hint when the element is hovered with the
mouse
• Some elements have obligatory attributes
12
<img src="logo.gif" alt="logo" />
Attribute alt with value "logo"
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
13. Headings and Paragraphs
Heading Tags (h1 – h6)
Paragraph Tags
Sections: div and span
13
<p>This is my first paragraph</p>
<p>This is my second paragraph</p>
<h1>Heading 1</h1>
<h2>Sub heading 2</h2>
<h3>Sub heading 3</h3>
<div style="background: skyblue;">
This is a div</div>
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
14. The <!DOCTYPE> Declaration
HTML documents must start with a document type definition (DTD)
• It tells web browsers what type is the served code
• Possible versions: HTML 4.01, XHTML 1.0 (Transitional or Strict), XHTML 1.1, HTML 5
Example:
• See http://w3.org/QA/2002/04/valid-dtd-list.html for a list of possible doctypes
14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
15. The <head> Section
Contains information that doesn’t show directly on the viewable page
Starts after the <!doctype> declaration
Begins with <head> and ends with </head>
Contains mandatory single <title> tag
Can contain some other tags, e.g.
• <meta>
• <script>
• <style>
• <!–- comments -->
15
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
16. <head> Section: <title> tag
Title should be placed between <head> and </head> tags
Used to specify a title in the window title bar
Search engines and people rely on titles
16
<title>iFour consultancy – Sustainable Solution </title>
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
17. The <body> Section
The <body> section describes the viewable portion of the page
Starts after the <head> </head> section
Begins with <body> and ends with </body>
17
<html>
<head><title>Test page</title></head>
<body>
<!-- This is the Web page body -->
</body>
</html>
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
18. <b></b> bold
<i></i> italicized
<u></u> underlined
<sup></sup> Samplesuperscript
<sub></sub> Samplesubscript
<strong></strong> strong
<em></em> emphasized
<pre></pre> Preformatted text
<blockquote></blockquote> Quoted text block
<del></del> Deleted text – strike through
Text Formatting
Text formatting tags modify the text between the opening tag and the closing tag
• Ex. <b>Hello</b> makes “Hello” bold
18Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
19. Hyperlinks: <a> Tag
Link to a document called form.html on the same server in the same directory:
Link to a document called parent.html on the same server in the parent directory:
Link to a document called cat.html on the same server in the subdirectory stuff:
19
<a href="form.html">Fill Our Form</a>
<a href="../parent.html">Parent</a>
<a href="stuff/cat.html">Catalog</a>
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
20. Inserting an image with <img> tag:
Image attributes:
Example:
Images: <img> tag
src Location of image file (relative or absolute)
alt Substitute text for display (e.g. in text mode)
height Number of pixels of the height
width Number of pixels of the width
border Size of border, 0 for no border
<img src="/img/basd-logo.png">
<img src="./php.png" alt="PHP Logo" />
20Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
21. Block and Inline Elements
Block elements add a line break before and after them
• <div> is a block element
• Other block elements are <table>, <hr>, headings, lists, <p> and etc.
Inline elements don’t break the text before and after them
• <span> is an inline element
• Most HTML elements are inline, e.g. <a>
21
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
22. The <div> Tag
<div> creates logical divisions within a page
Block style element
Used with CSS
Example:
22
<div style="font-size:24px; color:red">DIV example</div>
<p>This one is <span style="color:red; font-weight:bold">only a
test</span>.</p>
div-and-span.html
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
23. The <span> Tag
Inline style element
Useful for modifying a specific portion of text
• Don't create a separate area (paragraph) in the document
Very useful with CSS
23
<p>This one is <span style="color:red; font-weight:bold">only a
test</span>.</p>
<p>This one is another <span style="font-size:32px; font-
weight:bold">TEST</span>.</p>
span.html
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
24. HTML Tables
Tables represent tabular data
• A table consists of one or several rows
• Each row has one or more columns
Tables comprised of several core tags:
• <table></table>: begin / end the table
• <tr></tr>: create a table row
• <td></td>: create tabular data (cell)
Tables should not be used for layout. Use CSS floats and positioning styles instead
24
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
25. Form Fields
Single-line text input fields:
Multi-line textarea fields:
Hidden fields contain data not shown to the user:
• Often used by JavaScript code
25
<input type="text" name="FirstName" value="This is a text
field" />
<textarea name="Comments">This is a multi-line text
field</textarea>
<input type="hidden" name="Account" value="This is a hidden
text field" />
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
26. HTML is the universal markup language for the Web
HTML lets you format text, add graphics, create links, input forms, frames and tables, etc.,
and save it all in a text file that any browser can read and display
The key to HTML is the tags, which indicates what content is coming up
HTML Summary
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
27. DOCTYPE declaration for HTML5 is very simple:
Use <!DOCTYPE html> instead of <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN“ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
It uses UTF-8 and you define it with just one meta tag: <meta charset="UTF-8">
HTML5 new Supported Application Programming Interfaces:
• Geolocation − Now visitors can choose to share their physical location with your web application
• Drag and drop − Drag and drop the items from one location to another location on a the same
webpage.
• Persistent Local Storage − To achieve without resorting to third-party plug-ins.
• Web Workers − A next-generation bidirectional communication technology for web applications.
• Server-Sent Events − HTML5 introduces events which flow from web server to the web browsers
and they are called Server-Sent Events (SSE)
HTML5
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
28. Removed Elements in HTML5
HTML5
Removed Element Use Instead
<acronym> <abbr>
<applet> <object>
<basefont> CSS
<big> CSS
<center> CSS
<dir> <ul>
Removed Element Use Instead
<font> CSS
<frame>
<frameset>
<noframes>
<strike> CSS, <s>, or <del>
<tt> CSS
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
29. New Semantic/Structural Elements in HTML5
HTML5
Element Description
<article> Defines an article in the document
<aside> Defines content aside from the page content
<bdi> Defines a part of text that might be formatted in a different direction from other text
<details> Defines additional details that the user can view or hide
<dialog> Defines a dialog box or window
<figcaption> Defines a caption for a <figure> element
<figure> Defines self-contained content, like illustrations, diagrams, photos, code listings, etc.
<footer> Defines a footer for the document or a section
<header> Defines a header for the document or a section
<main> Defines the main content of a document
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
30. New Form Elements in HTML5
HTML5
Element Description
<datalist> Defines pre-defined options for input controls
<keygen> Defines a key-pair generator field
<output> Defines the result of a calculation
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
31. HTML5
Element Description
<mark> Defines marked or highlighted text
<menuitem> Defines a command/menu item that the user can invoke from a popup menu
<meter> Defines a scalar measurement within a known range (a gauge)
<nav> Defines navigation links in the document
<progress> Defines a dialog box or window
<rp> Defines what to show in browsers that do not support ruby annotations
<rt> Defines an explanation/pronunciation of characters
<ruby> Defines a ruby annotation
<section> Defines a section in the document
<summary> Defines a visible heading for a <details> element
<time> Defines a date/time
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
32. New Graphics & Media Elements in HTML5
HTML5
Element Description
<canvas> Draw graphics, on the fly, via scripting
<svg> Draw scalable vector graphics
<audio> Defines sound content
<embed> Defines containers for external applications
<source> Defines tracks for <video> and <audio>
<track> Defines tracks for <video> and <audio>
<video> Defines video or movie content
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/
33. New Input Types in HTML5
• Input Types: color,date,datetime,datetime-
local,email,month,number,range,search,tel,time,url,week
• InputAttribute:autocomplete,autofocus,form,formaction,formenctype,formmethod,formnoval
idate,formtarget,height and width, list, multiple, min and max, placeholder, step, required
New syntax in HTML5
• This example demonstrates the different syntaxes used in an <input> tag:
• Empty :<input type="text" value="John" disabled>
• Unquoted :<input type="text" value=John>
• Double-quoted :<input type="text" value="John Doe">
• Single-quoted :<input type="text" value='John Doe'>
• In HTML5, all four syntaxes may be used, depending on what is needed for the attribute.
HTML5
Software Outsourcing Company Indiahttp://www.ifourtechnolab.com/