The document discusses creating web pages using HTML. It begins with an introduction to HTML, defining it as the standard markup language used to define the structure and layout of web pages. The document then outlines the basic tools needed to create HTML pages, including a text editor, web browser, and HTML reference. It provides examples of common HTML tags like <html>, <head>, <body>, <p>, <h1>-<h6>, and <ul>/<ol>/<li> and how they are used to structure content and format text on web pages. The document concludes with exercises for learners to create simple HTML pages about a library using the tags covered.
HTML is a markup language that allows users to structure and format web pages. It uses tags like <p> and <div> to organize content into sections, paragraphs, headings, and other blocks. While HTML provides structure, CSS and JavaScript are needed to style pages and add dynamic functionality. HTML files are rendered and displayed in web browsers.
The document provides information about HTML (Hypertext Markup Language) elements and tags used to structure and format web pages. It defines key concepts like the difference between the Internet and World Wide Web. It explains what web pages, websites, and how they are designed. It also provides details on important HTML tags like headings, paragraphs, links, images and how to format text. Design concepts like content, usability, and visibility that make websites effective are also summarized.
The document discusses HTML (Hypertext Markup Language) and how to write HTML code using Notepad. It provides examples of basic HTML tags like <html>, <head>, <title>, <body>, <h1>, <p>, and <br>. It explains that HTML tags come in pairs, with a start and end tag. The document also discusses how to save an HTML file and introduces container tags and empty tags.
This document is a project report submitted by Namita Yadav to the Department of Computer Science at Rai Saheb Bhanwar Singh College in Nasrullaganj, India. The project topic is "Hyper Text Markup Language". The report includes an introduction to HTML, descriptions of HTML tags and attributes, and a main section on HTML attributes. It was submitted under the supervision of Mr. C.L. Malviya to fulfill the requirements for a Bachelor's degree in Computer Science.
This document provides an overview of HTML and web page design. It defines HTML and tags, and explains how they are used to structure and format text on web pages. The document also lists common HTML tags and their functions, such as tags for headings, links, images, and the basic page structure. Instructions are provided on how to open HTML files in Notepad and display them in a web browser.
The document provides an introduction to HTML and covers:
1. A brief history of HTML and its inventor Tim Berners-Lee.
2. An explanation of what HTML is and how it uses tags to format text for web browsers.
3. A recommended getting started process and basic HTML code structure using common tags like <html>, <head>, <title>, and <body>.
HTML is a markup language that allows users to structure and format web pages. It uses tags like <p> and <div> to organize content into sections, paragraphs, headings, and other blocks. While HTML provides structure, CSS and JavaScript are needed to style pages and add dynamic functionality. HTML files are rendered and displayed in web browsers.
The document provides information about HTML (Hypertext Markup Language) elements and tags used to structure and format web pages. It defines key concepts like the difference between the Internet and World Wide Web. It explains what web pages, websites, and how they are designed. It also provides details on important HTML tags like headings, paragraphs, links, images and how to format text. Design concepts like content, usability, and visibility that make websites effective are also summarized.
The document discusses HTML (Hypertext Markup Language) and how to write HTML code using Notepad. It provides examples of basic HTML tags like <html>, <head>, <title>, <body>, <h1>, <p>, and <br>. It explains that HTML tags come in pairs, with a start and end tag. The document also discusses how to save an HTML file and introduces container tags and empty tags.
This document is a project report submitted by Namita Yadav to the Department of Computer Science at Rai Saheb Bhanwar Singh College in Nasrullaganj, India. The project topic is "Hyper Text Markup Language". The report includes an introduction to HTML, descriptions of HTML tags and attributes, and a main section on HTML attributes. It was submitted under the supervision of Mr. C.L. Malviya to fulfill the requirements for a Bachelor's degree in Computer Science.
This document provides an overview of HTML and web page design. It defines HTML and tags, and explains how they are used to structure and format text on web pages. The document also lists common HTML tags and their functions, such as tags for headings, links, images, and the basic page structure. Instructions are provided on how to open HTML files in Notepad and display them in a web browser.
The document provides an introduction to HTML and covers:
1. A brief history of HTML and its inventor Tim Berners-Lee.
2. An explanation of what HTML is and how it uses tags to format text for web browsers.
3. A recommended getting started process and basic HTML code structure using common tags like <html>, <head>, <title>, and <body>.
This document provides an introduction to creating web pages using HTML. It defines HTML and its purpose, outlines the basic tools needed like a text editor and web browser. It describes the main HTML tags like <html>, <head>, <title>, <body> and how to structure a basic web page with headings, paragraphs, lists, and other text formatting. It also gives examples of coding basic HTML elements and provides exercises for readers to practice building simple web pages.
The document provides an overview of creating web pages using HTML. It defines HTML and its purpose, discusses basic HTML tags like <html>, <head>, <title>, <body>, <p>, <h1>-<h6>, <ul>, <ol>, <li>, and <a> and how to structure a simple web page using these tags. It also covers adding color to web pages using attributes like bgcolor in <body> and color in <font> tags. The document includes exercises for learners to create simple web pages about a library using HTML tags and formatting.
The document discusses how to create web pages using HTML. It begins with an introduction to HTML, describing it as the standard markup language used to define the structure of web pages. It then covers the basic HTML tags needed to build a basic page structure, including tags for headings, paragraphs, lists, and links. It also discusses how to format text and add color to web pages using HTML tags. The document provides examples and exercises for learners to create their own basic HTML pages.
Introduction to Web Technology and Web Page DevelopmentBhargaviDalal4
This document provides an introduction to HTML and the web. It discusses key topics like the difference between the Internet and the World Wide Web, how web servers and clients communicate, URLs, and common HTML tags. It provides examples of basic HTML elements like paragraphs, headings, lists, links and images. It also introduces CSS for styling HTML documents and explains why CSS is used to define styles for web pages. Finally, it outlines a task for a lab on designing an HTML form using interactive CSS and images/tables.
This document provides an introduction to HTML by defining what HTML is, explaining that it uses tags to structure and present content on webpages. It gives examples of common HTML tags like <html>, <head>, <title>, <body> that define the overall page and structure. Additional tags are described that format text elements like headings, bold, italics and underlining. The document concludes by instructing the reader to create a simple HTML file with the School Info Page template as an example.
This document provides an overview of an introductory front-end web development course. It outlines the course structure including lessons on HTML basics, CSS basics, and JavaScript. It introduces key concepts like the difference between front-end and back-end development. The document details the first lesson which establishes a safe learning environment and covers basic HTML tags and using tools like Sublime Text. It also includes the schedule, instructor and teaching assistant information, and introductory content on navigating computers and HTML history.
This document provides an overview and schedule for a front-end web development course. It includes introductions to HTML basics like tags, headings, paragraphs and lists. It also covers using tools like Sublime Text and file structure. The schedule outlines topics on intro to front-end development, navigating computers, HTML tags and using Sublime. It lists the instructor, teaching assistant and students. Homework involves creating a personal website and watching an internet basics video.
You can learn how to design a website by this book written by Prashant Mishra Shandilya Hindi kavi & web technologist. You can download latest version of this book on www.wcodew.page.tl
HTML is the standard markup language used to create web pages. It provides a structure and layout for text, images, and other content. The document explains the basic components of an HTML page, including the <head> and <body> tags, common text formatting tags, links, lists, and tables. It recommends learning HTML tags through online resources or by examining the source code of existing web pages, and emphasizes starting simply with tags like <head>, <title>, <h2>, and <p>.
The document provides an overview of Lesson 1 of a Front-End Web Development course. It includes learning objectives such as establishing community, recognizing roles in web development, and applying HTML tags. The schedule covers an introduction to front-end development, navigating computers and servers, HTML tags and using Sublime text, and includes a lab and homework assignment. The document also lists course tools, an overview of HTML and CSS, and examples of using different HTML tags for headings, text, lists, and links.
This document provides an overview and schedule for a front-end web development course. It includes introductions to HTML basics like tags, headings, paragraphs and lists. It outlines lessons on navigating files on computers, HTML history and syntax. The schedule details times for introductions, navigating computers, practicing HTML tags and using development tools like Sublime Text. It lists course staff and students and provides a sample press release and cookie recipe. Homework involves building personal website pages and watching an internet overview video.
The document provides an overview of HTML including:
1) A brief history of HTML from its origins in the 1960s through its standardization by the W3C in the late 1990s.
2) An explanation of HTML syntax including tags, elements, attributes, and nesting.
3) A discussion of semantic markup and its advantages over presentation-oriented markup.
4) A description of the basic structure of an HTML document including the DOCTYPE, html, head, and body elements.
5) A quick tour of common HTML elements like headings, paragraphs, links, and divisions.
HTML element is everything between the start tag and the end tagssuser6478a8
HTML (Hypertext Markup Language) is used to structure and format web page content. It uses tags to define elements like headings, paragraphs, and lists. Developers use HTML to build the skeleton of websites and web apps. A web browser reads HTML tags and displays the structured content.
HTML is the backbone of the web and is used to create structured web pages. It uses tags denoted by < > to designate formats, styles, and logical/structural information. The basic structure of an HTML document includes the <html>, <head>, and <body> tags. HTML5 introduces new semantic tags like <header> and <footer> and supports native playback of video and audio with the <video> and <audio> tags. HTML documents can be created and edited using simple text editors.
The document discusses HTML (Hypertext Markup Language). It defines hypertext as text that contains links to other texts. HTML is the language used to create webpages and uses tags to define page layout and elements. Common HTML tags include <html>, <head>, <body>, <h1> for headings, and <p> for paragraphs. Lists in HTML can be ordered or unordered. Unordered lists use the <ul> tag and list items are marked with bullets that can be customized with CSS styles. Ordered lists use numbers by default.
HTML is the standard markup language used to create web pages. It uses tags to define elements like headings, paragraphs, links, and images. Tags are keywords surrounded by angle brackets and normally come in pairs with an opening and closing tag. HTML documents are made up of nested HTML elements that can contain other elements. Attributes provide additional information about elements and are specified in the element's start tag.
This document provides an introduction to HTML and the web. It defines key terminology like the internet, World Wide Web, web servers, clients, URLs and HTML. It explains that HTML uses tags to structure web pages and lists required tags like <html>, <head> and <body> as well as common tags for paragraphs, headings, lists, links and images. It provides examples of how each tag is written and displayed in a web browser.
Introduction to basic HTML [Librarian edition]Kosie Eloff
HTML is the main markup language used to create web pages and display information in web browsers. It uses tags (<tag>text</tag>) to structure documents and describe their nature. Key points about HTML include:
- It stands for Hypertext Markup Language and is used to structure documents with hyperlinks to other texts.
- HTML pages are written as plain text files that use tags to describe text formatting and structure. The files end with .html.
- Web browsers are used to open and display HTML files, interpreting the tags and displaying the structured content.
Your One-Stop Shop for Python Success: Top 10 US Python Development Providersakankshawande
Simplify your search for a reliable Python development partner! This list presents the top 10 trusted US providers offering comprehensive Python development services, ensuring your project's success from conception to completion.
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxSitimaJohn
Ocean Lotus cyber threat actors represent a sophisticated, persistent, and politically motivated group that poses a significant risk to organizations and individuals in the Southeast Asian region. Their continuous evolution and adaptability underscore the need for robust cybersecurity measures and international cooperation to identify and mitigate the threats posed by such advanced persistent threat groups.
This document provides an introduction to creating web pages using HTML. It defines HTML and its purpose, outlines the basic tools needed like a text editor and web browser. It describes the main HTML tags like <html>, <head>, <title>, <body> and how to structure a basic web page with headings, paragraphs, lists, and other text formatting. It also gives examples of coding basic HTML elements and provides exercises for readers to practice building simple web pages.
The document provides an overview of creating web pages using HTML. It defines HTML and its purpose, discusses basic HTML tags like <html>, <head>, <title>, <body>, <p>, <h1>-<h6>, <ul>, <ol>, <li>, and <a> and how to structure a simple web page using these tags. It also covers adding color to web pages using attributes like bgcolor in <body> and color in <font> tags. The document includes exercises for learners to create simple web pages about a library using HTML tags and formatting.
The document discusses how to create web pages using HTML. It begins with an introduction to HTML, describing it as the standard markup language used to define the structure of web pages. It then covers the basic HTML tags needed to build a basic page structure, including tags for headings, paragraphs, lists, and links. It also discusses how to format text and add color to web pages using HTML tags. The document provides examples and exercises for learners to create their own basic HTML pages.
Introduction to Web Technology and Web Page DevelopmentBhargaviDalal4
This document provides an introduction to HTML and the web. It discusses key topics like the difference between the Internet and the World Wide Web, how web servers and clients communicate, URLs, and common HTML tags. It provides examples of basic HTML elements like paragraphs, headings, lists, links and images. It also introduces CSS for styling HTML documents and explains why CSS is used to define styles for web pages. Finally, it outlines a task for a lab on designing an HTML form using interactive CSS and images/tables.
This document provides an introduction to HTML by defining what HTML is, explaining that it uses tags to structure and present content on webpages. It gives examples of common HTML tags like <html>, <head>, <title>, <body> that define the overall page and structure. Additional tags are described that format text elements like headings, bold, italics and underlining. The document concludes by instructing the reader to create a simple HTML file with the School Info Page template as an example.
This document provides an overview of an introductory front-end web development course. It outlines the course structure including lessons on HTML basics, CSS basics, and JavaScript. It introduces key concepts like the difference between front-end and back-end development. The document details the first lesson which establishes a safe learning environment and covers basic HTML tags and using tools like Sublime Text. It also includes the schedule, instructor and teaching assistant information, and introductory content on navigating computers and HTML history.
This document provides an overview and schedule for a front-end web development course. It includes introductions to HTML basics like tags, headings, paragraphs and lists. It also covers using tools like Sublime Text and file structure. The schedule outlines topics on intro to front-end development, navigating computers, HTML tags and using Sublime. It lists the instructor, teaching assistant and students. Homework involves creating a personal website and watching an internet basics video.
You can learn how to design a website by this book written by Prashant Mishra Shandilya Hindi kavi & web technologist. You can download latest version of this book on www.wcodew.page.tl
HTML is the standard markup language used to create web pages. It provides a structure and layout for text, images, and other content. The document explains the basic components of an HTML page, including the <head> and <body> tags, common text formatting tags, links, lists, and tables. It recommends learning HTML tags through online resources or by examining the source code of existing web pages, and emphasizes starting simply with tags like <head>, <title>, <h2>, and <p>.
The document provides an overview of Lesson 1 of a Front-End Web Development course. It includes learning objectives such as establishing community, recognizing roles in web development, and applying HTML tags. The schedule covers an introduction to front-end development, navigating computers and servers, HTML tags and using Sublime text, and includes a lab and homework assignment. The document also lists course tools, an overview of HTML and CSS, and examples of using different HTML tags for headings, text, lists, and links.
This document provides an overview and schedule for a front-end web development course. It includes introductions to HTML basics like tags, headings, paragraphs and lists. It outlines lessons on navigating files on computers, HTML history and syntax. The schedule details times for introductions, navigating computers, practicing HTML tags and using development tools like Sublime Text. It lists course staff and students and provides a sample press release and cookie recipe. Homework involves building personal website pages and watching an internet overview video.
The document provides an overview of HTML including:
1) A brief history of HTML from its origins in the 1960s through its standardization by the W3C in the late 1990s.
2) An explanation of HTML syntax including tags, elements, attributes, and nesting.
3) A discussion of semantic markup and its advantages over presentation-oriented markup.
4) A description of the basic structure of an HTML document including the DOCTYPE, html, head, and body elements.
5) A quick tour of common HTML elements like headings, paragraphs, links, and divisions.
HTML element is everything between the start tag and the end tagssuser6478a8
HTML (Hypertext Markup Language) is used to structure and format web page content. It uses tags to define elements like headings, paragraphs, and lists. Developers use HTML to build the skeleton of websites and web apps. A web browser reads HTML tags and displays the structured content.
HTML is the backbone of the web and is used to create structured web pages. It uses tags denoted by < > to designate formats, styles, and logical/structural information. The basic structure of an HTML document includes the <html>, <head>, and <body> tags. HTML5 introduces new semantic tags like <header> and <footer> and supports native playback of video and audio with the <video> and <audio> tags. HTML documents can be created and edited using simple text editors.
The document discusses HTML (Hypertext Markup Language). It defines hypertext as text that contains links to other texts. HTML is the language used to create webpages and uses tags to define page layout and elements. Common HTML tags include <html>, <head>, <body>, <h1> for headings, and <p> for paragraphs. Lists in HTML can be ordered or unordered. Unordered lists use the <ul> tag and list items are marked with bullets that can be customized with CSS styles. Ordered lists use numbers by default.
HTML is the standard markup language used to create web pages. It uses tags to define elements like headings, paragraphs, links, and images. Tags are keywords surrounded by angle brackets and normally come in pairs with an opening and closing tag. HTML documents are made up of nested HTML elements that can contain other elements. Attributes provide additional information about elements and are specified in the element's start tag.
This document provides an introduction to HTML and the web. It defines key terminology like the internet, World Wide Web, web servers, clients, URLs and HTML. It explains that HTML uses tags to structure web pages and lists required tags like <html>, <head> and <body> as well as common tags for paragraphs, headings, lists, links and images. It provides examples of how each tag is written and displayed in a web browser.
Introduction to basic HTML [Librarian edition]Kosie Eloff
HTML is the main markup language used to create web pages and display information in web browsers. It uses tags (<tag>text</tag>) to structure documents and describe their nature. Key points about HTML include:
- It stands for Hypertext Markup Language and is used to structure documents with hyperlinks to other texts.
- HTML pages are written as plain text files that use tags to describe text formatting and structure. The files end with .html.
- Web browsers are used to open and display HTML files, interpreting the tags and displaying the structured content.
Your One-Stop Shop for Python Success: Top 10 US Python Development Providersakankshawande
Simplify your search for a reliable Python development partner! This list presents the top 10 trusted US providers offering comprehensive Python development services, ensuring your project's success from conception to completion.
Ocean lotus Threat actors project by John Sitima 2024 (1).pptxSitimaJohn
Ocean Lotus cyber threat actors represent a sophisticated, persistent, and politically motivated group that poses a significant risk to organizations and individuals in the Southeast Asian region. Their continuous evolution and adaptability underscore the need for robust cybersecurity measures and international cooperation to identify and mitigate the threats posed by such advanced persistent threat groups.
How to Interpret Trends in the Kalyan Rajdhani Mix Chart.pdfChart Kalyan
A Mix Chart displays historical data of numbers in a graphical or tabular form. The Kalyan Rajdhani Mix Chart specifically shows the results of a sequence of numbers over different periods.
Building Production Ready Search Pipelines with Spark and MilvusZilliz
Spark is the widely used ETL tool for processing, indexing and ingesting data to serving stack for search. Milvus is the production-ready open-source vector database. In this talk we will show how to use Spark to process unstructured data to extract vector representations, and push the vectors to Milvus vector database for search serving.
Driving Business Innovation: Latest Generative AI Advancements & Success StorySafe Software
Are you ready to revolutionize how you handle data? Join us for a webinar where we’ll bring you up to speed with the latest advancements in Generative AI technology and discover how leveraging FME with tools from giants like Google Gemini, Amazon, and Microsoft OpenAI can supercharge your workflow efficiency.
During the hour, we’ll take you through:
Guest Speaker Segment with Hannah Barrington: Dive into the world of dynamic real estate marketing with Hannah, the Marketing Manager at Workspace Group. Hear firsthand how their team generates engaging descriptions for thousands of office units by integrating diverse data sources—from PDF floorplans to web pages—using FME transformers, like OpenAIVisionConnector and AnthropicVisionConnector. This use case will show you how GenAI can streamline content creation for marketing across the board.
Ollama Use Case: Learn how Scenario Specialist Dmitri Bagh has utilized Ollama within FME to input data, create custom models, and enhance security protocols. This segment will include demos to illustrate the full capabilities of FME in AI-driven processes.
Custom AI Models: Discover how to leverage FME to build personalized AI models using your data. Whether it’s populating a model with local data for added security or integrating public AI tools, find out how FME facilitates a versatile and secure approach to AI.
We’ll wrap up with a live Q&A session where you can engage with our experts on your specific use cases, and learn more about optimizing your data workflows with AI.
This webinar is ideal for professionals seeking to harness the power of AI within their data management systems while ensuring high levels of customization and security. Whether you're a novice or an expert, gain actionable insights and strategies to elevate your data processes. Join us to see how FME and AI can revolutionize how you work with data!
Skybuffer SAM4U tool for SAP license adoptionTatiana Kojar
Manage and optimize your license adoption and consumption with SAM4U, an SAP free customer software asset management tool.
SAM4U, an SAP complimentary software asset management tool for customers, delivers a detailed and well-structured overview of license inventory and usage with a user-friendly interface. We offer a hosted, cost-effective, and performance-optimized SAM4U setup in the Skybuffer Cloud environment. You retain ownership of the system and data, while we manage the ABAP 7.58 infrastructure, ensuring fixed Total Cost of Ownership (TCO) and exceptional services through the SAP Fiori interface.
UiPath Test Automation using UiPath Test Suite series, part 6DianaGray10
Welcome to UiPath Test Automation using UiPath Test Suite series part 6. In this session, we will cover Test Automation with generative AI and Open AI.
UiPath Test Automation with generative AI and Open AI webinar offers an in-depth exploration of leveraging cutting-edge technologies for test automation within the UiPath platform. Attendees will delve into the integration of generative AI, a test automation solution, with Open AI advanced natural language processing capabilities.
Throughout the session, participants will discover how this synergy empowers testers to automate repetitive tasks, enhance testing accuracy, and expedite the software testing life cycle. Topics covered include the seamless integration process, practical use cases, and the benefits of harnessing AI-driven automation for UiPath testing initiatives. By attending this webinar, testers, and automation professionals can gain valuable insights into harnessing the power of AI to optimize their test automation workflows within the UiPath ecosystem, ultimately driving efficiency and quality in software development processes.
What will you get from this session?
1. Insights into integrating generative AI.
2. Understanding how this integration enhances test automation within the UiPath platform
3. Practical demonstrations
4. Exploration of real-world use cases illustrating the benefits of AI-driven test automation for UiPath
Topics covered:
What is generative AI
Test Automation with generative AI and Open AI.
UiPath integration with generative AI
Speaker:
Deepak Rai, Automation Practice Lead, Boundaryless Group and UiPath MVP
Ivanti’s Patch Tuesday breakdown goes beyond patching your applications and brings you the intelligence and guidance needed to prioritize where to focus your attention first. Catch early analysis on our Ivanti blog, then join industry expert Chris Goettl for the Patch Tuesday Webinar Event. There we’ll do a deep dive into each of the bulletins and give guidance on the risks associated with the newly-identified vulnerabilities.
Introduction of Cybersecurity with OSS at Code Europe 2024Hiroshi SHIBATA
I develop the Ruby programming language, RubyGems, and Bundler, which are package managers for Ruby. Today, I will introduce how to enhance the security of your application using open-source software (OSS) examples from Ruby and RubyGems.
The first topic is CVE (Common Vulnerabilities and Exposures). I have published CVEs many times. But what exactly is a CVE? I'll provide a basic understanding of CVEs and explain how to detect and handle vulnerabilities in OSS.
Next, let's discuss package managers. Package managers play a critical role in the OSS ecosystem. I'll explain how to manage library dependencies in your application.
I'll share insights into how the Ruby and RubyGems core team works to keep our ecosystem safe. By the end of this talk, you'll have a better understanding of how to safeguard your code.
Salesforce Integration for Bonterra Impact Management (fka Social Solutions A...Jeffrey Haguewood
Sidekick Solutions uses Bonterra Impact Management (fka Social Solutions Apricot) and automation solutions to integrate data for business workflows.
We believe integration and automation are essential to user experience and the promise of efficient work through technology. Automation is the critical ingredient to realizing that full vision. We develop integration products and services for Bonterra Case Management software to support the deployment of automations for a variety of use cases.
This video focuses on integration of Salesforce with Bonterra Impact Management.
Interested in deploying an integration with Salesforce for Bonterra Impact Management? Contact us at sales@sidekicksolutionsllc.com to discuss next steps.
Best 20 SEO Techniques To Improve Website Visibility In SERPPixlogix Infotech
Boost your website's visibility with proven SEO techniques! Our latest blog dives into essential strategies to enhance your online presence, increase traffic, and rank higher on search engines. From keyword optimization to quality content creation, learn how to make your site stand out in the crowded digital landscape. Discover actionable tips and expert insights to elevate your SEO game.
How to Get CNIC Information System with Paksim Ga.pptxdanishmna97
Pakdata Cf is a groundbreaking system designed to streamline and facilitate access to CNIC information. This innovative platform leverages advanced technology to provide users with efficient and secure access to their CNIC details.
Threats to mobile devices are more prevalent and increasing in scope and complexity. Users of mobile devices desire to take full advantage of the features
available on those devices, but many of the features provide convenience and capability but sacrifice security. This best practices guide outlines steps the users can take to better protect personal devices and information.
Generating privacy-protected synthetic data using Secludy and MilvusZilliz
During this demo, the founders of Secludy will demonstrate how their system utilizes Milvus to store and manipulate embeddings for generating privacy-protected synthetic data. Their approach not only maintains the confidentiality of the original data but also enhances the utility and scalability of LLMs under privacy constraints. Attendees, including machine learning engineers, data scientists, and data managers, will witness first-hand how Secludy's integration with Milvus empowers organizations to harness the power of LLMs securely and efficiently.
Generating privacy-protected synthetic data using Secludy and Milvus
Introduction to html
1. Web Page Concept
and Design :
Getting a Web Site Up and
Running
Lecture 5. Creating Web Pages Using HTML
St Paul University. Lecture 5
1
2. Scope
What is HTML?
What are the tools needed for
creating web pages using HTML?
What are the basic HTML tags?
How to create a web page using
HTML?
How to build a web site using
HTML?
St Paul University. Lecture 5
2
3. Learning outcomes
Define what is HTML
Determine the basic tools for
creating web pages using HTML
Use basic HTML coding and tags
Use HTML to create web pages
Build a web site using HTML
St Paul University. Lecture 5
3
4. What is HTML?
HyperText Markup Language (HTML)
the publishing language of the World
Wide Web; the standard used to create
web pages
markup language that defines the
structure of information by using a
variety of tags and attributes, which is
designed to display text and other
information on a screen and provide
hyperlinks to other Web documents
St Paul University. Lecture 5
4
5. What is HTML?
Web Standards
The W3C (World Wide Web Consortium)
develops specifications, (called
“Recommendations") guidelines, as well as
software and tools that enhance
interoperability between web browsers,
servers, and other web-enabling
technologies.
Their recommendations on Web
technologies and protocols like HTML,
CSS, XHTML, XML, and HTTP are
considered the Web standards
The HTML 4.01 specification from W3C is
the latest HTML standard supported by
5
new browsers St Paul University. Lecture 5
6. What is HTML?
HTML Standards
HTML 4.01 specification defines the
HyperText Markup Language (HTML)
“In addition to the text, multimedia, and
hyperlink features of the previous versions
of HTML (HTML 3.2 [HTML32] and HTML 2.0
[RFC1866]), HTML 4 supports more
multimedia options, scripting languages,
style sheets, better printing facilities, and
documents that are more accessible to
users with disabilities.” (W3C)
St Paul University. Lecture 5
6
7. Activity 1
Read these introductions to
HTML
What is HTML? InterNIC 15
Minutes Series (mirrored by
Netskills)
– http://www.netskills.ac.uk/mirrors/1
5min/html/html/sld01.html
Introduction to HTML
– http://wdvl.internet.com/Authoring/
HTML/Intro/ Paul University. Lecture 5
St
7
8. What are the basic tools?
Plain text editor like NotePad – to
write HTML documents
Web browser – to test and view the
created web page
HTML reference book – to serve as
guide for HTML tags
Information and other materials
about the library in electronic file
St Paul University. Lecture 5
8
9. What are the basic
HTML rules?
HTML tags are enclosed by brackets < >
for example <HTML>
Most tags require a closing tag <HTML>
… </HTML>
Tags must be nested correctly <B><I>My
Library Web Site</I></B> first tag on, last
tag off
HTML treats all white space as a single
blank space
St Paul University. Lecture 5
9
10. What are the basic
HTML rules?
Tags are not case sensitive but are usually
written in uppercase, with the attributes
and values in small letters enclosed by
quotation marks
Most tags have optional attributes with
several possible values that modify the
tag’s behavior
Look inside HTML element (Tag)
TAG attribute
value
closing tag
<BODY bgcolor="#FFFFFF" text="#000066"> … </BODY>
St Paul University. Lecture 5
10
11. What are the basic
HTML tags?
<HTML> [identifies the document as HTML]
<HEAD>
Contains
<TITLE>My Library</TITLE> information
about the
</HEAD>
HTML
document
<BODY>
<P>Content of My Library’s Web Page</P>
</BODY> Contains all information displayed on the
browser
</HTML> [ closing tag ]
These tags generally define the basic
structure of a web page
St Paul University. Lecture 5
11
12. What are the basic
HTML tags?
The basic HTML tags above (written using
Notepad and saved with a file extension .htm)
create a simple web page shown beside it.
St Paul University. Lecture 5
12
13. What are the basic
HTML tags?
Header tags range from<H1> to <H6>,
<H1> the largest and <H6> is the
smallest.
The headings’ size shows the
hierarchy of importance on the page’s
layout.
<H1> My Library </H1> (page title)
<H2> Mission, Vision and Goals </H2> (main topic)
<H3> Objectives</H3> (subtopic)
St Paul University. Lecture 5
13
14. What are the basic
HTML tags?
<H1> My Library </H1>
<H2> Mission, Vision and Goals </H2>
<H3> Objectives</H3>
St Paul University. Lecture 5
14
15. What are the basic
HTML tags?
Use <CENTER> tag to center
elements on the page
<CENTER>
<H1> My Library </H1>
<H2> Mission, Vision and Goals </H2>
</CENTER>
<H3> Objectives</H3>
St Paul University. Lecture 5
15
16. What are the basic
HTML tags?
<CENTER>
<H1> My Library </H1>
<H2> Mission, Vision and Goals </H2>
</CENTER>
<H3> Objectives</H3>
St Paul University. Lecture 5
16
17. What are the basic
HTML tags?
The <P> tag breaks the textual
information on a page and inserts a
single line space, which is useful for
defining and separating paragraphs.
<H2> Mission, Vision and Goals </H2>
<P> MyLibrary aims to be the country's public
virtual library with state-of-the art resources and
associated services, accessible to anyone,
anytime, anywhere. </P>
St Paul University. Lecture 5
17
18. What are the basic
HTML tags?
<P> MyLibrary aims to be the country's
public virtual library with state-of-the art
resources and associated services,
available to anyone, anytime, anywhere.
</P>
St Paul University. Lecture 5
18
19. What are the basic
HTML tags?
Use the align attribute of the <P> tag to justify the
paragraph: center, right or left. (left is the default)
<P align=center> MyLibrary aims to be the
country's public virtual library with state-of-the art
resources and associated services, available to
anyone, anytime, anywhere. </P>
St Paul University. Lecture 5
19
20. HTML basic tags
Format text with tags that make the
text bold <B> and/or italic <I> to put
emphasis on some points
<P> <B> MyLibrary </B> aims to be the country's
<I> public virtual library </I> with state-of-the art
resources and associated services, available to
anyone, anytime, anywhere. </P>
St Paul University. Lecture 5
20
21. HTML basic tags
Tags can be nested as long as the first
tag open is the last tag closed with an
end tag.
<P> <B> MyLibrary </B> aims to be the country's
<B> <I> public virtual library </I> </B> with stateof-the art resources and associated services,
available to anyone, anytime, anywhere. </P>
St Paul University. Lecture 5
21
22. What are the basic
HTML tags?
Break tag <BR> forces line breaks
without creating a vertical space, which
should be used only for reasons of
design or content
<H3> Library Hours </H3>
<P> Monday – Friday <BR>
8:00 a.m. – 5:00 p.m. <P>
<P> *Open on Holidays </P>
St Paul University. Lecture 5
22
23. What are the basic
HTML tags?
<H3> Library Hours </H3>
<P> Monday – Friday </BR>
8:00 a.m. – 5:00 p.m. <P>
<P> *Open on Holidays </P>
St Paul University. Lecture 5
23
24. What are the basic
HTML tags?
Horizontal rule <HR> tag separate major
sections of the page by inserting a bar
in between paragraphs or sections
Using one or more of its attributes could
vary its appearance
<HR width=50% size=3 align=center>
St Paul University. Lecture 5
24
25. Exercise 1
Create a new folder in C: directory and name it
as BIT2205_html
Open NotePad or any text editor
Use the basic tags discussed to create a basic
web page about your library, mission, vision and
goals, history, collections, services, etc. (You
can copy and paste the information if they are
already in electronic form. Supply the necessary
tags in the appropriate place.)
Save the file as about.htm in the created
directory c:BIT2205_html
Test / View / Edit using your browser
St Paul University. Lecture 5
25
26. What are other HTML
formatting tags?
HTML also supports lists; unordered lists,
ordered lists and, definition list, which is
sometimes the best way to present
information
Unordered list is a bulleted list that uses
<UL> and <LI> tags
<H3> Objectives </H3>
<UL><LI> Acquire a comprehensive collection of
multimedia materials</LI>
<LI> Develop appropriate user education and
training packages</LI>
</UL>
St Paul University. Lecture 5
26
27. What are other HTML
formatting tags?
<H3> Objectives </H3>
<UL><LI> Acquire a comprehensive collection of
multimedia materials</LI>
<LI> Develop appropriate user education and
training packages</LI>
</UL>
St Paul University. Lecture 5
27
28. What are other HTML
formatting tags?
Ordered list is a numbered list that
uses <OL> and <LI> tags
<H3> Library Resources </H3>
<OL> <LI> Library Collections </LI>
<LI> Library Catalog </LI>
<LI> Electronic Resources </LI> </OL>
St Paul University. Lecture 5
28
29. What are other HTML
formatting tags?
<H3> Library Resources </H3>
<OL> <LI> Library Collections </LI>
<LI> Library Catalog </LI>
<LI> Electronic Resources </LI> </OL>
St Paul University. Lecture 5
29
30. What are other HTML
formatting tags?
Lists can be nested, one within another
<OL>
<LI> Library Collections </LI>
<UL> <LI> Books </LI>
<LI> Journals </LI>
</UL>
<LI> Library Catalog </LI>
<LI> Electronic Resources </LI>
<UL> <LI> CD-ROMs </LI>
<LI> Abstracts & Indexes </LI>
</UL>
</OL>
St Paul University. Lecture 5
30
31. What are other HTML
formatting tags?
<OL>
<LI> Library Collections </LI>
<UL> <LI> Books </LI>
<LI> Journals </LI>
</UL>
<LI> Library Catalog </LI>
<LI> Electronic Resources
</LI>
<UL> <LI> CD-ROMs </LI>
<LI> Abstracts &
Indexes </LI>
</UL>
</OL>
St Paul University. Lecture 5
31
32. What are other HTML
formatting tags?
The list item type attribute can be used to
change the bullets in <UL> disc, square or
circle, and in <OL> from number 1 to
lowercase (a) or uppercase (A) letters, or
lowercase (i) or uppercase (I) roman
numerals
<OL type=I>
<LI> Library Collections </LI>
<UL type=square> <LI> Books </LI>
<LI> Journals </LI> </UL>
<LI> Library Catalog </LI>
<LI> Electronic Resources </LI>
<UL type=disc> <LI> CD-ROMs </LI>
<LI>Abstracts & Indexes</LI> </UL>
St Paul University. Lecture 5
32
33. What are other HTML
formatting tags?
<OL type=I>
<LI> Library Collections </LI>
<UL type=square> <LI> Books </LI>
<LI> Journals </LI> </UL>
<LI> Library Catalog </LI>
<LI> Electronic Resources </LI>
<UL type=disc> <LI> CD-ROMs </LI>
<LI>Abstracts & Indexes</LI> </UL>
</OL>
St Paul University. Lecture 5
33
34. What are other HTML
formatting tags?
Definition list allows listing of terms
and definitions. Uses <DL>, <DT> for
the term and <DD> for definition.
<DL>
<DT> Definition Term </DT>
<DD> Definition </DD>
<DT> Membership Card </DT>
<DD> Users of the library must present their membership
card to avail of the library services and privileges. </DD>
</DL>
St Paul University. Lecture 5
34
35. What are other HTML
formatting tags?
<DL>
<DT> Definition Term </DT>
<DD> Definition </DD>
<DT> Membership Card </DT>
<DD> Users of the library must present their membership
card to avail of the library services and privileges. </DD>
</DL>
St Paul University. Lecture 5
35
36. Exercise 2
Create two more web pages, about your
library collections and library services
(one web page for each) using the list
tags and other tags discussed earlier.
Save and name them accordingly,
collection.htm and services.htm, in the
created directory c:BIT2205_html
Test / View / Edit using your browser
Always save file after editing before
viewing the page
St Paul University. Lecture 5
36
37. How to add color
The color of the background and text
elements of the web page can vary using
attributes of the <BODY> and <FONT> tag
To specify color, HTML uses the color
names (16 colors supported by most
browsers), or the numerical equivalent in
RGB hexadecimal codes that correspond to
over 14 million possible color, shades, hues
and tints
White #ffffff Black #000000 Blue #0000ff
Red #ff0000 Yellow #ffff00 Green #00800
St Paul University. Lecture 5
37
38. How to add color
< BODY bgcolor=“#ffffff” text=“#000000”
link=“#0000cc” vlink=“#00ff00”
alink=“#ff0000” >
bgcolor sets the background color of the
whole page
text defines the text color for the page
link - unvisited link color
vlink - visited link color
alink - activated link color
St Paul University. Lecture 5
38
39. How to add color
< BODY
bgcolor=“#8A2BE
2” text=“#ffffff”
link=“#0000ff”
vlink=“#00ff00”
alink=“#ff0000” >
< BODY
bgcolor=“green”
text=“white”
link=“#ffffff”
vlink=“#00ff00”
alink=“#ff0000” >
St Paul University. Lecture 5
39
40. How to add color
Color attribute of <FONT> tag sets the color
of selected text within the page overriding
the text attribute on the <BODY> tag.
<CENTER>
<FONT color=“#000000"><H1> My Library </H1>
</FONT>
<H2> Mission, Vision and Goals </H2></CENTER>
<FONT color=“#ffff00”>
<P> <B> MyLibrary </B> aims to be the country's
<B> <I> public virtual library </I> </B> with state-ofthe art resources and associated services,
available to anyone, anytime, anywhere. </P>
</FONT>
St Paul University. Lecture 5
40
41. How to add color
<CENTER>
<FONT color=“#000000"><H1> My Library </H1> </FONT>
<H2> Mission, Vision and Goals </H2></CENTER>
<FONT color=“#ffff00”>
<P> <B> MyLibrary </B> aims to be the country's <B> <I>
public virtual library </I> </B> with state-of-the art
resources and associated services, available to anyone,
anytime, anywhere. </P>
</FONT>
St Paul University. Lecture 5
41
42. Exercise 3
Edit the web pages you have created,
you should have three by now:
about.htm, collections.htm and
services.htm
Add color to your page
Consult with an HTML reference book or
the Internet for the hexadecimal color
codes you can use to add color
Test / View / Edit / Save in the created
directory c:BIT2205_html
St Paul University. Lecture 5
42
43. How to add images
Image and other graphical elements
can be added on the web page
through the <IMG> tag using the src
(source) attribute that points to the
image / graphics
< IMG src=“mylogo.gif” >
St Paul University. Lecture 5
43
44. How to add images
<IMG src=“mylogo.gif”>
<CENTER>
<H1> My Library </H1>
<H2> Mission, Vision and
Goals </H2> </CENTER>
St Paul University. Lecture 5
44
45. How to add images
<CENTER>
<IMG src=“mylogo.gif”>
<H1> My Library </H1>
<H2> Mission, Vision and
Goals </H2>
</CENTER>
St Paul University. Lecture 5
45
46. How to add images
<IMG src=“mylogo.gif” align=left>
St Paul University. Lecture 5
46
47. How to add images
<IMG src=“mylogo.gif” width=100
height=100 align=left alt=logo>
St Paul University. Lecture 5
47
48. How to add images
<BODY bgcolor=“#000800”
background=marb.jpg >
St Paul University. Lecture 5
48
49. Exercise 4
Insert images on your web pages
Test / View / Edit using your browser and
Notepad
Always save them after editing
Respect copyright of materials, use
original or free graphical materials for
your web pages
St Paul University. Lecture 5
49
50. How to create hyperlinks
Hypertext links are created on web pages
using the <A> anchor tag with the HREF
(Hypertext Reference) attribute
Hyperlinks connect your web pages
together and point to other web documents
(build your web site)
<A HREF=“collection.htm”>Library Collection</A>
<A HREF=
“http://www.unesco.org/webworld/portal_lib/”>
UNESCO Libraries Portal </A>
St Paul University. Lecture 5
50
51. How to create hyperlinks
<A HREF=“collection.htm”>
Library Collection</A>
<A HREF=
“http://www.unesco.org/
webworld/portal_lib/”>
UNESCO Libraries Portal
</A>
St Paul University. Lecture 5
51
52. How to create hyperlinks
Hyperlinks are also used to connect to
graphic and other media
Icons and other graphic elements can be
used as the the “trigger’ (object) users
click on to jump to the referred document
<A HREF=“mylibrary.jpg”> MyLibrary </A>
<A HREF “mylibrary.jpg”> <IMG src
“mylibrary_sm.jpg”> </A>
<A HREF “mylibrary.jpg” border=0>
<IMG src “mylibrary_sm.jpg”> </A>
St Paul University. Lecture 5
52
53. How to create hyperlinks
<A HREF=“mylibrary.jpg”> MyLibrary </A>
<A HREF “mylibrary.jpg”>
<IMG src “mylibrary_sm.jpg”>
</A>
<A HREF=“mylibrary.jpg”>
<IMG
src=“mylibrary_sm.jpg”
border=0> </A>
St Paul University. Lecture 5
53
54. How to create hyperlinks
Link to e-mail address can be
created to automatically open
the e-mail program on the
system supplying the address
Contact <A HREF=“mailto:me@mylibrary”>
me@mylibrary.edu </A>
St Paul University. Lecture 5
54
55. Exercise 5
Create a new web page that will serve as
your library’s home page
Name it as index.htm
Create links to the other web pages you
have created
Create a link back to index.htm on the
other web pages
Place contact information at the bottom
of each page (e-mail, tel no#, etc)
Add more elements, pictures etc…
View / Test the links / Edit and save
St Paul University. Lecture 5
55
56. Activity 3.2
Read the following articles
Dave Raggett. Getting started with HTML
– http://www.w3.org/MarkUp/Guide/
Selena Sol. Introduction to Web Design
– http://www.wdvl.com/Authoring/HTML/Tut
orial/
NCSA: A Beginner's Guide to HTML
– http://archive.ncsa.uiuc.edu/General/Inter
net/WWW/HTMLPrimerAll.html
Writing for the Web: A Primer for Librarians
– http://bones.med.ohiostate.edu/eric/papers/
primer/toc.html University. Lecture 5
St Paul
56
57. Activity 3.2
Submit electronic copies of the web
pages created using the lesson:
about.htm, collections.htm,
services.htm and index.htm. The
links on the web pages should be
working.
St Paul University. Lecture 5
57
Editor's Notes
Emphasize that all information that should be displayed on the browser should be inserted in the start and closing of the <BODY> tag.
Emphasize that all information that should be displayed on the browser should be inserted in the start and closing of the <BODY> tag.
Emphasize that all information that should be displayed on the browser should be inserted in the start and closing of the <BODY> tag.