This document provides an introduction to HTML (Hypertext Markup Language) and describes some basic HTML tags and elements. It discusses how to structure an HTML document using tags like <html>, <head>, <title>, and <body>. It also covers text formatting tags, headings, paragraphs, hyperlinks, images, and more. The document contains examples of HTML code and the rendered output to demonstrate how various tags are used.
Using this presentation you will learn dividing the browser window into different parts(frame). With frames, several Web pages can be displayed in the same browser window.
Introduction to JavaScript course. The course was updated in 2014-15.
Will allow you to understand what is JavaScript, what's it history and how you can use it.
The set of slides "Introduction to jQuery" is a follow up - which would allow the reader to have a basic understanding across JavaScript and jQuery.
Using this presentation you will learn dividing the browser window into different parts(frame). With frames, several Web pages can be displayed in the same browser window.
Introduction to JavaScript course. The course was updated in 2014-15.
Will allow you to understand what is JavaScript, what's it history and how you can use it.
The set of slides "Introduction to jQuery" is a follow up - which would allow the reader to have a basic understanding across JavaScript and jQuery.
about this presentation:
1) this presentation was a quickie for non-tech employees, who wanted a basic understanding of html/css, as it related to a white-label SAAS product;
2) the back-end/front-end definitions relate to the specific application (it's inaccurate if node.js is in the picture)
- History of the Internet
- What the Internet is
- The Audience
- How does the Internet affect people?
- Why is it used?
- Advantages and disadvantages
- The value of the internet for media institutions
- Convergence
- Implications for the future
A presentation by Peter Tucker, associate professor of math and computer science at
Whitworth University as presented in February 2009 to the Online Journalism Lab.
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.
Smart TV Buyer Insights Survey 2024 by 91mobiles.pdf91mobiles
91mobiles recently conducted a Smart TV Buyer Insights Survey in which we asked over 3,000 respondents about the TV they own, aspects they look at on a new TV, and their TV buying preferences.
Key Trends Shaping the Future of Infrastructure.pdfCheryl Hung
Keynote at DIGIT West Expo, Glasgow on 29 May 2024.
Cheryl Hung, ochery.com
Sr Director, Infrastructure Ecosystem, Arm.
The key trends across hardware, cloud and open-source; exploring how these areas are likely to mature and develop over the short and long-term, and then considering how organisations can position themselves to adapt and thrive.
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...UiPathCommunity
💥 Speed, accuracy, and scaling – discover the superpowers of GenAI in action with UiPath Document Understanding and Communications Mining™:
See how to accelerate model training and optimize model performance with active learning
Learn about the latest enhancements to out-of-the-box document processing – with little to no training required
Get an exclusive demo of the new family of UiPath LLMs – GenAI models specialized for processing different types of documents and messages
This is a hands-on session specifically designed for automation developers and AI enthusiasts seeking to enhance their knowledge in leveraging the latest intelligent document processing capabilities offered by UiPath.
Speakers:
👨🏫 Andras Palfi, Senior Product Manager, UiPath
👩🏫 Lenka Dulovicova, Product Program Manager, UiPath
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
Neuro-symbolic is not enough, we need neuro-*semantic*Frank van Harmelen
Neuro-symbolic (NeSy) AI is on the rise. However, simply machine learning on just any symbolic structure is not sufficient to really harvest the gains of NeSy. These will only be gained when the symbolic structures have an actual semantics. I give an operational definition of semantics as “predictable inference”.
All of this illustrated with link prediction over knowledge graphs, but the argument is general.
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.
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.
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.
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
5. Code With HTML <HTML> <HEAD> <TITLE> MY FIRST PAGE </TITLE> </HEAD> <BODY> GLOBAL INFORMATION CHANNEL </BODY> </HTML>
6.
7. Types of HTML Tags There are two different types of tags:-> Container Element:-> Container Tags contains start tag & end tag i.e. <HTML>… </HTML> Empty Element:-> Empty Tags contains start tag i.e. <BR>
8.
9. Heading Tag Code <html> <head><title>heading</title></head> <body> <h1> GLOBAL INFO CHANNEL</h1> <h2> GLOBAL INFO CHANNEL</h2> <h3> GLOBAL INFO CHANNEL</h3> <h4> GLOBAL INFO CHANNEL</h4> <h5> GLOBAL INFO CHANNEL</h5> <h6> GLOBAL INFO CHANNEL</h6> </body> </html>
13. Text Formatting Tags <b> <big> <em> <i> <small> <strong> <sub> <super> <ins> <del> <tt> <u> <strike> Defines bold text Defines big text Defines emphasized text Defines italic text Defines small text Defines strong text Defines subscripted text Defines superscripted text Defines inserted text Defines deleted text Defines teletype text Defines underline text Defines strike text
14. Text Formatting Code <html> <head></head> <body> <b>This text is Bold</b> <br><em>This text is Emphasized</em> <br><i>This text is Italic</i> <br><small>This text is Small</small> <br>This is<sub> Subscript</sub> and <sup>Superscript</sup> <br><strong>This text is Strong</strong> <br><big>This text is Big</big> <br><u>This text is Underline</u> <br><strike>This text is Strike</strike> <br><tt>This text is Teletype</tt> </body> </html>
17. Font Tag Code <html> <head><title> fonts</title></head> <body> <br><font color=“green" size="7" face="Arial"> GLOBAL INFORMATION CHANNEL </font> <br><font color=“green" size="6" face="Comic Sans MS "> GLOBAL INFORMATION CHANNEL </font> <br><font color=“green" size="5" face="Lucida Sans Unicode"> GLOBAL INFORMATION CHANNEL </font> <br><font color=“green" size="4" face="Courier New"> GLOBAL INFORMATION CHANNEL </font> <br><font color=“green" size="3" face="Times New Roman"> GLOBAL INFORMATION CHANNEL </font> <br><font color=“green" size="2" face="Arial Black"> GLOBAL INFORMATION CHANNEL </font> <br><font color=“green" size="1" face="Impact"> GLOBAL INFORMATION CHANNEL </font> </body> </html>
24. Image attributes - <img> tag <img> <Src> <Alt> <Width> <Height> <Border> <Hspace> <Vspace> <Align> <background> Defines an image display an image on a page,Src stands for "source". Define "alternate text" for an image Defines the width of the image Defines the height of the image Defines border of the image Horizontal space of the image Vertical space of the image Align an image within the text Add a background image to an HTML page
25. Code & Result of the Image <html><body> <p><img src="file:///C:/WINDOWS/Zapotec.bmp" align="left" width="48" height="48"> </p> <p><img src ="file:///C:/WINDOWS/Zapotec.bmp" align="right" width="48" height="48"></p> </body></html> <HTML> <<body background="file:///C:/WINDOWS/Soap%20Bubbles.bmp" text="white"> <br><br><br> <h2> Background Image!</h2> </BODY></HTML>
26. Code & Result of the Image <html><body> <p>An image <img src="file:///C:/WINDOWS/Zapotec.bmp" align="bottom" width="48" height="48"> in the text</p> <p>An image <img src ="file:///C:/WINDOWS/Zapotec.bmp" align="middle" width="48" height="48"> in the text</p> <p>An image <img src ="file:///C:/WINDOWS/Zapotec.bmp" align="top" width="48" height="48"> in the text</p> <p>Note that bottom alignment is the default alignment</p> <p><img src ="file:///C:/WINDOWS/Zapotec.bmp" width="48" height="48"> An image before the text</p> <p>An image after the text <img src ="file:///C:/WINDOWS/Zapotec.bmp" width="48" height="48"> </p> </body></html>
28. HTML Table Tag <table> <tr> <td> <th> <Caption> <colgroup> <col> <thead> <tbody> <tfoot> < Cellspacing> <Cellpadding> <Colspan> <rowspan> <Border> used to create table table is divided into rows each row is divided into data cells Headings in a table caption to the table Defines groups of table columns Defines the attribute values for one or more columns in a table Defines a table head Defines a table body Defines a table footer amount of space between table cells. space around the edges of each cell No of column working with will span No of rows working with will span attribute takes a number
29. Code & Result of the Table <html> <body> <h3>Table without border</h3> <table> <tr> <td>MILK</td> <td>TEA</td> <td>COFFEE</td> </tr> <tr> <td>400</td> <td>500</td> <td>600</td> </tr> </table> </body> </html>
35. List Tags <LI> <OL> <UL> <DL> <DT> <DD> <LI> is an empty tag,it is used for representing the list items Ordered list Unordered list Defines a definition list Defines a term (an item) in a definition list Defines a description of a term in a definition list
36.
37. Code & Result of the Unordered List <html><body> <h4>Disc bullets list:</h4> <ul type="disc"> <li>Jones</li> <li>Smith</li> <li>Hayes</li> <li>Jackson</li></ul> <h4>Circle bullets list:</h4> <ul type="circle"> <li>Jones</li> <li>Simth</li> <li>Hayes</li> <li>Jackson</li></ul> <h4>Square bullets list:</h4> <ul type="square"> <li>Jones</li> <li>Smith</li> <li>Hayes</li> <li>Jackson</li></ul> </body></html>
38.
39. Code & Result of the Ordered List <html><body> <h4>Numbered list:</h4> <ol> <li>Jones</li> <li>Smith</li> <li>Hayes</li> <li>Jackson</li></ol> <h4>Letters list:</h4> <ol type="A"> <li>Jones</li> <li>Smith</li> <li>Hayes</li> <li>Jackson</li></ol> <h4>Roman numbers list:</h4> <ol type="I"> <li>Jones</li> <li>Smith</li> <li>Hayes</li> <li>Jackson</li></ol> </body></html>
40.
41. Form Tags <form> <input> <text> <textarea> <password> <label> <option> <select> <button> <value> <checkbox> <dropdown box> Defines a form for user input used to create an input field Creates a single line text entry field Defines a text-area (a multi-line text input control) Creates a single line text entry field. And the characters entered are shown as asterisks (*) Defines a label to a control Creates a Radio Button. Defines a selectable list (a drop-down box) Defines a push button attribute of the option element. select or unselect a checkbox A drop-down box is a selectable list
42. Code of the HTML Form <html><body><form> <h1>Create a Internet Mail Account</h1> <p>First Name <input type="text" name="T1" size="30"></p> <p>Last Name <input type="text" name="T2" size="30"></p> <p>Desired Login Name <input type="text" name="T3" size="20"> @mail.com</p> <p>Password <input type="password" name="T4" size="20"></p> <input type="radio" checked="checked" name="sex" value="male" /> Male</br> <input type="radio" name="sex" value="female" /> Female <p>Birthday <input type="text" name="T6" size="05"> <select size="1" name="D2"> <option>-Select One-</option> <option>January</option> <option>February</option> <option>March</option> </select> <input type="text" name="T7" size="10"></p> TypeYourself<textarea rows="4" name="S1" cols="20"></textarea> <br><input type="submit" value="Accept" name="B1"> <input type="reset“ value="Cancel" name="B2"></br> </form></body></html>
![INTRODUCTION TO HTML ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)