HTML is a markup language used to define the structure and layout of web pages. HTML uses tags to mark elements like headings, paragraphs, lists, links etc. Some key HTML tags are <h1> for main headings, <p> for paragraphs, <ul> for unordered lists, <ol> for ordered lists, <a> for links, <img> for images. HTML documents have a basic structure with <html>, <head> and <body> tags. CSS can be used to style HTML elements by using the style attribute or external style sheets. HTML also supports basic text formatting tags like <b>, <i>, <u>. Colors in HTML are specified using hexadecimal color codes.
After this presentation students will be able to:
1. Define the term hypertext and state the purpose of HTML.
2. Identify the main parts of an HTML document.
3. Identify and state the purpose of different HTML elements.
4. Differentiate between HTML elements, tags, and attributes.
Create web pages using different basic and formatting tags.
Learn HTML and CSS in few steps . Practice an hour daily for good results in 10 days.
Here I am mentioning basic elements , attributes and tags of HTML with styling them
After this presentation students will be able to:
1. Define the term hypertext and state the purpose of HTML.
2. Identify the main parts of an HTML document.
3. Identify and state the purpose of different HTML elements.
4. Differentiate between HTML elements, tags, and attributes.
Create web pages using different basic and formatting tags.
Learn HTML and CSS in few steps . Practice an hour daily for good results in 10 days.
Here I am mentioning basic elements , attributes and tags of HTML with styling them
To publish information for global distribution, one needs a universally understood language, a kind of publishing mother tongue that all computers may potentially understand. The publishing language used by the World Wide Web is HTML (from HyperText Markup Language).
Here's my FIT Board Practical File. I hope you find it as useful as it was to me. I constantly got complimented for my file from internal as well as external teachers so I thought of sharing my work with all of you.
To publish information for global distribution, one needs a universally understood language, a kind of publishing mother tongue that all computers may potentially understand. The publishing language used by the World Wide Web is HTML (from HyperText Markup Language).
Here's my FIT Board Practical File. I hope you find it as useful as it was to me. I constantly got complimented for my file from internal as well as external teachers so I thought of sharing my work with all of you.
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.
Instructions for Submissions thorugh G- Classroom.pptxJheel Barad
This presentation provides a briefing on how to upload submissions and documents in Google Classroom. It was prepared as part of an orientation for new Sainik School in-service teacher trainees. As a training officer, my goal is to ensure that you are comfortable and proficient with this essential tool for managing assignments and fostering student engagement.
Embracing GenAI - A Strategic ImperativePeter Windle
Artificial Intelligence (AI) technologies such as Generative AI, Image Generators and Large Language Models have had a dramatic impact on teaching, learning and assessment over the past 18 months. The most immediate threat AI posed was to Academic Integrity with Higher Education Institutes (HEIs) focusing their efforts on combating the use of GenAI in assessment. Guidelines were developed for staff and students, policies put in place too. Innovative educators have forged paths in the use of Generative AI for teaching, learning and assessments leading to pockets of transformation springing up across HEIs, often with little or no top-down guidance, support or direction.
This Gasta posits a strategic approach to integrating AI into HEIs to prepare staff, students and the curriculum for an evolving world and workplace. We will highlight the advantages of working with these technologies beyond the realm of teaching, learning and assessment by considering prompt engineering skills, industry impact, curriculum changes, and the need for staff upskilling. In contrast, not engaging strategically with Generative AI poses risks, including falling behind peers, missed opportunities and failing to ensure our graduates remain employable. The rapid evolution of AI technologies necessitates a proactive and strategic approach if we are to remain relevant.
Introduction to AI for Nonprofits with Tapp NetworkTechSoup
Dive into the world of AI! Experts Jon Hill and Tareq Monaur will guide you through AI's role in enhancing nonprofit websites and basic marketing strategies, making it easy to understand and apply.
Welcome to TechSoup New Member Orientation and Q&A (May 2024).pdfTechSoup
In this webinar you will learn how your organization can access TechSoup's wide variety of product discount and donation programs. From hardware to software, we'll give you a tour of the tools available to help your nonprofit with productivity, collaboration, financial management, donor tracking, security, and more.
How to Make a Field invisible in Odoo 17Celine George
It is possible to hide or invisible some fields in odoo. Commonly using “invisible” attribute in the field definition to invisible the fields. This slide will show how to make a field invisible in odoo 17.
Read| The latest issue of The Challenger is here! We are thrilled to announce that our school paper has qualified for the NATIONAL SCHOOLS PRESS CONFERENCE (NSPC) 2024. Thank you for your unwavering support and trust. Dive into the stories that made us stand out!
Biological screening of herbal drugs: Introduction and Need for
Phyto-Pharmacological Screening, New Strategies for evaluating
Natural Products, In vitro evaluation techniques for Antioxidants, Antimicrobial and Anticancer drugs. In vivo evaluation techniques
for Anti-inflammatory, Antiulcer, Anticancer, Wound healing, Antidiabetic, Hepatoprotective, Cardio protective, Diuretics and
Antifertility, Toxicity studies as per OECD guidelines
Macroeconomics- Movie Location
This will be used as part of your Personal Professional Portfolio once graded.
Objective:
Prepare a presentation or a paper using research, basic comparative analysis, data organization and application of economic information. You will make an informed assessment of an economic climate outside of the United States to accomplish an entertainment industry objective.
Unit 8 - Information and Communication Technology (Paper I).pdfThiyagu K
This slides describes the basic concepts of ICT, basics of Email, Emerging Technology and Digital Initiatives in Education. This presentations aligns with the UGC Paper I syllabus.
1. HTML in Web DesignHTML in Web Design
Prepared by:
Shah Vivek
2. What is HTML?What is HTML?
• HTML is a language for describing web
pages.
• HTML stands for Hyper Text Markup
Language
• HTML is not a programming language, it is a
markup language
• A markup language is a set of markup tags
• HTML uses markup tags to describe web
pages
3. HTML TagsHTML Tags
• HTML markup tags are usually called HTML
tags
• HTML tags are keywords 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
• Start and end tags are also called opening
tags and closing tags.
4. HTML DocumentsHTML Documents
• HTML Documents = Web Pages
• HTML documents describe web
pages
• HTML documents contain HTML
tags and plain text
• HTML documents are also called web
pages
5. ExampleExample
Simple HTML
<html>
<body>
<h1>My First
Heading</h1>
<p>My first
paragraph</p>
</body>
</html>
Example Explained
• The text between <html> and
</html> describes the web page
• The text between <body> and
</body> is the visible page
content
• The text between <h1> and </h1>
is displayed as a heading
• The text between <p> and </p> is
displayed as a paragraph
6. Document Structure TagsDocument Structure Tags
Opening
Tag
Closing
Tag
Attribute Description
<HTML> </HTML> Identifies document as
HTML
<HEAD> </HEAD> Document Head contains
Title Tag
<TITLE> </TITLE> Title of Document
<BODY> </BODY> Contents of Document
7. Formatting Tags-Formatting Tags- BASICBASIC
Opening Tag Closing Tag Attribute Description
<BODY> </BODY> Contents of Document
BGCOLOR="#color
code"
Background Color
BACKGROUND="... .gif
"
Background Image
TEXT="#color code" Text Color
<CENTER
>
</CENTER> Centers Text and
Images
<H1> to <H6> </H1>to</H6> Heading
ALIGN="Left, Center,
Right"
Align Text
8. Formatting TagsFormatting Tags
Opening Tag Closing Tag Attribute Description
<BASEFONT
SIZE="1 to7">
specify the overall font for your page :
place <basefont> tag at the beginning of
the <body> section.
<P> </P> New Paragraph
ALIGN="Left,
Center, Right"
Align Text
<BR> Line Break
9. Formatting TagsFormatting Tags
Opening Tag Closing Tag Attribute Description
<HR> Horizontal Rule
ALIGN="Left,
Center, Right"
Align Text- 3 choices
SIZE = "number"
Thickness of Horizontal
Rule
WIDTH =
"number %"
% of Document to Span
NOSHADE Removes Shading
10. FONT tagsFONT tags
Opening Tag Closing Tag Attribute Description
<FONT> </FONT> Section of Text
COLOR="#color
code"
Font Color
SIZE="number" Font Size
<B> </B> Bold Text
<U> <U>
Underline Text
<I> </I> Italic Text
11. FONT tagsFONT tags
Opening Tag Closing Tag Attribute Description
<STRIKE> </STRIKE> Strikeout
<BLOCKQUOTE> </BLOCKQUOTE> Separates Text
<SUB> </SUB>
Subscript Text SUP
<SUP> </SUP>
Superscript Text SUB
17. Unordered LISTS
An unordered list is a list of items. The list items
are marked with bullets (typically small black
circles).
An unordered list starts with the <ul> tag. Each
list item starts with the <li> tag.
<html><body>
<h4>An Unordered List:</h4>
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
</body></html>
18. Ordered LISTS
Ordered Lists
An ordered list is also a list of items. The
list items are marked with numbers.
An ordered list starts with the <ol> tag.
Each list item starts with the <li> tag.
<ol>
<li>Coffee</li>
<li>Milk</li>
</ol>
21. The Graphics Images
The Image Tag and the SRC Attribute
In HTML, images are defined with the <img> tag.
The <img> tag is empty, which means that it contains
attributes only and it 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 on your
page.
The syntax of defining an image:
<img src="url"> The URL points to the location where the
image is stored. The browser puts the image where the image
tag occurs in the document. If you put an image tag between
two paragraphs, the browser shows the first paragraph, then
the image, and then the second paragraph.
22. Attributes of Images
<p>
An image
<img src=”url/inage“
align="bottom" width="100"
height="50"> in the text
</p>
<p>
An image
<img src ="/images/xhtml.gif“
align="middle" width="100"
height="50"> in the text
</p>
<p>
An image
<img src ="/images/xhtml.gif"
align="top" width="100"
height="50">
in the text
</p>
23. Using Hyperlinks
Link Tags: <A> ... </A>
Links on web pages are created using the anchor
<A> tag. These links can point to a different
document on the Internet or to some anchor on the
same page. Documents linked in this manner need
not be HTML (or PHP/ASP) files. You can place a link
to any kind of file, like in PPT or DOC files.
• Style Tip
Use hyperlinks liberally throughout your HTML pages
to create links to related resources and to
information on your own site as well as other
sites.
24. Links in Files
HTML documents contain certain 'hot spots'. These hot spots
provide the links to other documents/files on the Internet.
Lets look at this tag in detail.
<A HREF=http://www.webdevelopersnotes.com> Takes you to
Webdevelopersnotes.com's main page </A> is displayed as
This will take you to Webdevelopersnotes.com's main pageThis will take you to Webdevelopersnotes.com's main page..
Anchor tags have a starting (<A>) and an (</A>) ending
tag.
The HREF attribute is required and takes the URL address of
the destination page as value. Without this attribute-value, no
links will be created.
Some text is enclosed between the anchor tags. This text
serves as the hot spot. When a visitor clicks on this 'hot spot',
he or she will be transported to the target page.
25. The Anchor Tag and
Hyperlinks
Hyperlinks are the colored, underlined words you find on a web
document. Clicking on these words will send you to a predefined
location on the same document, to another page on the same server
or to a location on another server.
Hyperlinks are created using the anchor tag.
<a command="target">Highlighted Text</a>
Commands for this tag can be:
1. href - Signifies a hyperlink.
2. name -Signifies a specified location on page.
3. The anchor tag requires a closing tag- </a>
26. Links in Files
Linking in the same document
We employ the <A> tag in this case too, but its format changes slightly.
Instead of a URL in the HREF attribute, we use names.
First, an anchor is set at the desired place in the document using the
NAME attribute. In this case :
<A NAME="top"></A>
The value of NAME attribute can be anything you want use. Also note,
that it is not necessary to enclose any text or other HTML element if the
anchor tag is used in this manner.
1.After setting an anchor with its NAME attribute you employ another set
of <A> to make a link that points to it:
<A HREF="#top" CLASS="text">Click here to go to the
top</A>.
1.On clicking this link, you will be taken to the top of the page where
you have put the anchor.
2.The HREF attribute takes the value of the NAME attribute mentioned
before as its value; the name is prefixed with a # symbol.
27. Links in Files
Removing the Underline
The default underline can be removed from
the hyperlink using style sheets. Though,
you should not remove the underline from
links within your document body, there are
times when this practice is acceptable.
The code:
a {text-decoration : none}
a href
Text links are defined with the
hyperlink reference anchor.
It looks like this in your code:
<a href="target">Destination</a>
Location on Same Site
To link to another page on the same
site the code would be:
<a href="samesite.htm">
Another Page</a>
To link to another site:
Note: http:// is required.
<a
href="http://www.destination.com
/
index.html">Another Site</a>
28. Links in Files
Rollover Effect
You've seen hyperlinks that change colors when the
mouse is placed over them. We use this effect on links.
The code for assigning colors to the different states of
the hyperlink is shown below.
It can be placed in a style sheet in the head section of
your document.
Change the specified colors to produce your own version
of rollovers.
a:link{color :#000000}
a:visted{color :#BFBFBF }
a:hover{color :#DFDFDF }
29. HTML Styles
The purpose of the style
attribute is:
1. To provide a common
way to style all HTML
elements.
2. Styles was introduced with
HTML 4, as the new and
preferred way to style HTML
elements. With HTML styles,
styles can be added to
HTML elements directly by
using the style attribute, or
indirectly by in separate
style sheets (CSS files).
HTML Style
Examples
style= "background-
color:yellow"
style= “font-size:10px"
style= "font-family:Times"
style= "text-align:center"
30. Color Values
• HTML colors are defined using a hexadecimal
(hex) notation for the combination of Red,
Green, and Blue color values (RGB).
• The lowest value that can be given to one of
the light sources is 0 (hex 00). The highest
value is 255 (hex FF).
• Hex values are written as 3 double digit
numbers, starting with a # sign.
31. Color Color HEX Color RGB
#000000 rgb(0,0,0)
#FF0000 rgb(255,0,0)
#00FF00 rgb(0,255,0)
#0000FF rgb(0,0,255)
#FFFF00 rgb(255,255,0)
#00FFFF rgb(0,255,255)
#FF00FF rgb(255,0,255)
#C0C0C0 rgb(192,192,192)
#FFFFFF rgb(255,255,255)
Color Values
32. Uses of Color ValuesUses of Color Values
• The COLOR Values can be used with:
1.<body background=“#00ff00”>
2. <font color= “#FF00FF”>
3.In table cells, <td background =
“#aa0099”>