HTML is a markup language used to define the structure and layout of web pages. HTML uses tags to mark elements like headings, paragraphs, links, images, and tables. Some key tags include:
<h1> for main headings, <p> for paragraphs, <a> for links, <img> for images, and <table> for tables. Elements are everything between a starting and ending tag. HTML documents contain tags and plain text and are displayed in web browsers.
The document provides information about HTML (Hypertext Markup Language):
1. HTML is the standard markup language used to create web pages and defines the structure and layout of a web page.
2. HTML uses tags to annotate text with semantic information like headings, paragraphs, links, quotes, etc. and the tags are enclosed in angle brackets.
3. Basic HTML tags include <html>, <head>, <title>, <body>, <h1>-<h6> for headings, <p> for paragraphs, <a> for links, <img> for images, and <br> for line breaks.
The document discusses various aspects of HTML5 including its history, new elements, offline storage capabilities, and responsive web design. It provides information on HTML, CSS, JavaScript and how they make up the three layers of web design. It also summarizes the roles of different standards organizations and differences between HTML5 and the HTML living standard.
this presentation covers the following topics which are as follows
1. Introduction of css
2. History of css
3. Types of css styling
4. Css syntax
5. Css Selector
6. Css Variations Or Css Versions
This document provides an introduction to JavaScript and jQuery. It covers basic JavaScript concepts like variables, functions, conditional statements, and user input/output. It also demonstrates how to select and manipulate HTML elements using jQuery, including hiding elements on clicks or after delays. The document recommends additional resources for learning more about JavaScript and jQuery.
This document provides an overview of an HTML and CSS crash course, including:
- Introductions and goals of learning frontend development concepts
- Explanations of HTML tags, elements, and attributes
- Explanations of CSS selectors, properties, values, and basic layout techniques
- Examples and drills for applying HTML and CSS concepts
- A positioning exercise for further practice with CSS layout
The document guides students through building their first website and provides resources for continuing to learn frontend development on their own.
CSS (Cascading Style Sheets) is a rule-based language used to style HTML elements. It was proposed in 1994 to help solve styling problems in HTML 4. CSS2 became a recommendation in 1998, while CSS3 has been in development since 1998 with some parts still being worked on. CSS allows you to define styles that apply formatting properties like color, font, size, and layout to HTML elements. Styles can be applied via inline styles, internal style sheets within the <head> of a document, or external style sheets in a separate .css file linked via HTML. Common CSS selectors include element names, classes, and IDs to target specific elements for styling.
The document provides an overview of basic HTML tags and concepts for creating web pages, including:
- The basic structure of an HTML page with <html>, <head>, <title>, and <body> tags.
- Common text formatting tags such as <h1>-<h6> headings, <p> paragraphs, <br> line breaks, and bold, italics, and other text styles.
- Lists with <ol>, <ul>, and <dl> tags and the <li> list item tag.
- Links with the <a> anchor tag and attributes like href and target.
- Images with the <img> tag and attributes like src, alt, and
This document provides an introduction to HTML (Hypertext Markup Language) by explaining some key concepts:
- HTML is used to create web pages and is a markup language that uses tags to describe the structure and layout of content. It is not a programming language.
- Common HTML elements and tags are explained, including container tags that have opening and closing tags, and empty elements that only have opening tags.
- The document demonstrates how to write basic HTML code and open HTML files in a web browser. It provides examples of common text formatting, list, image, and table tags.
Cascading Style Sheets (CSS) is a style sheet language used to describe the presentation of HTML and XML documents. CSS separates document content from document presentation, enabling control over elements like layout, colors, and fonts. This separation improves accessibility, flexibility, and maintenance of web pages. CSS can format pages for different rendering methods like on-screen, in print, and for speech-based browsers.
This document discusses HTML and CSS. It provides an overview of HTML, describing it as a markup language used to define web pages using tags. It gives examples of basic HTML tags and page structure. It also covers CSS, explaining that CSS is used to style and lay out HTML elements, including different ways of inserting CSS like inline, internal, and external stylesheets. The document provides examples of HTML code and CSS code.
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.
This document introduces CSS Grid Layout and provides examples of how to define a grid, place items on the grid using line numbers and names, create named grid areas, and redefine the grid at different breakpoints. Key aspects covered include defining grid columns and rows using fractional units and repeat functions, creating gaps between rows and columns, positioning items on the grid using line-based placement properties, and describing layouts using grid-template-areas.
This document provides an introduction to the languages and technologies used to build webpages: HTML, CSS, and JavaScript. It explains that HTML provides the content and structure of a webpage, CSS controls the styling and layout, and JavaScript adds interactive elements. It also gives examples of basic HTML tags and documents, CSS syntax and use of selectors/properties/values to style elements, and recommends using a text editor and browser for coding. Finally, it discusses related topics like naming conventions and purchasing a domain and server hosting.
Arrays in JavaScript can be used to store multiple values in a single variable. Arrays are objects with numeric indexes and various methods that can be used to modify arrays. Some key array methods include concat(), join(), push(), pop(), unshift(), shift(), sort(), reverse(), slice(), splice(), indexOf(), lastIndexOf(), and length. Arrays are dynamically typed and sparse, allowing elements to contain values of any type.
HTML structures web documents and defines the semantics, or meaning, of content. CSS handles presentation and styling. HTML uses tags to define headings, paragraphs, lists, links and other content. CSS allows styling of elements using selectors, properties and values. External CSS files allow separation of concerns and reuse of styles across pages.
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.
Markup provides information about document structure and presentation. It includes start and closing tags like <p> and </p>. HTML is a markup language used to build web pages and includes elements like <head> and <body>. It has a defined structure with tags nested properly. HTML documents are text files with a .html extension.
HTML is a markup language used to define the structure and layout of web pages. Key points:
- HTML uses tags like <h1> and <p> to mark up headings, paragraphs, and other elements. A web browser reads HTML tags to display web pages.
- Common HTML elements include headings, paragraphs, links, images, lists, and tables. CSS can be used to style and lay out HTML elements.
- HTML documents have a basic structure including <html>, <head>, and <body> tags where content is placed.
This document provides an introduction to HTML basics, including:
- HTML is used to author web pages and is made up of tags enclosed in angle brackets.
- The objectives are to use a text editor to author HTML, add basic tags, hyperlinks, images and tables.
- Notepad is recommended for Windows and TextEdit for Mac to author HTML files.
HTML is a markup language used to define the structure and layout of web pages. Key points:
- HTML uses tags like <h1> and <p> to describe headings and paragraphs in a web page.
- The <html> tag defines an HTML document, <body> contains visible page content.
- Links are defined with <a> tags, images with <img> tags.
- HTML documents are displayed in web browsers, which interpret the tags but hide them from view.
- HTML is a simple language for structuring information, not for page layout or formatting.
HTML is a markup language used to define the structure and layout of web pages. HTML uses tags like <h1> and <p> to mark up headings, paragraphs, and other elements. Web browsers read HTML documents and display them as web pages. Common HTML tags include <html> <body> <h1-h6> to define headings, <p> for paragraphs, <a> for links, and <img> to include images. HTML documents contain HTML tags and plain text, and are also called web pages.
Seo is referred as Search Engine Optimization. It has basically four modules Search engine optimization (SEO), Social Media Optimization (SMO), Search Engine Marketing (SEM) and PPC.
We at SKY INFOTECH have a team of professionals dedicated towards SEO and we are also proving LIVE PROJECT TRAINING in SEO and PPC.
This PDF is all about Basic HTML meta tags which are mostly used in SEO on-page practices. These slides will really help students who really want to know about SEO. We provide SEO training in Noida at affordable price. For more information, visit the website.
The document provides an introduction to HTML, explaining what HTML is, how to create and view an HTML document, and some basic HTML tags and elements. It discusses how to create a simple HTML file using tags like <html>, <head>, <title>, <body>, and <b> and save it with a .html file extension. It then explains some key HTML tags and elements for headings, paragraphs, line breaks, comments, and attributes. It also covers hyperlinks, frames, tables, and lists.
HTML is the standard markup language used to create web pages. It uses tags like <h1> for headings and <p> for paragraphs to structure content and define semantics. Common HTML elements were described like headings, paragraphs, links, images, and line breaks. The document also covered HTML attributes which provide additional information about elements through name/value pairs, and editors that can be used to write HTML code.
HTML is a markup language used to define the structure and layout of web pages. Key points:
- HTML uses tags like <h1> and <p> to describe headings and paragraphs in a web page.
- The <html> tag defines an HTML document, <body> contains visible page content.
- Links are defined with <a> tags, images with <img> tags.
- HTML documents are displayed in web browsers, which interpret the tags but hide them from view.
- HTML is a simple language for structuring information, not a programming language.
- HTML is a markup language used to define the structure and layout of web pages. It uses tags like <h1> and <p> to mark text as headings or paragraphs.
- CSS is used to style HTML elements and control things like colors, fonts, and layout. CSS rules can be applied internally using the style attribute or externally in a .css file.
- HTML links are defined using the <a> tag and href attribute. The href specifies the URL of the linked document. Links allow users to navigate between web pages.
- HTML is a markup language used to define the structure and layout of web pages. It uses tags like <h1> and <p> to mark text as headings or paragraphs.
- CSS is used to style HTML elements and control things like colors, fonts, and layout. CSS rules can be applied internally using the style attribute or externally in separate CSS files.
- HTML links are defined using the <a> tag and the href attribute. The target attribute controls whether links open in the same or new window. Bookmarks are created using the name or id attribute.
Web Development covers HTML, CSS, JavaScript, PHP, and MySQL. HTML defines the structure and layout of a web page using tags like <h1> for headings and <p> for paragraphs. Attributes provide extra information about elements, like images using the "src" attribute. Links are created with <a> tags and the "href" attribute. Frames divide pages into multiple sections using the <frameset> tag.
This document provides an introduction to HTML basics, including how to author an HTML page using a text editor. It outlines objectives like using basic tags for paragraphs and emphasis, creating hyperlinks and images, and using tables and colors. The document then explains HTML tags in more detail and provides examples of how to write HTML code for headings, paragraphs, lists and other common elements.
Following are the some notes regarding HTML.It will provide you a basic insight in HTML and web designing.
For further, contact us -http://nextgenr.com/
The document provides an introduction to HTML (Hypertext Markup Language) including:
- HTML is a markup language used to define the structure and layout of web pages.
- HTML uses tags to annotate text with semantic meaning like headings, paragraphs, links, and images.
- The browser displays the HTML tags but does not show them, using them to interpret and display the content.
HTML (Hypertext Markup Language) is the standard markup language used to create web pages. HTML uses tags to mark up elements within web pages to indicate their semantic structure. Common tags are used to define headings, paragraphs, links, images, and more. Web browsers read HTML files and display the pages according to the tags.
This document provides an introduction to HTML, including:
- HTML stands for Hypertext Markup Language and provides structure and presentation for content on webpages.
- The basic structure of an HTML document includes the <html>, <head>, <title>, and <body> tags. Common elements like headings, paragraphs, and divs are explained.
- Attributes like id and class are used to provide additional information and styling for elements. Lists, images, videos and links are also covered. Tables, forms and their various tags are introduced as well.
The document provides instructions for creating basic HTML links. It explains that the <a> tag is used to define a hyperlink, with the href attribute specifying the link destination. Examples are given of creating links to other websites and bookmarks within the same page. Targets for opening links in new windows are also demonstrated.
This document provides an introduction to HTML. It defines HTML as the standard markup language for creating web pages and describes some key HTML elements and tags. It explains that HTML elements like headings, paragraphs, links and images are defined using tags enclosed in angle brackets. It also provides examples of common HTML tags and attributes used to structure and style web page content.
Beginner's Guide to Bypassing Falco Container Runtime Security in Kubernetes ...anjaliinfosec
This presentation, crafted for the Kubernetes Village at BSides Bangalore 2024, delves into the essentials of bypassing Falco, a leading container runtime security solution in Kubernetes. Tailored for beginners, it covers fundamental concepts, practical techniques, and real-world examples to help you understand and navigate Falco's security mechanisms effectively. Ideal for developers, security professionals, and tech enthusiasts eager to enhance their expertise in Kubernetes security and container runtime defenses.
Understanding and Interpreting Teachers’ TPACK for Teaching Multimodalities i...Neny Isharyanti
Presented as a plenary session in iTELL 2024 in Salatiga on 4 July 2024.
The plenary focuses on understanding and intepreting relevant TPACK competence for teachers to be adept in teaching multimodality in the digital age. It juxtaposes the results of research on multimodality with its contextual implementation in the teaching of English subject in the Indonesian Emancipated Curriculum.
How to Install Theme in the Odoo 17 ERPCeline George
With Odoo, we can select from a wide selection of attractive themes. Many excellent ones are free to use, while some require payment. Putting an Odoo theme in the Odoo module directory on our server, downloading the theme, and then installing it is a simple process.
No, it's not a robot: prompt writing for investigative journalismPaul Bradshaw
How to use generative AI tools like ChatGPT and Gemini to generate story ideas for investigations, identify potential sources, and help with coding and writing.
A talk from the Centre for Investigative Journalism Summer School, July 2024
AI Risk Management: ISO/IEC 42001, the EU AI Act, and ISO/IEC 23894PECB
As artificial intelligence continues to evolve, understanding the complexities and regulations regarding AI risk management is more crucial than ever.
Amongst others, the webinar covers:
• ISO/IEC 42001 standard, which provides guidelines for establishing, implementing, maintaining, and continually improving AI management systems within organizations
• insights into the European Union's landmark legislative proposal aimed at regulating AI
• framework and methodologies prescribed by ISO/IEC 23894 for identifying, assessing, and mitigating risks associated with AI systems
Presenters:
Miriama Podskubova - Attorney at Law
Miriama is a seasoned lawyer with over a decade of experience. She specializes in commercial law, focusing on transactions, venture capital investments, IT, digital law, and cybersecurity, areas she was drawn to through her legal practice. Alongside preparing contract and project documentation, she ensures the correct interpretation and application of European legal regulations in these fields. Beyond client projects, she frequently speaks at conferences on cybersecurity, online privacy protection, and the increasingly pertinent topic of AI regulation. As a registered advocate of Slovak bar, certified data privacy professional in the European Union (CIPP/e) and a member of the international association ELA, she helps both tech-focused startups and entrepreneurs, as well as international chains, to properly set up their business operations.
Callum Wright - Founder and Lead Consultant Founder and Lead Consultant
Callum Wright is a seasoned cybersecurity, privacy and AI governance expert. With over a decade of experience, he has dedicated his career to protecting digital assets, ensuring data privacy, and establishing ethical AI governance frameworks. His diverse background includes significant roles in security architecture, AI governance, risk consulting, and privacy management across various industries, thorough testing, and successful implementation, he has consistently delivered exceptional results.
Throughout his career, he has taken on multifaceted roles, from leading technical project management teams to owning solutions that drive operational excellence. His conscientious and proactive approach is unwavering, whether he is working independently or collaboratively within a team. His ability to connect with colleagues on a personal level underscores his commitment to fostering a harmonious and productive workplace environment.
Date: June 26, 2024
Tags: ISO/IEC 42001, Artificial Intelligence, EU AI Act, ISO/IEC 23894
-------------------------------------------------------------------------------
Find out more about ISO training and certification services
Training: ISO/IEC 42001 Artificial Intelligence Management System - EN | PECB
Webinars: https://pecb.com/webinars
Article: https://pecb.com/article
-------------------------------------------------------------------------------
Front Desk Management in the Odoo 17 ERPCeline George
Front desk officers are responsible for taking care of guests and customers. Their work mainly involves interacting with customers and business partners, either in person or through phone calls.
Credit limit improvement system in odoo 17Celine George
In Odoo 17, confirmed and uninvoiced sales orders are now factored into a partner's total receivables. As a result, the credit limit warning system now considers this updated calculation, leading to more accurate and effective credit management.
The membership Module in the Odoo 17 ERPCeline George
Some business organizations give membership to their customers to ensure the long term relationship with those customers. If the customer is a member of the business then they get special offers and other benefits. The membership module in odoo 17 is helpful to manage everything related to the membership of multiple customers.
Webinar Innovative assessments for SOcial Emotional SkillsEduSkills OECD
Presentations by Adriano Linzarini and Daniel Catarino da Silva of the OECD Rethinking Assessment of Social and Emotional Skills project from the OECD webinar "Innovations in measuring social and emotional skills and what AI will bring next" on 5 July 2024
(T.L.E.) Agriculture: Essentials of GardeningMJDuyan
(𝐓𝐋𝐄 𝟏𝟎𝟎) (𝐋𝐞𝐬𝐬𝐨𝐧 𝟏.𝟎)-𝐅𝐢𝐧𝐚𝐥𝐬
Lesson Outcome:
-Students will understand the basics of gardening, including the importance of soil, water, and sunlight for plant growth. They will learn to identify and use essential gardening tools, plant seeds, and seedlings properly, and manage common garden pests using eco-friendly methods.
Integrated Marketing Communications (IMC)- Concept, Features, Elements, Role of advertising in IMC
Advertising: Concept, Features, Evolution of Advertising, Active Participants, Benefits of advertising to Business firms and consumers.
Classification of advertising: Geographic, Media, Target audience and Functions.
Principles of Roods Approach!!!!!!!.pptxibtesaam huma
Principles of Rood’s Approach
Treatment technique used in physiotherapy for neurological patients which aids them to recover and improve quality of life
Facilitatory techniques
Inhibitory techniques
ARCHITECTURAL PATTERNS IN HISTOPATHOLOGY pdf- [Autosaved].pdf
Html Workshop
1. What is HTML?
• HTML is a language for describing web pages.
• HTML stands for Hyper Text Markup Language
• HTML is a markup language
• A markup language is a set of markup tags
• The tags describe document content
• HTML documents contain HTML tags and plain text
• HTML documents are also called web pages
2. HTML Tags
• HTML markup tags are usually called HTML tags
• HTML tags are keywords (tag names) surrounded by angle
brackets like <html>
• HTML tags normally come in pairs like <b> and </b>
• The first tag in a pair is the start tag, the second tag is
the end tag
• The end tag is written like the start tag, with a forward
slash before the tag name
• Start and end tags are also called opening tags and closing
tags
<tagname> content </tagname>
3. HTML Elements
"HTML tags" and "HTML elements" are often used to describe the same
thing.
But strictly speaking:
HTML element is everything between the start tag
and the end tag, including the tags:
HTML Element:
<p>This is a paragraph.</p>
4. Web Browsers
The purpose of a web browser (such as Google Chrome, Internet
Explorer, Firefox, Safari) is to read HTML documents and display them
as web pages.
The browser does not display the HTML tags, but uses the tags to
determine how the content of the HTML page is to be
presented/displayed to the user:
6. HTML <!DOCTYPE> Declaration
The <!DOCTYPE> declaration must be the very first thing in your HTML
document, before the <html> tag.
The <!DOCTYPE> declaration is not an HTML tag; it is an instruction to the web
browser about what version of HTML the page is written in.
Always add the <!DOCTYPE> declaration to your HTML documents, so that the
browser knows what type of document to expect.
The <!DOCTYPE> tag does not have an end tag.
The <!DOCTYPE> declaration is NOT case sensitive.
7. Save Your HTML?
When you save an HTML file, you can use either the .htm or the
.html file extension. There is no difference.
<!DOCTYPE html>
<html>
<head></head>
<body>
<h1> My First Heading. </h1>
<p> My First Paragraph. </p>
</body>
</html>
8. HTML Headings
HTML headings are defined with the <h1> to <h6> tags.
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
<h4>This is a heading</h4>
<h5>This is a heading</h5>
<h6>This is a heading</h6>
HTML Paragraphs
HTML paragraphs are defined with the <p> tag.
<p>This is a paragraph.</p>
9. HTML Links
HTML links are defined with the <a> tag.
<a href="http://www.google.com"> This is a link </a>
HTML Images
HTML images are defined with the <img> tag..
<img src=“http://www.tumo.org/templates/shaper_social/images/tumologosite2.png"
width="104" height="142">
10. HTML Elements
An HTML element is everything from the start tag to the end tag:
•
•
•
•
•
•
•
The first tag in a pair is the start tag, the second tag is the end tag.
Start and end tags are also called opening tags and closing tags.
The end tag is written like the start tag, with a forward slash before the tag name.
The element content is everything between the start and the end tag.
Some HTML elements have empty content.
Empty elements are closed in the start tag.
Most HTML elements can have attributes.
11. Empty HTML Elements
HTML elements with no content are called empty elements.
<br> is an empty element without a closing tag.
<br> tag defines a line break.
Use Lowercase Tags
HTML tags are not case sensitive:
(W3C) recommends lowercase.
12. HTML Attributes
Attributes provide additional information about HTML elements.
Attributes are always specified in the start tag.
Attributes come in name/value pairs like: name="value“
Attribute values should always be enclosed in quotes.
Attribute names and attribute values are case-insensitive.
<a href="http://google.com">This is a link</a>
13. HTML Headings
Headings are defined with the <h1> to <h6> tags.
<h1> defines the most important heading.
<h6> defines the least important heading.
Use HTML headings for headings only. Don't use headings to make text BIG or bold.
Search engines use your headings to index the structure and content of your web pages.
Any given HTML document can only ever have one <h1> heading, however there are no
restrictions on how many of the other levels of headings you can use.
Don’t confuse the concept of HTML headings with the the <head> element.
14. HTML Lines
The <hr> tag creates a horizontal line in an HTML page.
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
15. HTML Comments
Comments can be inserted into the HTML code to make it more
readable and understandable.
Comments are ignored by the browser and are not displayed..
<!-- This is a comment -->
16. HTML Paragraphs
Paragraphs are defined with the <p> tag.
<p>This is a paragraph </p>
HTML Line Breaks
Use the <br> tag if you want a line break without starting a new paragraph:
The <br> element is an empty HTML element. It has no end tag.
<p>This is <br> a para <br> graph with line breaks </p>
17. HTML Text Formatting
<p><b>This text is bold</b></p>
<p><strong>This text is strong</strong></p>
<p><i>This text is italic</i></p>
<p><em>This text is emphasized</em></p>
<p><code>This is computer output</code></p>
<p>This is <sub> subscript</sub> and <sup> superscript </sup></p>
<p>Do not forget to buy <mark>milk</mark> today.</p>
Often <strong> renders as <b>, and <em> renders as <i>.
However, there is a difference in the meaning of these tags: <b> or <i> defines
bold or italic text only.
<strong> or <em> means that you want the text to be rendered in a way that
the user understands as "important".
18. HTML Links
A hyperlink (or link) is a word, group of words, or image that you
can click on to jump to another document.
When you move the cursor over a link in a Web page, the arrow
will turn into a little hand.
The most important attribute of the <a> element is the href
attribute, which indicates the link’s destination.
The href attribute specifies the destination of a link.
<a href="url">Link text</a>
19. HTML Links - The target Attribute
The target attribute specifies where to open the linked document.
The example below will open the linked document in a new
browser window or a new tab:
<a href="http://www.google.com/" target="_blank">Visit
W3Schools!</a>
_blank
Opens the linked document in a new window or tab
_self
Opens the linked document in the same frame as it was
clicked (this is default)
20. HTML Links - The id Attribute
The id attribute can be used to create a bookmark inside an HTML
document.
Bookmarks are not displayed in any special way. They are invisible
to the readers.
An anchor with an id inside an HTML document:
<a id="tips">Useful Tips Section</a>
Create a link to the "Useful Tips Section" inside the same document:
<a href="#tips">Visit the Useful Tips Section</a>
Or, create a link to the "Useful Tips Section" from another page:
<a href="http://www.w3schools.com/html_links.htm#tips">
Visit the Useful Tips Section</a>
21. The HTML <head> Element
The <head> element is a container for all the head elements.
Elements inside <head> can include scripts, instruct the browser where
to find style sheets, provide meta information, and more.
The following tags can be added to the head section:
<title>
<style>
<meta>
<link>
<script>
<noscript>
22. The HTML <title> Element
The <title> tag defines the title of the document.
The <title> element:
• defines a title in the browser toolbar
• provides a title for the page when it is added to favorites
• displays a title for the page in search-engine results
<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
</head>
<body>
The content of the document......
</body>
</html>
23. The HTML <link> Element
The <link> tag defines the relationship between a document and
an external resource.
The <link> tag is most used to link to style sheets:
<head>
<link rel="stylesheet“ type="text/css“ href="mystyle.css">
</head>
24. The HTML <style> Element
The <style> tag is used to define style information for an HTML
document.
Inside the <style> element you specify how HTML elements should
render in a browser:
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
25. The HTML <meta> Element
Metadata is information about data.
The <meta> tag provides metadata about the HTML document. Metadata will
not be displayed on the page, but will be machine parsable.
Meta elements are typically used to specify page description, keywords, author
of the document, last modified, and other metadata.
The metadata can be used by browsers (how to display content or reload page),
search engines (keywords), or other web services.
<meta name="keywords" content="HTML, CSS, XML, XHTML, JavaScript">
<meta name="description" content="Free Web tutorials on HTML and CSS">
<meta http-equiv="refresh" content="30">
26. HTML Images
In HTML, images are defined with the <img> tag.
The <img> tag is empty, which means that it contains attributes only, and has no
closing tag.
To display an image on a page, you need to use the src attribute. Src stands for
"source". The value of the src attribute is the URL of the image you want to
display.
<img
src=“URL“
alt=“some_text”>
27. HTML Images - The Alt Attribute
The required alt attribute specifies an alternate text for an image, if the image
cannot be displayed.
The alt attribute provides alternative information for an image if a user for some
reason cannot view it (because of slow connection, an error in the src attribute,
or if the user uses a screen reader).
HTML Images - Set Height and Width of an Image
The height and width attributes are used to specify the height and width of an
image.
The attribute values are specified in pixels by default:
<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">
28. HTML Tables
Tables are defined with the <table> tag.
A table is divided into rows (with the <tr> tag), and each row is divided into data
cells (with the <td> tag).
<td> stands for "table data," and holds the content of a data cell. A <td> tag can
contain text, links, images, lists, forms, other tables, etc.
<table border="1">
<tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr>
<tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
29. HTML Tables and the Border Attribute
If you do not specify a border attribute, the table will be displayed without borders.
Sometimes this can be useful, but most of the time, we want the borders to show.
To display a table with borders, specify the border attribute:
HTML Table Headers
Header information in a table are defined with the <th> tag.
All major browsers display the text in the <th> element as bold and centered.
<table border="1">
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr><tr>
<td>row 1, cell 1</td>
<td>row 1, cell 2</td>
</tr><tr>
<td>row 2, cell 1</td>
<td>row 2, cell 2</td>
</tr>
</table>
30. HTML Table Tags
Tag
Description
<table>
Defines a table
<th>
Defines a header cell in a table
<tr>
Defines a row in a table
<td>
Defines a cell in a table
<caption>
Defines a table caption
<colgroup> Specifies a group of one or more columns in a table for formatting
<col>
Specifies column properties for each column within a <colgroup> element
<thead>
Groups the header content in a table
<tbody>
Groups the body content in a table
<tfoot>
Groups the footer content in a table
31. HTML Lists
The most common HTML lists are ordered and unordered lists:
Unordered Lists
An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
The list items are marked with bullets (typically small black circles).
<ul>
<li>Coffee</li>
<li>Milk</li>
</ul>
Ordered Lists
An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
The list items are marked with numbers.
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
32. HTML Description Lists
A description list is a list of terms/names, with a description of each term/name.
The <dl> tag defines a description list.
The <dl> tag is used in conjunction with <dt> (defines terms/names) and <dd> (describes each
term/name):
<dl>
<dt>Coffee</dt>
<dd>- black hot drink</dd>
<dt>Milk</dt>
<dd>- white cold drink</dd>
</dl>
HTML List Tags
Tag
Description
<ol>
Defines an ordered list
<ul>
Defines an unordered list
<li>
Defines a list item
<dl>
Defines a description list
<dt>
Defines a term/name in a description list
<dd>
Defines a description of a term/name in a description list
33. Most HTML elements are defined as block level elements or as inline elements.
HTML Block Elements
Block level elements normally start (and end) with a new line when displayed in
a browser.
Examples: <h1>, <p>, <ul>, <table>
HTML Inline Elements
Inline elements are normally displayed without starting a new line.
Examples: <b>, <td>, <a>, <img>
34. The HTML <div> Element
The HTML <div> element is a block level element that can be used as a
container for grouping other HTML elements.
The <div> tag is used to group block-elements to format them with CSS.
The <div> element has no special meaning. Except that, because it is a block
level element, the browser will display a line break before and after it.
Most common use of the <div> element, is for document layout.
The HTML <span> Element
The HTML <span> element is an inline element that can be used as a container
for text.
The <span> tag is used to group inline-elements in a document.
The <span> element has no special meaning.
The <span> tag provides no visual change by itself.
The <span> tag is used to group inline-elements in a document.
<p>My mother has <span style="color:blue;">blue</span> eyes.</p>
35. HTML Forms
HTML forms are used to pass data to a server.
An HTML form can contain input elements like: text fields, checkboxes, radiobuttons, submit buttons and more.
A form can also contain select lists, textarea, fieldset, legend, and label elements.
<form>
…
input elements
…
</form>
36. HTML Forms - The Input Element
The most important form element is the <input> element.
The <input> tag specifies an input field where the user can enter data.
<input> elements are used within a <form> element to declare input controls
that allow users to input data.
An <input> element can vary in many ways, depending on the type attribute.
An <input> element can be of type text field, checkbox, password, radio button,
submit button, and more.
The <input> element is empty, it contains attributes only.
37. Text Filed
<input type="text"> defines a one-line input field that a user can enter text into:
The default width of a text field is 20 characters.
The name attribute can be set to anything you like as long as it is unique in the
form
<form>
First name: <input type="text" name="firstname"> <br>
Last name: <input type="text" name="lastname">
</form>
Password Filed
<input type="password"> defines a password field:
The characters in a password field are masked (shown as asterisks or circles).
<form>
Password: <input type="password" name="pwd">
</form>
38. Radio Buttons
<input type="radio"> defines a radio button.
Radio buttons let a user select ONLY ONE of a limited number of choices:
HTML radio buttons are created by using several <input type=“radio”> buttons,
all with the same name, but with different values.
<form>
<input type="radio" name="sex" value="male"> Male<br>
<input type="radio" name="sex" value="female"> Female
</form>
Checkboxes
<input type="checkbox"> defines a checkbox. Checkboxes let a user select
ZERO or MORE options of a limited number of choices.
names of different elements can be different.
<form>
<input type=“checkbox" name=“vehicle" value=“Bike"> I have a bike
<br>
<input type=“checkbox" name=“vehicle" value=“Car"> I have a car
</form>
39. Submit Buttons
<input type=“submit"> defines a submit button.
A submit button is used to send form data to a server.
The data is sent to the page specified in the form's action attribute.
The file defined in the action attribute usually does something with the
received input:
<form name="input" action="html_form_action.asp" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
40. Button
Defines a clickable button (mostly used with a JavaScript to activate a script)
<html>
<head>
<script>
function msg()
{ alert("Hello world!"); }
</script>
</head>
<body>
<form>
<input type="button" value="Click me" onclick="msg()">
</form>
<p>The button above activates a JavaScript when it is clicked.</p>
</body>
</html>
41. HTML <button> Tag
Inside a <button> element you can put content, like text or images. This is the
difference between this element and buttons created with the <input>
element.
Tip: Always specify the type attribute for a <button> element. Different
browsers use different default types for the <button> element.
<!DOCTYPE html>
<html>
<body>
<button type="button" onclick="alert('Hello world!')">
Click Me!
</button>
</body>
</html>
42. <Label> tag
The “<label>” element is used to create labels for input elements.
The <label> element does not render as anything special for the user. However, it
provides a usability improvement for mouse users, because if the user clicks on
the text within the <label> element, it toggles the control.
The for attribute of the <label> tag should be equal to the id attribute of the
related element to bind them together.
<form action="demo_form.asp">
<label for="male">Male</label>
<input type="radio" name="sex" id="male" value="male"><br>
<label for="female">Female</label>
<input type="radio" name="sex" id="female" value="female"><br>
<input type="submit" value="Submit">
</form>
43. HTML <input> type Attribute Values
Text, Button, checkbox, password, radio, submit, file
Value
Color New
Date New
datetime
datetime-local
Email New
Image
Month New
Number New
Range
New
Reset
Search
Tel New
Time New
Url New
Week New
Description
Defines a color picker
Defines a date control (year, month and day (no time))
Defines a date and time control (year, month, day, hour, minute,)
New Defines a date and time control (year, month, day, hour, minute, second, and fraction of a
second (no time zone)
Defines a field for an e-mail address
Defines an image as the submit button
Defines a month and year control (no time zone)
Defines a field for entering a number
Defines a control for entering a number whose exact value is not important (like a slider control)
Defines a reset button (resets all form values to default values)
Defines a text field for entering a search string
Defines a field for entering a telephone number
Defines a control for entering a time (no time zonze)
Defines a field for entering a URL
Defines a week and year control (no time zone)
44. <option> Tag
The <option> tag defines an option in a select list.
<option> elements go inside a <select> element.
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
Attributes
Attribute
Value
Description
disabled
disabled
Specifies that an option should be disabled
label
text
Specifies a shorter label for an option
selected
selected
Specifies that an option should be pre-selected
when the page loads
value
text
Specifies the value to be sent to a server
45. HTML Iframes
An iframe is used to display a web page within a web page.
The URL points to the location of the separate page.
<iframe src="URL"></iframe>
Iframe – Set Height and Width
The height and width attributes are used to specify the height and width of the iframe.
The attribute values are specified in pixels by default, but they can also be in percent (like "80%").
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
46. Iframe – Remove the border
The frameborder attribute specifies whether or not to display a border around the iframe.
Set the attribute value to "0" to remove the border:
<iframe src="demo_iframe.htm" frameborder="0"></iframe>
Iframe – as a Target for a link
An iframe can be used as the target frame for a link.
The target attribute of a link must refer to the name attribute of the iframe:
<iframe src="demo_iframe.htm" name="iframe_a"></iframe>
<p><a href="http://www.w3schools.com" target="iframe_a">
W3Schools.com</a></p>