HTML and CSS

Jul 21, 2019Download as pptx, pdf

1 like209 views

The document provides an overview of HTML and CSS basics. It covers HTML structure using tags, common HTML elements and tags like headings, paragraphs, lists, and tables. It then covers CSS and how it can be used to style HTML elements either inline, internally, or via an external stylesheet. Key CSS concepts covered include properties for fonts, colors, padding, borders, dimensions. The document concludes with an assignment to build a page using HTML and external CSS.

Software

www.treeni.com
Html, Css
- Ketan Ghumatkar

HTML Basics
● Hypertext markup language
● Browser language
● Building blocks using tags
● Structure of website

HTML Basic Layout
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>

HTML Advance Layout
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

HTML Advance Layout
● <header> - Defines a header for a
document or a section
● <nav> - Defines a container for
navigation links
● <section> - Defines a section in a
document
● <article> - Defines an independent self-
contained article
● <aside> - Defines content aside from
the content (like a sidebar)
● <footer> - Defines a footer for a
document or a section
● <details> - Defines additional details
● <summary> - Defines a heading for the
<details> element

HTML TAGs - Elements and Attributes
Examples -
<a href="https://www.w3schools.com">This is a link</a>
<img src="img_girl.jpg" width="500" height="600">

HTML - Important tags
Headings
<h1>- </h1>
<h2>- </h2>
<h3>- </h3>
<h4>- </h4>
<h5>- </h5>
<h6>- </h6>
Paragraphs
<p>-</p>
Content holders
<div>-</div>
<span>-</span>
Listings
<ul> <ol>
<li>A</li> <li>A</li>
<li>B</li> <li>B</li>
</ul> </ol>
Table
<table>
<th>
<td></td>
<td></td>
</th>
<tr>
<td></td>
</tr>
</table>

HTML - styling
Basic styling with tags
● <b> - Bold text
● <strong> - Important text
● <i> - Italic text
● <em> - Emphasized text
● <mark> - Marked text
● <small> - Small text
● <del> - Deleted text
● <ins> - Inserted text
● <sub> - Subscript text
● <sup> - Superscript text
Element types
- Block
- inline

CSS - Basic
● Cascading style sheet
● How element should look like
● Color, size, shape, position
● CSS can be added to HTML elements in 3 ways
● Inline - by using the style attribute in HTML elements
● Internal - by using a <style> element in the <head> section
● External - by using an external CSS file

CSS - Inline Styling
● Mostly used for single element to style
● Uses the style attribute of html element
● Example -
<h1 style="color:blue;">This is a Blue Heading</h1>

CSS - Internal Styling
● Used to define style for single html page
● Is defined in the <head> section within <style> tag
<!DOCTYPE html>
<html>
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>

CSS - External Styling
● Used defined style for multiple html pages
● You can change look of entire website with single file
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
body {
background-color:
powderblue;
}
h1 {
color: blue;
}
p {
color: red;
}

CSS - Properties
font: 15px arial, sans-serif;
background: lightblue url("img_tree.gif") no-repeat fixed center;
padding: 10px; padding: 10px 2px; padding: 5px 10px 15px 20px;
border: 5px solid red;
width: 500px; width: 50%;
Try different properties in chrome debugger
Reference: https://www.w3schools.com/cssref/default.asp

CSS - concept
Padding and Margin
Float: left, right, none;
Position: static, relative, absolute, fixed

Assignment Overview
Write HTML and CSS to create below page
Folder structure
- Assignment
- index.html
- css
- style.css

HTML documents are comprised of content and markup tags. Content contains the actual information, while markup tags tell the browser how to display the page. HTML uses tags like <html> and </html> to structure documents, along with other tags for headings, paragraphs, images and more. CSS allows specifying styles for HTML elements to control properties like colors, fonts, sizes and layout. CSS rules are defined with selectors that pick elements to style and declarations that set property values.

Html & CSSJainilSampat

The document discusses HTML and CSS. HTML is the markup language used to create webpages, while CSS describes how HTML elements are displayed. It provides definitions of HTML 5 and CSS 3, the current major versions. Free courses for learning HTML and CSS are listed from YouTube, Khan Academy, and W3Schools. Paid course options are also listed from Coursera, Udemy, and Pluralsight. Experts in HTML and CSS mentioned include Tim Berners-Lee and Bucky Roberts. Contact information is provided at the end.

Web development using HTML and CSSSiddhantSingh980217

The document provides an overview of web development, focusing on front-end practices using HTML and CSS. It defines HTML as the standard markup language for creating web pages and discusses its role in structuring content, while CSS is described as a stylesheet language that defines the presentation of HTML elements. Additionally, the document covers the importance of these technologies, their ease of use, and mentions several code editors for development.

html & css umesh patil

Html n CSSSukrit Gupta

The document discusses the three main technologies used to build user interfaces: HTML for structure, CSS for presentation, and JavaScript for behavior. It emphasizes that each technology should only be used for its intended purpose to improve accessibility, portability, maintainability, and performance. HTML provides structure using tags, CSS handles styling and layout with rules, and JavaScript adds interactive behaviors. The document then goes into more detail about each technology and their various components.

Introduction to HTMLShreyaShetty92

The document outlines the prerequisites and basics of HTML, emphasizing the need for a text editor and web browser. HTML, created by Tim Berners-Lee, is a markup language used to structure web pages, consisting of tags that define document elements. It details the basic structure of an HTML document, highlighting the roles of the <head> and <body> sections, and illustrates simple syntax with an example.

Web1O1 - Intro to HTML/CSSNYCSS Meetup

This document provides an introduction to HTML, CSS, and the basic structure of a web page. It explains that HTML is the content layer and defines the structure and semantics of a web page using tags. CSS is the presentation layer and controls the styling and layout of HTML content. The main parts of an HTML document are the <DOCTYPE>, <html>, <head>, and <body> tags. The <head> contains meta information while the <body> holds visible page content. CSS can be included inline, embedded, or through an external stylesheet to style HTML elements. JavaScript adds interactivity and functionality to web pages.

Css introductionAbhishekMondal42

CSS (Cascading Style Sheets) is a style sheet language that allows control over the presentation and layout of web pages. CSS handles the look and feel aspects of a web page by controlling things like colors, fonts, layout, and variations for different devices. CSS provides advantages like time savings through reuse of styles, faster page loads with less code, and easy maintenance through global style changes. The CSS language is created and maintained by the CSS Working Group within the W3C, and the ratified specifications become recommendations for implementation.

Introduction to web design discussing which languages is used for website des...Aditya Dwivedi

The document discusses web design, focusing on HTML as the primary markup language used to present content in browsers, including the structure of HTML elements like block and inline elements. It covers the creation of HTML tables and forms, along with the importance of CSS for styling content, including different types of stylesheets and selectors. Additionally, it explains various CSS properties for background, images, links, and positioning elements on a webpage.

Introduction to CSSAursalanSayed

Introduction to CSSFolasade Adedeji

This document provides an introduction to cascading style sheets (CSS) and covers several key concepts: CSS is used to style and lay out web pages and defines how HTML elements are displayed. Styles are normally saved in external CSS files so the appearance of an entire website can be changed by editing one file. A CSS rule has a selector that specifies which element the rule applies to and declarations that define properties for that element. Comments can be added to CSS code to explain it. Different selectors like ID, class, and inline styles allow targeting specific elements. The order of style precedence determines which styles get applied when multiple styles conflict. Background properties are used to define and customize element backgrounds.

11 Quiz related to HTML, CSS, JS and WPRashna Maharjan

The document contains 11 multiple choice questions about HTML, CSS, JavaScript, and WordPress. It asks what HTML stands for, the meaning of "Cascading" in CSS, the correct HTML tag for the largest heading, the element used for an external style sheet, the official color of the WordPress logo, the file extension for JavaScript files, the tagline of WordPress, who makes web standards, the HTML element for JavaScript, the CSS selector for a unique element, and how many posts or pages can be created in WordPress.

Introduction to the Web and HTMLSiddharthBorderwala

This document provides an introduction and outline for a workshop on web development. It discusses introducing HTML, CSS, JavaScript, and publishing a portfolio over the course of 5 days. Attendees can learn web development from an experienced developer, create a portfolio to publish and sell websites, and understand the challenges web developers face. The outline covers introducing the web and what happens when a URL is accessed, the client-server architecture, HTML for page structure, CSS for styles, and JavaScript for behavior. Time is allotted at the end for questions.

Html csskanakaiah kedam

1. The document discusses Cascading Style Sheets (CSS), which provide a powerful and flexible way to specify formatting for HTML elements. CSS rules are applied hierarchically based on precedence rules. 2. CSS levels 1, 2, and 3 are outlined, with CSS1 supporting basic styling of HTML elements. The document then covers specifying style rules, external and inline style sheets, creating styles through classes and IDs, and precedence rules. 3. Examples demonstrate applying styles to text properties like fonts, backgrounds, colors, and positioning. Specific properties like font-family and text-align are also defined.

Introduction to csseShikshak

Coding a Website with HTMLwrhsbusiness

HTML is the standard markup language used to create web pages. It uses tags to define the structure of a document and includes elements like headings, paragraphs, images, and links. XHTML is a stricter version of HTML that requires elements to be in lowercase and closed properly. CSS is used with HTML to control how pages are displayed by defining styles separate from document structure and content. Basic HTML page structure includes tags for the <html>, <head>, <title>, and <body> elements.

Casc Style Sheets IiDigital Insights - Digital Marketing Agency

This document provides an introduction to cascading style sheets (CSS) and discusses different CSS types including pseudo classes and pseudo elements. It reviews three methods for applying CSS stylesheets - inline, embedded and separate files. It also covers the order of precedence for different CSS styles and defines class and ID selector styles for formatting HTML elements. Finally, it demonstrates how to use pseudoclasses to style anchor links at different states like unvisited, visited, hover and active.

Introduction to HTML and CSSMario Hernandez

The document provides an agenda for a workshop on HTML, CSS, and putting them together. It covers HTML topics like semantic tags, comments, and best practices. It then discusses CSS topics such as IDs vs classes, floats, shorthand, and putting HTML and CSS together with project structure and layouts. The workshop aims to give an introduction to HTML, CSS, and how to structure websites using these languages.

CSS- Cascading Style SheetCodewizacademy

This document discusses different ways to style and design web pages using CSS: - CSS can be used to style content and is written in combination with HTML. It can be written inline, internally, or externally. - Inline CSS inserts style code directly into HTML tags and only affects that specific content. - Internal CSS writes style code in the <head> using <style> tags and applies styling to all instances of tags within the document. - External CSS defines styles in a separate .css file that is linked via the <link> tag, allowing uniform styling across an entire website.

Lesson 1: Introduction to HTMLOlivia Moran

- HTML (Hypertext Markup Language) is the code that defines the structure and layout of a web page. - HTML uses tags to annotate text, images, and other content for display in a web browser. Common tags include <body>, <h1> for headings, and <p> for paragraphs. - To create an HTML page, you open a plain text editor and save the file with a .html extension. Then you can use tags to structure the page content and view it in a web browser.

Introduction to HTML and CSSdanpaquette

The document is an introduction to HTML and CSS that provides a tutorial on the basic syntax and structure of each language. It begins by explaining how to create simple HTML files and add basic HTML tags like headings, paragraphs, and lists. It then introduces linking an external CSS stylesheet and using CSS selectors to style HTML elements by changing properties like colors, backgrounds, padding and more. The document provides examples of additional CSS concepts like classes, inheritance, the box model, specificity and more. It concludes by recommending additional resources for references, validators, code editors and tutorials.

CSSseedinteractive

CSS (Cascading Style Sheets) is a style sheet language used to describe the presentation of structured documents written in HTML. CSS controls the layout of multiple documents from a single style sheet and allows for more precise control over layouts and different styles for different media like screens and print. CSS syntax uses selectors to apply styles denoted by properties and values to HTML elements. Styles can be applied inline, internally in the <style> tag, or externally in a separate .css file linked via the <link> tag.

Boostrap basicsJTechTown

Bootstrap is a free front-end framework that facilitates fast and responsive web development using HTML, CSS, and optional JavaScript plugins. It is designed to ensure that websites automatically adjust to various devices, providing a mobile-first approach and compatibility with modern browsers. The document includes basic HTML structure, the importance of meta tags, and an example of creating a simple Bootstrap webpage.

What is HTML - An Introduction to HTML (Hypertext Markup Language)Ahsan Rahim

This document serves as an introduction to HTML, covering basic concepts such as structure, elements, tags, and attributes used in creating web pages. It explains the significance of the <head> and <body> sections, provides examples of simple HTML pages, and discusses various tags for text formatting, hyperlinks, and images. Additionally, it emphasizes the importance of proper syntax and the role of comments within an HTML document.

Introduction to html course digital markertersSEO SKills

HTML, or Hypertext Markup Language, is the standard language for creating static web pages, understood by all browsers and developed by Tim Berners-Lee. It consists of text documents with markup tags that define content display and includes elements like headings, paragraphs, and images, structured within <html>, <head>, and <body> tags. The latest version is HTML5, which requires a proper doctype declaration for correct browser display.

Introduction to HTMLAnn Alcid

How to create basic webpageJames Erro

Hushang GaikwadHushnag Gaikwad

This document provides an introduction to HTML, CSS, and JavaScript. It defines HTML as the standard markup language for creating web pages using tags to describe structure. CSS is described as using cascading style sheets to describe how HTML elements are displayed, and can be applied internally, inline, or via external stylesheets. JavaScript is defined as an interpreted scripting language that can display data in alerts, by writing to the HTML output or browser console, or modifying HTML elements.

Basic Details of HTML and CSS.pdfKalyani Government Engineering College

This document provides an introduction to HTML and CSS. It defines HTML as a markup language used to structure web pages with tags, and CSS as a style sheet language used to describe how HTML elements are displayed. It lists common HTML elements like headings, paragraphs, and divs that can be block or inline, and describes how CSS can be applied internally, inline, or via external stylesheets to control things like colors, fonts, and layout. Key differences between HTML and CSS are also outlined, with HTML for structure and CSS for presentation.

Java script and htmlMalik M. Ali Shahid

HTML defines the structure and layout of a web page. It uses elements like <h1> for headings and <p> for paragraphs to structure content. CSS can be used to style HTML elements by specifying properties for things like color, font, size, and layout. JavaScript can dynamically update HTML content and attributes, adding interactivity to web pages. It is one of the core languages all web developers must learn along with HTML and CSS.

More Related Content

What's hot (20)

Introduction to web design discussing which languages is used for website des...Aditya Dwivedi

Introduction to CSSAursalanSayed

Introduction to CSSFolasade Adedeji

11 Quiz related to HTML, CSS, JS and WPRashna Maharjan

Introduction to the Web and HTMLSiddharthBorderwala

Html csskanakaiah kedam

Introduction to csseShikshak

Coding a Website with HTMLwrhsbusiness

Casc Style Sheets IiDigital Insights - Digital Marketing Agency

Introduction to HTML and CSSMario Hernandez

CSS- Cascading Style SheetCodewizacademy

Lesson 1: Introduction to HTMLOlivia Moran

Introduction to HTML and CSSdanpaquette

CSSseedinteractive

Boostrap basicsJTechTown

What is HTML - An Introduction to HTML (Hypertext Markup Language)Ahsan Rahim

Introduction to html course digital markertersSEO SKills

Introduction to HTMLAnn Alcid

How to create basic webpageJames Erro

Hushang GaikwadHushnag Gaikwad

Introduction to web design discussing which languages is used for website des...Aditya Dwivedi

Introduction to CSSAursalanSayed

Introduction to CSSFolasade Adedeji

11 Quiz related to HTML, CSS, JS and WPRashna Maharjan

Introduction to the Web and HTMLSiddharthBorderwala

Html csskanakaiah kedam

Introduction to csseShikshak

Coding a Website with HTMLwrhsbusiness

Casc Style Sheets IiDigital Insights - Digital Marketing Agency

Introduction to HTML and CSSMario Hernandez

CSS- Cascading Style SheetCodewizacademy

Lesson 1: Introduction to HTMLOlivia Moran

Introduction to HTML and CSSdanpaquette

CSSseedinteractive

Boostrap basicsJTechTown

What is HTML - An Introduction to HTML (Hypertext Markup Language)Ahsan Rahim

Introduction to html course digital markertersSEO SKills

Introduction to HTMLAnn Alcid

How to create basic webpageJames Erro

Hushang GaikwadHushnag Gaikwad

Similar to HTML and CSS (20)

Basic Details of HTML and CSS.pdfKalyani Government Engineering College

Java script and htmlMalik M. Ali Shahid

Java script and html newMalik M. Ali Shahid

Workshop 2 Slides.pptxDaniyalSardar

The document summarizes Workshop #2 on web development hosted by Sohail Asghar and Saad Mustafa. It covers the basics of HTML, CSS, and JavaScript. For HTML, it discusses basic tags like headings, paragraphs, links, images and lists. For CSS, it explains concepts like selectors, colors, backgrounds, borders, fonts, padding, and margins. For JavaScript, it provides introductions to variables, output, data types, and more.

html css intro sanskar , saurabh.pptxSanskardubey24

This document provides a basic introduction to HTML and CSS. It discusses the history of HTML, how HTML is used to define page structure while CSS is used for presentation. It then covers common HTML tags like headings, paragraphs, lists, links and tables. It also discusses the different ways of implementing CSS - inline styles, internal and external stylesheets. The document aims to explain the fundamentals of HTML and CSS for beginners.

CSS Training in Bangalorerajkamal560066

CSS (Cascading Style Sheets) allows styling and formatting of HTML documents. CSS separates the document structure/content from presentation/layout. CSS defines how HTML elements are displayed on screen, paper, or other media. CSS works by applying styles like colors, fonts, spacing to HTML elements. Multiple CSS style sheets can be applied to the same HTML document by following the rules of CSS cascading logic.

HTML, CSS BASICS OF HTML AND CSS USED IN WEBSITE.pptxshahmirmirza30

Basic HTML/CSSChris Heiden

This document provides an overview of HTML and CSS topics for a Partner Certification course. It includes brief explanations and examples of common HTML elements and tags like headings, paragraphs, links and images. It also covers the basics of CSS including the different types of style sheets (external, internal, inline), CSS syntax, and how to style Pardot forms using internal style sheets. The document concludes by noting students will take a test to pass this portion of the certification.

WEBSITE DESIGN AND DEVELOPMENT WITH CASCADING STYLE SHEETS(CSS)brianbyamukama302

cascading style sheets ppt.sildeshower phone viewkedaringle994

CssKamal Acharya

CSS (Cascading Style Sheets) allows separation of document content from document presentation, including elements like fonts, colors, and layout. CSS saves work by defining styles that can be applied to multiple pages from a single .css file. CSS rules contain selectors that specify elements to style and declarations that define element properties like color, font, size and more. Common CSS selectors include element, class, and ID selectors. The CSS box model, background properties, borders, text properties and grouping/nesting allow precise control of appearance.

6_CasCadingStylesSheetsCSS.pptVARNITBHASKAR1

Cascading Style Sheets (CSS) allow formatting of web documents. CSS provides attributes to create dynamic effects on web pages. Style sheets allow predefining formatting properties in a single list to apply globally or selectively. There are three main ways to insert a CSS stylesheet - external, internal, and inline. External stylesheets define styles in a .css file and can change an entire website with one file change. Internal stylesheets define styles within the <style> element in the HTML <head>. Inline styles directly format individual elements using the style attribute.

Unit 2 WT-CSS.pptx web technology projectabhiramhatwar

The document explains CSS (Cascading Style Sheets), emphasizing its use for defining styles, layout, and improving web page maintenance and accessibility. It covers CSS syntax, including selectors, properties, units, and styling methods (inline, embedded, and external), as well as the cascading order of styles and the importance of responsive design. Additionally, it discusses various types of selectors and their usage for targeting HTML elements based on attributes, states, and combinations.

Introduction HTML and CSSGovtITIWomen

CSS (Cascading Style Sheets) is used to describe how HTML elements are displayed on different devices. CSS allows control over the layout and styling of multiple web pages at once by storing style rules in external CSS files that can be linked from HTML pages. There are three main ways to include CSS - inline styles using the style attribute, embedded styles using the <style> tag, and external style sheets using the <link> tag to link to a .css file.

Lab_Ex1.pptxsherrilsiddhardh

This document provides an overview of HTML and CSS for creating interactive web pages. It defines HTML as the standard markup language used to describe web page structure using elements like <head>, <body>, <h1>, and <p>. CSS is used to format and style HTML elements, and can be added inline, internally, or through external stylesheets. Key HTML tags are explained, like <img> for embedding images. The document also covers basic CSS syntax and how it is used to control properties like colors, fonts, spacing and layout.

BITM3730Week4.pptxMattMarino13

The document provides information on CSS (Cascading Style Sheets) and how to apply styles to HTML elements. It defines the three methods for applying CSS - inline, internal, and external stylesheets. It provides examples of each method and explains how to link an external stylesheet to an HTML document using the <link> tag. Key CSS properties for controlling colors, fonts, borders, padding, and margins are also outlined.

Html Styles-CSSispkosova

CSS (Cascading Style Sheets) is used to style and lay out HTML elements. CSS can be added to HTML elements in three ways: inline, internally, or externally via a separate CSS file. A CSS rule consists of a selector that points to the HTML element to style and a declaration block containing CSS properties and values to apply styles like color, font, size, and layout. Common CSS selectors target elements by ID, class, element type, or other attributes. CSS can control text, font, color, size, spacing, borders, and layout of HTML elements and entire web pages.

Css1Pulkit Tanwar

CSS defines how HTML elements are styled and laid out on a page. There are three main types of CSS: inline CSS using the style attribute, internal CSS using the <style> tag, and external CSS linking to a .css file. CSS selectors like id and class allow targeting specific elements by id or class name to style them. Common CSS properties control elements' color, font, size, positioning, and other visual aspects.

HTML (Hyper Text Markup language ).pptxneelkamal72809

DESIGN THINKING SYLLABUS MATERIAL NOTES UNIT 1 .pptxbmit1

This document provides an overview of HTML and CSS for a lab exercise on creating interactive web sites. It defines HTML as the standard markup language used to structure web pages and describes common HTML elements like headings, paragraphs, and images. It then defines CSS as the language used to format and style HTML elements, describing how CSS can be added inline, internally, or via external stylesheets to control properties like colors, fonts, spacing, and layout. The document provides examples of HTML code and both internal and external CSS.

Basic Details of HTML and CSS.pdfKalyani Government Engineering College

Java script and htmlMalik M. Ali Shahid

Java script and html newMalik M. Ali Shahid

Workshop 2 Slides.pptxDaniyalSardar

html css intro sanskar , saurabh.pptxSanskardubey24

CSS Training in Bangalorerajkamal560066

HTML, CSS BASICS OF HTML AND CSS USED IN WEBSITE.pptxshahmirmirza30

Basic HTML/CSSChris Heiden

WEBSITE DESIGN AND DEVELOPMENT WITH CASCADING STYLE SHEETS(CSS)brianbyamukama302

cascading style sheets ppt.sildeshower phone viewkedaringle994

CssKamal Acharya

6_CasCadingStylesSheetsCSS.pptVARNITBHASKAR1

Unit 2 WT-CSS.pptx web technology projectabhiramhatwar

Introduction HTML and CSSGovtITIWomen

Lab_Ex1.pptxsherrilsiddhardh

BITM3730Week4.pptxMattMarino13

Html Styles-CSSispkosova

Css1Pulkit Tanwar

HTML (Hyper Text Markup language ).pptxneelkamal72809

DESIGN THINKING SYLLABUS MATERIAL NOTES UNIT 1 .pptxbmit1

Recently uploaded (20)

Zoho Creator Solution for EI by Elsner Technologies.docxElsner Technologies Pvt. Ltd.

The Anti-Masterclass Live - Peak of Data & AI 2025Safe Software

Test Case Design Techniques – Practical Examples & Best Practices in Software...Muhammad Fahad Bashir

This presentation was part of the SQA & PM Bootcamp, where I served as a trainer. It focuses on effective test case design techniques, blending theoretical knowledge with practical application, especially useful for manual testers and QA beginners. Video Lecture Recording : https://www.facebook.com/share/v/1Z44DiXN5v/ What’s Covered: 🧾 Definition and Purpose of Test Case Design 🚀 Importance of Structured Test Design 🧠 Test Case Design Techniques Overview: ✅ Black Box Techniques ✅ White Box Techniques ✅ Experience-Based Techniques 📝 Manual Test Case Design in Detail 🔐 Real-World Example: Login Page Test Case 🧩 Black Box Methods Explained with Examples: Equivalence Partitioning (EP) Boundary Value Analysis (BVA) Difference Between EP & BVA 📊 Decision Table Testing 💡 Experience-Based Testing: Error Guessing, Exploratory Testing 📂 White Box Techniques (Introductory Overview) ➕ Much More to Help You Build Strong Manual Testing Skills This resource is especially helpful for students, aspiring QA professionals, and junior testers looking to master test design fundamentals with clarity and practical insight.

Milwaukee Marketo User Group June 2025 - Optimize and Enhance Efficiency - Sm...BradBedford3

Inspired by the Adobe Summit hands-on lab, Optimize Your Marketo Instance Performance, review the recording from June 5th to learn best practices that can optimize your smart campaign and smart list processing time, inefficient practices to try to avoid, and tips and tricks for keeping your instance running smooth! You will learn: How smart campaign queueing works, how flow steps are prioritized, and configurations that slow down smart campaign processing. Best practices for smart list and smart campaign configurations that yield greater reliability and processing efficiencies. Generally recommended timelines for reviewing instance performance: walk away from this session with a guideline of what to review in Marketo and how often to review it. This session will be helpful for any Marketo administrator looking for opportunities to improve and streamline their instance performance. Be sure to watch to learn best practices and connect with your local Marketo peers!

Open Source Software Development MethodsVICTOR MAESTRE RAMIREZ

Zoneranker’s Digital marketing solutionsreenashriee

From Data Preparation to Inference: How Alluxio Speeds Up AIAlluxio, Inc.

Alluxio Webinar June 17, 2025 For more Alluxio Events: https://www.alluxio.io/events/ Speaker: Jingwen Ouyang (Sr. Product Manager @ Alluxio) In this talk, Jingwen Ouyang, Senior Product Manager at Alluxio, will share how Alluxio make it easy to share and manage data from any storage to any compute engine in any environment with high performance and low cost for your model training, model inference, and model distribution workload.

Folding Cheat Sheet # 9 - List Unfolding 𝑢𝑛𝑓𝑜𝑙𝑑 as the Computational Dual of ...Philip Schwarz

Advance Doctor Appointment Booking App With Online PaymentAxisTechnolabs

Sysinfo OST to PST Converter InfographicSysInfo Tools

Azure AI Foundry: The AI app and agent factoryMaxim Salnikov

Discover how Azure AI Foundry is transforming the way organizations innovate and operate. This session explores the pivotal role of AI in reshaping business processes, enhancing employee experiences, and redefining customer engagement. Attendees will gain insights into the strategic value of AI investments, including the measurable returns and the growing momentum behind generative AI experimentation. The talk introduces the emerging paradigm of agentic AI - intelligent agents that are revolutionizing how we build, manage, and interact with software. Through real-world examples, the session demonstrates how Azure AI Foundry empowers teams to design, customize, and scale AI applications and agents, unlocking new levels of efficiency and creativity across industries.

Digital Transformation: Automating the Placement of Medical InternsSafe Software

Discover how the Health Service Executive (HSE) in Ireland has leveraged FME to implement an automated solution for its “Order of Merit” process, which assigns medical interns to their preferred placements based on applications and academic performance. This presentation will showcase how FME validates applicant data, including placement preferences and academic results, ensuring both accuracy and eligibility. It will also explore how FME automates the matching process, efficiently assigning placements to interns and distributing offer letters. Beyond this, FME actively monitors responses and dynamically reallocates placements in line with the order of merit when offers are accepted or declined. The solution also features a self-service portal (FME Flow Gallery App), enabling administrators to manage the entire process seamlessly, make adjustments, generate reports, and maintain audit logs. Additionally, the system upholds strict data security and governance, utilising FME to encrypt data both at rest and in transit.

Modern Platform Engineering with Choreo - The AI-Native Internal Developer Pl...WSO2

Building and operating internal platforms has become increasingly complex — sprawling toolchains, rising costs, and fragmented developer experiences are slowing teams down. It’s time for a new approach. This slide deck explores modern platform engineering with Choreo, WSO2’s AI-native Internal Developer Platform as a Service. Discover how you can streamline platform operations, empower your developers, and drive faster innovation — all while reducing complexity and cost. Learn more: https://wso2.com/choreo/platform-engineering/

Key Challenges in Troubleshooting Customer On-Premise ApplicationsTier1 app

When applications are deployed in customer-managed environments, resolving performance issues becomes a hidden battle. Limited access to logs, delayed responses, and vague problem descriptions make root cause analysis incredibly challenging. In this presentation, we walk through: The six most common hurdles faced in on-prem troubleshooting A practical 360° artifact collection strategy using the open-source yc-360 script Real-world case studies covering transaction timeouts, CPU spikes, and intermittent HTTP 502 errors Benefits of structured data capture in reducing investigation time and improving communication with customers ✅ Whether you're supporting enterprise clients or building tools for distributed environments, this deck offers a practical roadmap to make on-prem issue resolution faster and less frustrating.

Decipher SEO Solutions for your startup needs.mathai2

A solution deck that gives you an idea of how you can use Decipher SEO to target keywords, build authority and generate high ranking content. With features like images to product you can create a E-commerce pipeline that is optimized to help your store rank. With integrations with shopify, woocommerce and wordpress theres a seamless way get your content to your website or storefront. View more at decipherseo.com

How Automation in Claims Handling Streamlined OperationsInsurance Tech Services

Which Hiring Management Tools Offer the Best ROI?HireME

Streamlining CI/CD with FME Flow: A Practical GuideSafe Software

Heat Treatment Process Automation in IndiaReckers Mechatronics

A Guide to Telemedicine Software Development.pdfOlivero Bozzelli

Zoho Creator Solution for EI by Elsner Technologies.docxElsner Technologies Pvt. Ltd.

The Anti-Masterclass Live - Peak of Data & AI 2025Safe Software

Test Case Design Techniques – Practical Examples & Best Practices in Software...Muhammad Fahad Bashir

Milwaukee Marketo User Group June 2025 - Optimize and Enhance Efficiency - Sm...BradBedford3

Open Source Software Development MethodsVICTOR MAESTRE RAMIREZ

Zoneranker’s Digital marketing solutionsreenashriee

From Data Preparation to Inference: How Alluxio Speeds Up AIAlluxio, Inc.

Folding Cheat Sheet # 9 - List Unfolding 𝑢𝑛𝑓𝑜𝑙𝑑 as the Computational Dual of ...Philip Schwarz

Advance Doctor Appointment Booking App With Online PaymentAxisTechnolabs

Sysinfo OST to PST Converter InfographicSysInfo Tools

Azure AI Foundry: The AI app and agent factoryMaxim Salnikov

Digital Transformation: Automating the Placement of Medical InternsSafe Software

Modern Platform Engineering with Choreo - The AI-Native Internal Developer Pl...WSO2

Key Challenges in Troubleshooting Customer On-Premise ApplicationsTier1 app

Decipher SEO Solutions for your startup needs.mathai2

How Automation in Claims Handling Streamlined OperationsInsurance Tech Services

Which Hiring Management Tools Offer the Best ROI?HireME

Streamlining CI/CD with FME Flow: A Practical GuideSafe Software

Heat Treatment Process Automation in IndiaReckers Mechatronics

A Guide to Telemedicine Software Development.pdfOlivero Bozzelli

HTML and CSS

1. www.treeni.com Html, Css - Ketan Ghumatkar

2. HTML Basics ● Hypertext markup language ● Browser language ● Building blocks using tags ● Structure of website

3. HTML Basic Layout <!DOCTYPE html> <html> <head> </head> <body> </body> </html>

4. HTML Advance Layout <!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <h1>This is a Heading</h1> <p>This is a paragraph.</p> </body> </html>

5. HTML Advance Layout ● <header> - Defines a header for a document or a section ● <nav> - Defines a container for navigation links ● <section> - Defines a section in a document ● <article> - Defines an independent self- contained article ● <aside> - Defines content aside from the content (like a sidebar) ● <footer> - Defines a footer for a document or a section ● <details> - Defines additional details ● <summary> - Defines a heading for the <details> element

6. HTML TAGs - Elements and Attributes Examples - <a href="https://www.w3schools.com">This is a link</a> <img src="img_girl.jpg" width="500" height="600">

7. HTML - Important tags Headings <h1>- </h1> <h2>- </h2> <h3>- </h3> <h4>- </h4> <h5>- </h5> <h6>- </h6> Paragraphs <p>-</p> Content holders <div>-</div> <span>-</span> Listings <ul> <ol> <li>A</li> <li>A</li> <li>B</li> <li>B</li> </ul> </ol> Table <table> <th> <td></td> <td></td> </th> <tr> <td></td> </tr> </table>

8. HTML - styling Basic styling with tags ● <b> - Bold text ● <strong> - Important text ● <i> - Italic text ● <em> - Emphasized text ● <mark> - Marked text ● <small> - Small text ● <del> - Deleted text ● <ins> - Inserted text ● <sub> - Subscript text ● <sup> - Superscript text Element types - Block - inline

9. CSS - Basic ● Cascading style sheet ● How element should look like ● Color, size, shape, position ● CSS can be added to HTML elements in 3 ways ● Inline - by using the style attribute in HTML elements ● Internal - by using a <style> element in the <head> section ● External - by using an external CSS file

10. CSS - Inline Styling ● Mostly used for single element to style ● Uses the style attribute of html element ● Example - <h1 style="color:blue;">This is a Blue Heading</h1>

11. CSS - Internal Styling ● Used to define style for single html page ● Is defined in the <head> section within <style> tag <!DOCTYPE html> <html> <head> <style> body {background-color: powderblue;} h1 {color: blue;} p {color: red;} </style> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html>

12. CSS - External Styling ● Used defined style for multiple html pages ● You can change look of entire website with single file <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css"> </head> <body> <h1>This is a heading</h1> <p>This is a paragraph.</p> </body> </html> body { background-color: powderblue; } h1 { color: blue; } p { color: red; }

13. CSS - Properties font: 15px arial, sans-serif; background: lightblue url("img_tree.gif") no-repeat fixed center; padding: 10px; padding: 10px 2px; padding: 5px 10px 15px 20px; border: 5px solid red; width: 500px; width: 50%; Try different properties in chrome debugger Reference: https://www.w3schools.com/cssref/default.asp

14. CSS - concept Padding and Margin Float: left, right, none; Position: static, relative, absolute, fixed

15. Assignment Overview Write HTML and CSS to create below page Folder structure - Assignment - index.html - css - style.css

17. Thank You

HTML and CSS

Recommended

More Related Content

What's hot (20)

Similar to HTML and CSS (20)

Recently uploaded (20)

HTML and CSS