HTML is a markup language used to describe web pages. It uses tags to structure content into headings, paragraphs, lists, and other elements. Key HTML elements include <head> for page metadata, <body> for visible content, and <html> as the root element wrapping everything. Tags like <p>, <img>, and <a> are used to format text, embed images, and create hyperlinks. HTML documents are plain text that can be viewed and edited in any text editor.
This presentation is regarding HTML table.In this it is briefly explained about the HTML table from which we can get good knowledge about how to use Tables in HTML.
This presentation is regarding HTML table.In this it is briefly explained about the HTML table from which we can get good knowledge about how to use Tables in HTML.
CSS stands for Cascading Style Sheets
Styles define how to display HTML elements
External Style Sheets can save a lot of work
Styles are normally saved in external .css files. External style sheets enable you to change the appearance and layout of all the pages in a Web site, just by editing one single file!
It describe the whole detail of html, CSS , html5 for descibing how to use html tags and where we use html tags. It describe the whole detail of html and CSS.
This slide guides through the differences of the Span and Div tags in HTML.
I started a channel on YouTube for Networking lovers. "VERY SIMPLE NETWORKING" SERIES can be found at http://www.youtube.com/bgccnadom.
THANK YOU FOR YOUR SUPPORT AND LIKES.
Learn HTML and CSS in few steps . Practice an hour daily for good results in 10 days.
Here I am mentioning basic elements , attributes and tags of HTML with styling them
This presentation covers HTML basics for website and web development by iFour Technolab Pvt. Ltd.
Presentation covers following broad topics.
- Introduction To HTML
- Creating HTML Pages
- HTML Structure
- HTML Code Formatting
- HTML Structure
- HTML Code Formatting
- First HTML Page
- First HTML Page: Tags
- Tags Attributes
- Headings and Paragraphs
- Text Formatting
- Block and Inline Elements
- HTML Tables
- Form Fields
CSS stands for Cascading Style Sheets
Styles define how to display HTML elements
External Style Sheets can save a lot of work
Styles are normally saved in external .css files. External style sheets enable you to change the appearance and layout of all the pages in a Web site, just by editing one single file!
It describe the whole detail of html, CSS , html5 for descibing how to use html tags and where we use html tags. It describe the whole detail of html and CSS.
This slide guides through the differences of the Span and Div tags in HTML.
I started a channel on YouTube for Networking lovers. "VERY SIMPLE NETWORKING" SERIES can be found at http://www.youtube.com/bgccnadom.
THANK YOU FOR YOUR SUPPORT AND LIKES.
Learn HTML and CSS in few steps . Practice an hour daily for good results in 10 days.
Here I am mentioning basic elements , attributes and tags of HTML with styling them
This presentation covers HTML basics for website and web development by iFour Technolab Pvt. Ltd.
Presentation covers following broad topics.
- Introduction To HTML
- Creating HTML Pages
- HTML Structure
- HTML Code Formatting
- HTML Structure
- HTML Code Formatting
- First HTML Page
- First HTML Page: Tags
- Tags Attributes
- Headings and Paragraphs
- Text Formatting
- Block and Inline Elements
- HTML Tables
- Form Fields
This is the basic Web design and development slide. From here you can practice HTML, CSS, PHP, MySql, and JavaScript. I do believe that this is a very effective slide for the beginner who wants to learn Basic Web design and development.
What is HTML - An Introduction to HTML (Hypertext Markup Language)Ahsan Rahim
What is HTML?
HTML stands for "Hypertext Markup Language". A standardized system for tagging text files to achieve font, colour, graphic, and hyperlink effects on World Wide Web pages.
Hypertext Markup Language is the standard markup language for creating the Web pages and Web Applications. With Cascading Style Sheets (CSS) & JavaScript for creating World Wide Web pages.
HTML is a computer language devised to allow website creation. These websites can then be viewed by anyone else connected to the Internet.
HTML is relatively easy to learn & it consists of a series of short codes typed into a text-file by the site author — these are the tags. The text is then saved as a html file, and viewed through a browser.
Epistemic Interaction - tuning interfaces to provide information for AI supportAlan Dix
Paper presented at SYNERGY workshop at AVI 2024, Genoa, Italy. 3rd June 2024
https://alandix.com/academic/papers/synergy2024-epistemic/
As machine learning integrates deeper into human-computer interactions, the concept of epistemic interaction emerges, aiming to refine these interactions to enhance system adaptability. This approach encourages minor, intentional adjustments in user behaviour to enrich the data available for system learning. This paper introduces epistemic interaction within the context of human-system communication, illustrating how deliberate interaction design can improve system understanding and adaptation. Through concrete examples, we demonstrate the potential of epistemic interaction to significantly advance human-computer interaction by leveraging intuitive human communication strategies to inform system design and functionality, offering a novel pathway for enriching user-system engagements.
UiPath Test Automation using UiPath Test Suite series, part 4DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 4. In this session, we will cover Test Manager overview along with SAP heatmap.
The UiPath Test Manager overview with SAP heatmap webinar offers a concise yet comprehensive exploration of the role of a Test Manager within SAP environments, coupled with the utilization of heatmaps for effective testing strategies.
Participants will gain insights into the responsibilities, challenges, and best practices associated with test management in SAP projects. Additionally, the webinar delves into the significance of heatmaps as a visual aid for identifying testing priorities, areas of risk, and resource allocation within SAP landscapes. Through this session, attendees can expect to enhance their understanding of test management principles while learning practical approaches to optimize testing processes in SAP environments using heatmap visualization techniques
What will you get from this session?
1. Insights into SAP testing best practices
2. Heatmap utilization for testing
3. Optimization of testing processes
4. Demo
Topics covered:
Execution from the test manager
Orchestrator execution result
Defect reporting
SAP heatmap example with demo
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
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
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/
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.
UiPath Test Automation using UiPath Test Suite series, part 3DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 3. In this session, we will cover desktop automation along with UI automation.
Topics covered:
UI automation Introduction,
UI automation Sample
Desktop automation flow
Pradeep Chinnala, Senior Consultant Automation Developer @WonderBotz and UiPath MVP
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Builder.ai Founder Sachin Dev Duggal's Strategic Approach to Create an Innova...Ramesh Iyer
In today's fast-changing business world, Companies that adapt and embrace new ideas often need help to keep up with the competition. However, fostering a culture of innovation takes much work. It takes vision, leadership and willingness to take risks in the right proportion. Sachin Dev Duggal, co-founder of Builder.ai, has perfected the art of this balance, creating a company culture where creativity and growth are nurtured at each stage.
"Impact of front-end architecture on development cost", Viktor TurskyiFwdays
I have heard many times that architecture is not important for the front-end. Also, many times I have seen how developers implement features on the front-end just following the standard rules for a framework and think that this is enough to successfully launch the project, and then the project fails. How to prevent this and what approach to choose? I have launched dozens of complex projects and during the talk we will analyze which approaches have worked for me and which have not.
GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using Deplo...James Anderson
Effective Application Security in Software Delivery lifecycle using Deployment Firewall and DBOM
The modern software delivery process (or the CI/CD process) includes many tools, distributed teams, open-source code, and cloud platforms. Constant focus on speed to release software to market, along with the traditional slow and manual security checks has caused gaps in continuous security as an important piece in the software supply chain. Today organizations feel more susceptible to external and internal cyber threats due to the vast attack surface in their applications supply chain and the lack of end-to-end governance and risk management.
The software team must secure its software delivery process to avoid vulnerability and security breaches. This needs to be achieved with existing tool chains and without extensive rework of the delivery processes. This talk will present strategies and techniques for providing visibility into the true risk of the existing vulnerabilities, preventing the introduction of security issues in the software, resolving vulnerabilities in production environments quickly, and capturing the deployment bill of materials (DBOM).
Speakers:
Bob Boule
Robert Boule is a technology enthusiast with PASSION for technology and making things work along with a knack for helping others understand how things work. He comes with around 20 years of solution engineering experience in application security, software continuous delivery, and SaaS platforms. He is known for his dynamic presentations in CI/CD and application security integrated in software delivery lifecycle.
Gopinath Rebala
Gopinath Rebala is the CTO of OpsMx, where he has overall responsibility for the machine learning and data processing architectures for Secure Software Delivery. Gopi also has a strong connection with our customers, leading design and architecture for strategic implementations. Gopi is a frequent speaker and well-known leader in continuous delivery and integrating security into software delivery.
2. Introduction To HTML
What Is HTML?
• HTML is a markup language for describing web pages.
• HTML stands for Hyper Text Markup Language, a language with set of markup tags.
• HTML 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 Development Company Indiahttp://www.ifourtechnolab.com
3. 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
Software Development Company Indiahttp://www.ifourtechnolab.com
4. 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>
<html> <head></head> <body></body> </html>
<img src="logo.jpg" alt="logo" />
Software Development Company Indiahttp://www.ifourtechnolab.com
5. 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
Software Development Company Indiahttp://www.ifourtechnolab.com
6. First HTML Page
<!DOCTYPE HTML>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<p>This is some text...</p>
</body>
</html>
Test.html
Software Development Company Indiahttp://www.ifourtechnolab.com
7. <!DOCTYPE HTML>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<p>This is some text...</p>
</body>
</html>
First HTML Page: Tags
Opening tag
Closing tag
An HTML element consists of an opening tag, a closing tag and the content
inside.
Software Development Company Indiahttp://www.ifourtechnolab.com
8. <!DOCTYPE HTML>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<p>This is some text...</p>
</body>
</html>
First HTML Page: Header
HTML header
Software Development 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: Body
HTML body
Software Development Company India
10. Some Simple Tags
Hyperlink Tags
Image Tags
Text formatting tags
<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 Development Company Indiahttp://www.ifourtechnolab.com
11. 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
<img src="logo.gif" alt="logo" />
Attribute alt with value "logo"
Software Development Company Indiahttp://www.ifourtechnolab.com
12. Headings and Paragraphs
Heading Tags (h1 – h6)
Paragraph Tags
Sections: div and span
<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 Development Company Indiahttp://www.ifourtechnolab.com
13. 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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Software Development Company Indiahttp://www.ifourtechnolab.com
14. 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 -->
Software Development Company Indiahttp://www.ifourtechnolab.com
15. <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
<title>iFour consultancy – Sustainable Solution
</title>
Software Development Company Indiahttp://www.ifourtechnolab.com
16. 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>
<html>
<head><title>Test page</title></head>
<body>
<!-- This is the Web page body -->
</body>
</html>
Software Development Company Indiahttp://www.ifourtechnolab.com
17. <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
Software Development Company Indiahttp://www.ifourtechnolab.com
18. 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:
<a href="form.html">Fill Our Form</a>
<a href="../parent.html">Parent</a>
<a href="stuff/cat.html">Catalog</a>
Software Development Company Indiahttp://www.ifourtechnolab.com
19. 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" />
19
Software Development Company Indiahttp://www.ifourtechnolab.com
20. 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>
Software Development Company Indiahttp://www.ifourtechnolab.com
21. The <div> Tag
<div> creates logical divisions within a page
Block style element
Used with CSS
Example:
<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 Development Company Indiahttp://www.ifourtechnolab.com
22. 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
<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 Development Company Indiahttp://www.ifourtechnolab.com
23. 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
Software Development Company Indiahttp://www.ifourtechnolab.com
24. 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
<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 Development Company Indiahttp://www.ifourtechnolab.com
25. 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 Development Company Indiahttp://www.ifourtechnolab.com