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
The document discusses HTML common tags and elements used to structure web pages. It explains that HTML files use markup tags to tell browsers how to display content. Common tags include <html>, <head>, <title>, <body> for overall page structure. Other tags format text like <b>, <i>, add links with <a>, and structure lists, tables, and headings. The document provides examples and explanations of how each tag is used to build web pages.
HTML is the most widely used language to write web pages. It is a markup language that uses tags to structure text and multimedia content. Some key HTML elements include <head>, <title>, <body>, <p>, <img>, <table>, and <div>. HTML allows embedding of images, hyperlinks, lists, tables, forms, iframes and other interactive elements to create dynamic and engaging web pages. While HTML provides structure and layout, additional technologies like CSS and JavaScript are needed for advanced formatting and interactivity.
Raj Acharya presents details of his internship project on front-end web development. He completed a month-long training program at BIRLA Institute of Technology in Jaipur, India, where he learned HTML, CSS, and JavaScript. He describes the basic concepts and elements of HTML, including headings, paragraphs, links, images, tables, and lists. He also provides an overview of CSS and how it is used to style web pages.
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 discusses various HTML elements and tags. It covers topics like whether HTML is case sensitive, empty elements, attributes, paragraphs, headings, text formatting, fonts, links, and URLs. Key points include: HTML element names can be uppercase, lowercase, or mixed case; empty elements require a closing slash in XHTML; attributes provide additional information for elements; paragraphs and headings define structure; and links are created using anchor tags with href attributes specifying the URL.
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.
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.
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.
The document provides an introduction to web development using HTML, CSS, JavaScript, and PHP. It discusses using these languages for both standalone software and web/software development. Examples of requests and responses in the HTTP process are also covered, along with an analogy comparing web page development to building construction. Key topics like HTML elements, links, and images are outlined.
This document provides an introduction to HTML (Hypertext Markup Language) and how to create basic HTML pages. It discusses HTML tags like <html>, <head>, <title>, <body>, and <meta> that form the basic structure of an HTML page. It also describes how to use text editors like Notepad to write HTML code and save files with the .html or .htm extension. The document provides examples of creating headings, paragraphs, line breaks and horizontal rules. It covers core HTML attributes and formatting tags to style text.
The document provides an introduction to HTML and covers the basics of creating HTML pages including page structure, tags, attributes, formatting text, and comments. It explains key elements like <html>, <head>, <title>, <body>, headings, paragraphs, and lists. It also covers attributes, presentational tags, phrase tags, and the difference between block and inline elements. The document is intended as an introductory workshop on HTML for day one.
The document provides an overview of HTML and various HTML tags. It describes how the internet works and basic internet terms like website, web page, web browser, URL. It explains HTML tags for formatting text, links, images, lists, tables and forms. Common tags covered include headings, paragraphs, line breaks, comments, font, anchor, image, unordered lists. It also discusses HTML attributes and using CSS for backgrounds and borders.
IGCSE ICT (0417/0983) - Website Authoring - Ajiro TechAjiro Ndi
This slide focuses on the fundamentals of creating web pages. It includes HTML basics, CSS for styling, and JavaScript for interactivity (Only the definition will be covered as these go outside the scope of the syllabus). Students in this slide will learn to structure web content, apply styles, and incorporate multimedia elements.
Subscribe to my YouTube Channel: https://youtube.com/@ajirotech
HTML is a markup language used to structure and present content on the web. It was created by Tim Berners-Lee and is maintained by the W3C. HTML uses tags to mark elements like headings, paragraphs, links, images and more. CSS and JavaScript can be used to style and make HTML more interactive. HTML documents are created using tags within a text editor and saved with an .html or .htm file extension.
HTML is a markup language used to structure and present content on the web. It stands for Hypertext Markup Language and was created by Tim Berners-Lee in 1991. Some key elements of HTML documents include tags, attributes, and basic building blocks like the <html>, <head>, <title>, and <body> tags. Common tags in HTML are used for formatting text and include headings, paragraphs, breaks, fonts, and lists.
HTML is a markup language used to define the structure and layout of web pages. It uses tags like <h1> for headings and <p> for paragraphs to structure content. Key HTML elements include:
<html> - defines an HTML document
<head> - contains meta information about the page
<body> - contains visible page content
<a> - defines hyperlinks
<img> - embeds images
<ul>, <ol>, <li> - define unordered, ordered and list item elements
<table> - defines a table with <tr> for rows and <td> for cells
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.
The document defines key terms related to HTML and creating web pages, including:
- HTML tags that format text and structure pages
- How to specify page titles, backgrounds, text colors, and hyperlinks
- How to add tables, forms, and form elements to web pages
- The main HTML tags for creating tables, such as <table>, <tr>, <td>, and <th>
- How to specify the action and method for a form and common form elements
The document provides instructions and examples for building basic HTML pages and components using appropriate tags and attributes.
INTRODUCTION CODING - THE HTML AND CSS.pptxIvanPhilipMuez
This presentation shows the basics of HTML and CSS coding. The rules in coding are included in the presentation. Ensure you read it until the end as it will instantly improve your coding skills. HTML tags are in the presentation's content and how it should be coded.
A short update and next week. I am writing both Session 9 and Orientation S1.
As a Guest Student,
You are now upgraded to Grad Level.
See Uploads for “Student Checkin” & “S8”. Thx.
Thank you for attending our workshops.
If you are new, do welcome.
Grad Students: I am planning a Reiki-Yoga Master Course (As a package). I’m Fusing both together.
This will include the foundation of each practice. Our Free Workshops can be used with any Reiki Yoga training package. Traditional Reiki does host rules and ethics. Its silent and within the JP Culture/Area/Training/Word of Mouth. It allows remote healing but there’s limits As practitioners and masters. We are not allowed to share certain secrets/tools. Some content is designed only for “Masters”. Some yoga are similar like the Kriya Yoga-Church (Vowed Lessons). We will review both Reiki and Yoga (Master tools) in the Course upcoming.
Session Practice, For Reference:
Before starting a session, Make sure to check your environment. Nothing stressful. Later, You can decorate a space as well.
Check the comfort level, any needed resources (Yoga/Reiki/Spa Props), or Meditation Asst?
Props can be oils, sage, incense, candles, crystals, pillows, blankets, yoga mat, any theme applies.
Select your comfort Pose. This can be standing, sitting, laying down, or a combination.
Monitor your breath. You can add exercises.
Add any mantras or affirmations. This does aid mind and spirit. It helps you to focus.
Also you can set intentions using a candle.
The Yoga-key is balancing mind, body, and spirit.
Finally, The Duration can be long or short.
Its a good session base for any style.
Next Week’s Focus:
A continuation of Intuition Development. We will review the Chakra System - Our temple. A misguided, misused situation lol. This will also serve Attunement later.
For Sponsor,
General updates,
& Donations:
Please visit:
https://ldmchapels.weebly.com
The document discusses various HTML elements and tags. It covers topics like whether HTML is case sensitive, empty elements, attributes, paragraphs, headings, text formatting, fonts, links, and URLs. Key points include: HTML element names can be uppercase, lowercase, or mixed case; empty elements require a closing slash in XHTML; attributes provide additional information for elements; paragraphs and headings define structure; and links are created using anchor tags with href attributes specifying the URL.
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.
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.
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.
The document provides an introduction to web development using HTML, CSS, JavaScript, and PHP. It discusses using these languages for both standalone software and web/software development. Examples of requests and responses in the HTTP process are also covered, along with an analogy comparing web page development to building construction. Key topics like HTML elements, links, and images are outlined.
This document provides an introduction to HTML (Hypertext Markup Language) and how to create basic HTML pages. It discusses HTML tags like <html>, <head>, <title>, <body>, and <meta> that form the basic structure of an HTML page. It also describes how to use text editors like Notepad to write HTML code and save files with the .html or .htm extension. The document provides examples of creating headings, paragraphs, line breaks and horizontal rules. It covers core HTML attributes and formatting tags to style text.
The document provides an introduction to HTML and covers the basics of creating HTML pages including page structure, tags, attributes, formatting text, and comments. It explains key elements like <html>, <head>, <title>, <body>, headings, paragraphs, and lists. It also covers attributes, presentational tags, phrase tags, and the difference between block and inline elements. The document is intended as an introductory workshop on HTML for day one.
The document provides an overview of HTML and various HTML tags. It describes how the internet works and basic internet terms like website, web page, web browser, URL. It explains HTML tags for formatting text, links, images, lists, tables and forms. Common tags covered include headings, paragraphs, line breaks, comments, font, anchor, image, unordered lists. It also discusses HTML attributes and using CSS for backgrounds and borders.
IGCSE ICT (0417/0983) - Website Authoring - Ajiro TechAjiro Ndi
This slide focuses on the fundamentals of creating web pages. It includes HTML basics, CSS for styling, and JavaScript for interactivity (Only the definition will be covered as these go outside the scope of the syllabus). Students in this slide will learn to structure web content, apply styles, and incorporate multimedia elements.
Subscribe to my YouTube Channel: https://youtube.com/@ajirotech
HTML is a markup language used to structure and present content on the web. It was created by Tim Berners-Lee and is maintained by the W3C. HTML uses tags to mark elements like headings, paragraphs, links, images and more. CSS and JavaScript can be used to style and make HTML more interactive. HTML documents are created using tags within a text editor and saved with an .html or .htm file extension.
HTML is a markup language used to structure and present content on the web. It stands for Hypertext Markup Language and was created by Tim Berners-Lee in 1991. Some key elements of HTML documents include tags, attributes, and basic building blocks like the <html>, <head>, <title>, and <body> tags. Common tags in HTML are used for formatting text and include headings, paragraphs, breaks, fonts, and lists.
HTML is a markup language used to define the structure and layout of web pages. It uses tags like <h1> for headings and <p> for paragraphs to structure content. Key HTML elements include:
<html> - defines an HTML document
<head> - contains meta information about the page
<body> - contains visible page content
<a> - defines hyperlinks
<img> - embeds images
<ul>, <ol>, <li> - define unordered, ordered and list item elements
<table> - defines a table with <tr> for rows and <td> for cells
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.
The document defines key terms related to HTML and creating web pages, including:
- HTML tags that format text and structure pages
- How to specify page titles, backgrounds, text colors, and hyperlinks
- How to add tables, forms, and form elements to web pages
- The main HTML tags for creating tables, such as <table>, <tr>, <td>, and <th>
- How to specify the action and method for a form and common form elements
The document provides instructions and examples for building basic HTML pages and components using appropriate tags and attributes.
INTRODUCTION CODING - THE HTML AND CSS.pptxIvanPhilipMuez
This presentation shows the basics of HTML and CSS coding. The rules in coding are included in the presentation. Ensure you read it until the end as it will instantly improve your coding skills. HTML tags are in the presentation's content and how it should be coded.
A short update and next week. I am writing both Session 9 and Orientation S1.
As a Guest Student,
You are now upgraded to Grad Level.
See Uploads for “Student Checkin” & “S8”. Thx.
Thank you for attending our workshops.
If you are new, do welcome.
Grad Students: I am planning a Reiki-Yoga Master Course (As a package). I’m Fusing both together.
This will include the foundation of each practice. Our Free Workshops can be used with any Reiki Yoga training package. Traditional Reiki does host rules and ethics. Its silent and within the JP Culture/Area/Training/Word of Mouth. It allows remote healing but there’s limits As practitioners and masters. We are not allowed to share certain secrets/tools. Some content is designed only for “Masters”. Some yoga are similar like the Kriya Yoga-Church (Vowed Lessons). We will review both Reiki and Yoga (Master tools) in the Course upcoming.
Session Practice, For Reference:
Before starting a session, Make sure to check your environment. Nothing stressful. Later, You can decorate a space as well.
Check the comfort level, any needed resources (Yoga/Reiki/Spa Props), or Meditation Asst?
Props can be oils, sage, incense, candles, crystals, pillows, blankets, yoga mat, any theme applies.
Select your comfort Pose. This can be standing, sitting, laying down, or a combination.
Monitor your breath. You can add exercises.
Add any mantras or affirmations. This does aid mind and spirit. It helps you to focus.
Also you can set intentions using a candle.
The Yoga-key is balancing mind, body, and spirit.
Finally, The Duration can be long or short.
Its a good session base for any style.
Next Week’s Focus:
A continuation of Intuition Development. We will review the Chakra System - Our temple. A misguided, misused situation lol. This will also serve Attunement later.
For Sponsor,
General updates,
& Donations:
Please visit:
https://ldmchapels.weebly.com
Trends Spotting Strategic foresight for tomorrow’s education systems - Debora...EduSkills OECD
Deborah Nusche, Senior Analyst, OECD presents at the OECD webinar 'Trends Spotting: Strategic foresight for tomorrow’s education systems' on 5 June 2025. You can check out the webinar on the website https://oecdedutoday.com/webinars/ Other speakers included: Deborah Nusche, Senior Analyst, OECD
Sophie Howe, Future Governance Adviser at the School of International Futures, first Future Generations Commissioner for Wales (2016-2023)
Davina Marie, Interdisciplinary Lead, Queens College London
Thomas Jørgensen, Director for Policy Coordination and Foresight at European University Association
THERAPEUTIC COMMUNICATION included definition, characteristics, nurse patient...parmarjuli1412
The document provides an overview of therapeutic communication, emphasizing its importance in nursing to address patient needs and establish effective relationships. THERAPEUTIC COMMUNICATION included some topics like introduction of COMMUNICATION, definition, types, process of communication, definition therapeutic communication, goal, techniques of therapeutic communication, non-therapeutic communication, few ways to improved therapeutic communication, characteristics of therapeutic communication, barrier of THERAPEUTIC RELATIONSHIP, introduction of interpersonal relationship, types of IPR, elements/ dynamics of IPR, introduction of therapeutic nurse patient relationship, definition, purpose, elements/characteristics , and phases of therapeutic communication, definition of Johari window, uses, what actually model represent and its areas, THERAPEUTIC IMPASSES and its management in 5th semester Bsc. nursing and 2nd GNM students
HOW YOU DOIN'?
Cool, cool, cool...
Because that's what she said after THE QUIZ CLUB OF PSGCAS' TV SHOW quiz.
Grab your popcorn and be seated.
QM: THARUN S A
BCom Accounting and Finance (2023-26)
THE QUIZ CLUB OF PSGCAS.
Analysis of Quantitative Data Parametric and non-parametric tests.pptxShrutidhara2
This presentation covers the following points--
Parametric Tests
• Testing the Significance of the Difference between Means
• Analysis of Variance (ANOVA) - One way and Two way
• Analysis of Co-variance (One-way)
Non-Parametric Tests:
• Chi-Square test
• Sign test
• Median test
• Sum of Rank test
• Mann-Whitney U-test
Moreover, it includes a comparison of parametric and non-parametric tests, a comparison of one-way ANOVA, two-way ANOVA, and one-way ANCOVA.
How to Manage Maintenance Request in Odoo 18Celine George
Efficient maintenance management is crucial for keeping equipment and work centers running smoothly in any business. Odoo 18 provides a Maintenance module that helps track, schedule, and manage maintenance requests efficiently.
This presentation was provided by Nicole 'Nici" Pfeiffer of the Center for Open Science (COS), during the first session of our 2025 NISO training series "Secrets to Changing Behavior in Scholarly Communications." Session One was held June 5, 2025.
Different pricelists for different shops in odoo Point of Sale in Odoo 17Celine George
Price lists are a useful tool for managing the costs of your goods and services. This can assist you in working with other businesses effectively and maximizing your revenues. Additionally, you can provide your customers discounts by using price lists.
This presentation has been made keeping in mind the students of undergraduate and postgraduate level. To keep the facts in a natural form and to display the material in more detail, the help of various books, websites and online medium has been taken. Whatever medium the material or facts have been taken from, an attempt has been made by the presenter to give their reference at the end.
In the seventh century, the rule of Sindh state was in the hands of Rai dynasty. We know the names of five kings of this dynasty- Rai Divji, Rai Singhras, Rai Sahasi, Rai Sihras II and Rai Sahasi II. During the time of Rai Sihras II, Nimruz of Persia attacked Sindh and killed him. After the return of the Persians, Rai Sahasi II became the king. After killing him, one of his Brahmin ministers named Chach took over the throne. He married the widow of Rai Sahasi and became the ruler of entire Sindh by suppressing the rebellions of the governors.
THE QUIZ CLUB OF PSGCAS BRINGS T0 YOU A FUN-FILLED, SEAT EDGE BUSINESS QUIZ
DIVE INTO THE PRELIMS OF BIZCOM 2024
QM: GOWTHAM S
BCom (2022-25)
THE QUIZ CLUB OF PSGCAS
Adam Grant: Transforming Work Culture Through Organizational PsychologyPrachi Shah
This presentation explores the groundbreaking work of Adam Grant, renowned organizational psychologist and bestselling author. It highlights his key theories on giving, motivation, leadership, and workplace dynamics that have revolutionized how organizations think about productivity, collaboration, and employee well-being. Ideal for students, HR professionals, and leadership enthusiasts, this deck includes insights from his major works like Give and Take, Originals, and Think Again, along with interactive elements for enhanced engagement.
How to Create an Event in Odoo 18 - Odoo 18 SlidesCeline George
Creating an event in Odoo 18 is a straightforward process that allows you to manage various aspects of your event efficiently.
Odoo 18 Events Module is a powerful tool for organizing and managing events of all sizes, from conferences and workshops to webinars and meetups.
2. 1
Agenda
Day 1 - Topics
1. Introduction to HTML
❖ Why HTML?
❖ Structure of HTML
2. Formatting Tags
❖ Basic Formatting Tags
❖ Setting Fonts
3. Lists and Links
❖ Unordered, Ordered and Definition List
❖ Links
❖ Mailto
4. Images
❖ Adding Images
❖ Hyper linking Images
3. 2
Introduction to HTML
HTML is the language you use to create WebPages.
Left to themselves, web browsers would take the text
and images in your web pages and wrap them up into
what looks like a single paragraph without any line
breaks.
With HTML, you act as an editor, marking up a
page to indicate its format, telling the web browser
where you want a new line to begin or how you want
text or images aligned.
In short HTML is all about specifying the
structure and format of your Web page.
4. 3
What is markup language?
The HTML includes a collection of markup elements and
attributes that describe the letter’s contents:
The <html> element defines the document as an HTML
document.
The <head> element creates a header section for the
document, and the <title> element inside of it
defines a document title that will be displayed in the browser’s
title bar.
The <body> element holds the actual text that will display in
the browser window.
6. 5
Tags And Attributes
Tags:
Anything enclosed in angle brackets i.e. < and > are called tags.
Example: <HTML> tag is used to indicate that this webpage is written
in HTML. Every opening tag <HTML> should have an ending tag as
well </HTML>.
Collectively, a starting tag, an ending tag and everything
between them make up an HTML element.
Attributes:
HTML tags tell web browsers how to format and organize web pages,
but there’s more to tell i.e. you can customize most tags using
attributes.
An Attributes is a keyword that you use in an opening tag to
give more information to the web browser.
<TAGNAME ATTRIBUTE = VALUE>
8. 7
Basic Formatting Tags
1) Headings:
There is a special tag for specifying headings in HTML. There are 6
levels of headings in HTML ranging from h1 for the most important,
to h6 for the least important.
Code for this would be :
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
OUTPUT
9. 8
2) Bold:
You specify bold text with the <b> or <Strong> tag.
Code:
<b>This text is bold.</b>
OR
<Strong> This text is bold </strong>
Output
10. 9
3) Italics:
You specify italic text with the <i> tag or <em> tag.
Code:
<i>This text is italicized.</i>
OR
<em>This text is italicized using emphasize tag</em>
11. 10
3) Underline:
You specify underline text with the <u> tag.
Code:
<u>This text needs importance.</u>
Example:
<u>This text needs importance.</u>
12. 11
4) Line Breaks
You specify line break with the <br> tag.
Code:
<p>Here is a...<br />line break.</p>
14. 13
6) Center:
This tag aligns the text in center
Code:
<Center> Welcome to HTML Basics </center>
15. 14
6) Paragraph:
When you want to set paragraphs on our WebPages, use
paragraph tag.
Code:
<p> Welcome to HTML Basics </p>
<p> Introduction</p>
16. 15
7) Fonts:
You use FONT tag to set text color, font face and size.
Code:
<Font face=“Verdana” color="maroon" size =4>If you notice, we
have used attributes for the font tag. <em>Attributes</em> are
nothing but properties added to the respective tags.</font>
17. 16
Aligning of Text:
<p><Font face=“Verdana” color="maroon" size =4>If you notice, we have
used attributes for the font tag. <em>Attributes</em> are nothing but
properties added to the respective tags.</font></p>
<p align="right">If you notice, we have used attributes for the font tag.</p>
<p align="left">If you notice, we have used attributes for the font tag</p>
<p align="center">If you notice, we have used attributes for the font tag</p>
19. 18
Creating lists:
How would you display a list in a Web page?
Simply by using ordered or unordered lists.
➢ Unordered list display a bullet in front of each list items.
Tag: <UL>
<LI></LI>
</UL>
➢ Ordered list display the items in numerical or alphabetical terms.
Tag : <OL>
<LI></LI>
</OL>
➢ Other type of list is Definition list, though not used much.
Purpose: Organizes terms and their definitions in pairs.
Tag: <DL>
<DT>MBA</DT>
<DD>Masters in Business Administration</DD>
</DL>
20. 19
Code for Ordered list
<Center>Basics of HTML</Center>
<ol type="A"> (Other types 1, A, a, i, I)
<li> Introduction to HTML</li>
<li>Formatting Tags</li>
<li>Lists and Links</li>
<li>Images</li>
</ol>
21. 20
Unordered List
<Center>Basics of HTML</Center>
<ul type="circle"> (other types are square, disc)
<li> Introduction to HTML</li>
<li>Formatting Tags</li>
<li>Lists and Links</li>
<li>Images</li>
</ul>
24. 23
Creation of Links:
Links, otherwise known as hyperlinks, are defined using the <a> tag - otherwise
known as the anchor element.
To create a hyperlink, you use the a tag in conjunction with the href
attribute (href stands for Hypertext Reference). The value of the href attribute is
the URL, or, location of where the link is pointing to.
Types of links:
1) External Links: Links which take us to another webpage/site.
2) Internal Links: Links which take us to a particular section within a
webpage/website.
3) Graphical Links: Images which are linked instead of text (will be covered in next
topic).
Hypertext references can use absolute URLS, relative URLs:
Absolute :This refers to a URL where the full path is provided.
Relative: This refers to a URL where only the path, relative to the current location, is
provided.
25. 24
External Links:
Code:
Visit the <a href
="https://deloittenet.deloitte.com/PC/PracticeComm/Industries/
CIP/PIP/Pages/home.aspx"> Process & Industrial Products
Site</a>
26. 25
Internal Links:
1. Identify and mark the places in your document that you want to link
to.
For example, mark the top of your page or its major headings.
2. Link to those spots.
When you create a link from one Web page to another, you use URLs
to define the location of the page you want to link to. However, URLs
apply to a whole page, not segments of a page. If you want to direct
your links to a specific place on the page, you first have to mark the
spot you want to link to. You use the anchor element with the name
attribute to make your mark:
<a name="top"></a>
Notice that there isn't any text between the opening and closing tags.
That's because an anchor tag that marks a spot doesn't need text to
hang the spot on. Instead, you simply create an empty anchor tag
and you've created a spot in your document that you can link to. To
link to this spot, you use a slightly different URL than you've seen
before:
<a href="#top">Back to top</a>
The pound sign (#) indicates that you're pointing to a spot on the
page, rather than another page.
27. 26
Place a named anchor
tag here i.e. <a
name="TOP"></a>
(We have identified the
spot)
Add a hyperlink here in
order to click and go to
the top of the page
<a href="#TOP">Back
to Top</a>
28. 27
Mailto Links:
You can specify subject line and also add users in the cc and bcc fields.
Code:
<a href="mailto:<email id>?
cc=mailto:<email id>&
bcc=mailto:<email id>&
subject=summer party&
body=you are invited to a big summer party!">
Send Mail
</a>
29. 28
Adding Images to a Webpage:
Images are stored in files outside your WebPages, which means you
will need to upload them to your Internet Service Provider as files
separate from your WebPages.
Tag: <IMG>
<body>
<center>
<h3> Working with images</h3>
<img src=“url" alt="HTML" width =252 height=252 />
</center>
</body>
30. 29
Graphical Link:
You can also add a link to an image.
Code:
<body>
<center>
<h3> Hyper linking an image</h3>
<a href= "http://www.google.co.in/">
<img src="../images.jpg" alt="HTML" width =152 height=100/></a>
</center>
</body>
