SlideShare a Scribd company logo
www.afghanhost.af - info@afghanhost.af
Instructor: Mohammad Rafi Haidari24-May-2014
HTML (Day 2)
 Comments
 Links
 Head
 Images
 Lists
HTML Comments
You can add comments to your HTML source by using
the following syntax:
<!-- Write your comments here -->
Comments are not displayed by the browser, but they
can help document your HTML.
With comments you can place notifications and
reminders in your HTML.
HTML Links
The HTML <a> tag defines a hyperlink.
The most important attribute of the <a> element is the
href attribute, which indicates the link's destination.
By default, links will appear as follows in all browsers:
An unvisited link is underlined and blue
A visited link is underlined and purple
An active link is underlined and red
The HTML code for a link is simple. It looks like this:
<a href="url">Link text</a>
HTML Links
Example
<a href="http://www.google.com/">Visit Google</a>
which will display like this: Visit Google
Clicking on this hyperlink will send the user to Google'
homepage.
Tip: The "Link text" doesn't have to be text. It can be an
image or any other HTML element.
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/"
HTML Links
The id attribute can be used to create a bookmark inside an
HTML document.
Tip: Bookmarks are not displayed in any special way. They
are invisible to the reader.
Example
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>
HTML Head
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>,
and <base>.
The <title> tag defines the title of the document.
<title>Title of the document</title>
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.
Syntax for defining an image:
<img src="url" alt="some_text">
<img src="smiley.gif" alt="Smiley face" width="42"
height="42">
HTML Lists
The most common HTML lists are ordered and unordered lists:
HTML 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>
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>
HTML_Day_Two(W3Schools)

More Related Content

What's hot

Css
CssCss
HTML Basic, CSS Basic, JavaScript basic.
HTML Basic, CSS Basic, JavaScript basic.HTML Basic, CSS Basic, JavaScript basic.
HTML Basic, CSS Basic, JavaScript basic.
Beqa Chacha
 
HTML
HTMLHTML
Creating your 1st html page
Creating your 1st html pageCreating your 1st html page
Creating your 1st html page
Sara Corpuz
 
Design Dream
Design DreamDesign Dream
Design Dream
IEEE UVPCE
 
Learning html. (Part- 1)
Learning html. (Part- 1)Learning html. (Part- 1)
Learning html. (Part- 1)
manya abrol
 
Html basics
Html basicsHtml basics
Html basics
mcatahir947
 
HTML Advanced
HTML AdvancedHTML Advanced
HTML Advanced
c525600
 
HTML Intermediate
HTML IntermediateHTML Intermediate
HTML Intermediate
c525600
 
Intro to HTML
Intro to HTMLIntro to HTML
Intro to HTML
Gerson Abesamis
 
Html (hyper text markup language)
Html (hyper text markup language)Html (hyper text markup language)
Html (hyper text markup language)
Denni Domingo
 
Web development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer CentreWeb development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer Centre
jatin batra
 
Headings
HeadingsHeadings
Headings
myrajendra
 
Creating Web Sites with HTML and CSS
Creating Web Sites with HTML and CSSCreating Web Sites with HTML and CSS
Creating Web Sites with HTML and CSS
BG Java EE Course
 
Basics of HTML 5 for Beginners
Basics of HTML 5 for Beginners Basics of HTML 5 for Beginners
Basics of HTML 5 for Beginners
MediaLinkers Kennesaw
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
Santhosh Jami
 
Html ppt
Html pptHtml ppt
Html ppt
Ruchi Kumari
 
Html Tutorial
Html Tutorial Html Tutorial
Html Tutorial
DenMas Hengky
 
HTML & Textile Training
HTML & Textile TrainingHTML & Textile Training
HTML & Textile Training
ehealth
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
NAGARAJU MAMILLAPALLY
 

What's hot (20)

Css
CssCss
Css
 
HTML Basic, CSS Basic, JavaScript basic.
HTML Basic, CSS Basic, JavaScript basic.HTML Basic, CSS Basic, JavaScript basic.
HTML Basic, CSS Basic, JavaScript basic.
 
HTML
HTMLHTML
HTML
 
Creating your 1st html page
Creating your 1st html pageCreating your 1st html page
Creating your 1st html page
 
Design Dream
Design DreamDesign Dream
Design Dream
 
Learning html. (Part- 1)
Learning html. (Part- 1)Learning html. (Part- 1)
Learning html. (Part- 1)
 
Html basics
Html basicsHtml basics
Html basics
 
HTML Advanced
HTML AdvancedHTML Advanced
HTML Advanced
 
HTML Intermediate
HTML IntermediateHTML Intermediate
HTML Intermediate
 
Intro to HTML
Intro to HTMLIntro to HTML
Intro to HTML
 
Html (hyper text markup language)
Html (hyper text markup language)Html (hyper text markup language)
Html (hyper text markup language)
 
Web development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer CentreWeb development Training in Ambala ! Batra Computer Centre
Web development Training in Ambala ! Batra Computer Centre
 
Headings
HeadingsHeadings
Headings
 
Creating Web Sites with HTML and CSS
Creating Web Sites with HTML and CSSCreating Web Sites with HTML and CSS
Creating Web Sites with HTML and CSS
 
Basics of HTML 5 for Beginners
Basics of HTML 5 for Beginners Basics of HTML 5 for Beginners
Basics of HTML 5 for Beginners
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 
Html ppt
Html pptHtml ppt
Html ppt
 
Html Tutorial
Html Tutorial Html Tutorial
Html Tutorial
 
HTML & Textile Training
HTML & Textile TrainingHTML & Textile Training
HTML & Textile Training
 
Html tutorial
Html tutorialHtml tutorial
Html tutorial
 

Viewers also liked

«Щоб збулося піснею життя…» (До 75-річчя від дня народження народного артиста...
«Щоб збулося піснею життя…» (До 75-річчя від дня народження народного артиста...«Щоб збулося піснею життя…» (До 75-річчя від дня народження народного артиста...
«Щоб збулося піснею життя…» (До 75-річчя від дня народження народного артиста...
РОМЦ БКР
 
7วิชาสามัญ สังคม
7วิชาสามัญ สังคม7วิชาสามัญ สังคม
7วิชาสามัญ สังคมsarwsw
 
Ігор Свєшніков – дослідник поля Берестецької битви
Ігор Свєшніков – дослідник поля Берестецької битви Ігор Свєшніков – дослідник поля Берестецької битви
Ігор Свєшніков – дослідник поля Берестецької битви
РОМЦ БКР
 
7วิชาสามัญ ฟิสิกส์ + เฉลย
7วิชาสามัญ ฟิสิกส์ + เฉลย7วิชาสามัญ ฟิสิกส์ + เฉลย
7วิชาสามัญ ฟิสิกส์ + เฉลยsarwsw
 
Ieee 2014 projects
Ieee 2014 projectsIeee 2014 projects
Sample embed ppt
Sample embed pptSample embed ppt
Sample embed ppt
pdi2014
 
tugas 7
tugas 7tugas 7
tugas 7
sadlychelly
 
Historia juegos olimpicos
Historia juegos olimpicosHistoria juegos olimpicos
Historia juegos olimpicos
anagarridoaroz99
 
เกรดมัธยมปลาย
เกรดมัธยมปลายเกรดมัธยมปลาย
เกรดมัธยมปลายsarwsw
 
Global warming an upcoming threat
Global warming an upcoming threatGlobal warming an upcoming threat
Global warming an upcoming threat
Siddhartha Gautam
 
Духовно-культурні зв’язки Київської Русі та Святої Гори Афон
Духовно-культурні  зв’язки  Київської Русі  та Святої Гори АфонДуховно-культурні  зв’язки  Київської Русі  та Святої Гори Афон
Духовно-культурні зв’язки Київської Русі та Святої Гори Афон
РОМЦ БКР
 
Prevencionsilesions
PrevencionsilesionsPrevencionsilesions
Prevencionsilesions
GuilleJackson123
 
Всесвітньою столицею книги в 2015 році стане - Інчхон
Всесвітньою столицею книги в 2015 році стане - ІнчхонВсесвітньою столицею книги в 2015 році стане - Інчхон
Всесвітньою столицею книги в 2015 році стане - Інчхон
РОМЦ БКР
 

Viewers also liked (16)

Onetthai
OnetthaiOnetthai
Onetthai
 
«Щоб збулося піснею життя…» (До 75-річчя від дня народження народного артиста...
«Щоб збулося піснею життя…» (До 75-річчя від дня народження народного артиста...«Щоб збулося піснею життя…» (До 75-річчя від дня народження народного артиста...
«Щоб збулося піснею життя…» (До 75-річчя від дня народження народного артиста...
 
7วิชาสามัญ สังคม
7วิชาสามัญ สังคม7วิชาสามัญ สังคม
7วิชาสามัญ สังคม
 
Ігор Свєшніков – дослідник поля Берестецької битви
Ігор Свєшніков – дослідник поля Берестецької битви Ігор Свєшніков – дослідник поля Берестецької битви
Ігор Свєшніков – дослідник поля Берестецької битви
 
K4
K4K4
K4
 
7วิชาสามัญ ฟิสิกส์ + เฉลย
7วิชาสามัญ ฟิสิกส์ + เฉลย7วิชาสามัญ ฟิสิกส์ + เฉลย
7วิชาสามัญ ฟิสิกส์ + เฉลย
 
Ieee 2014 projects
Ieee 2014 projectsIeee 2014 projects
Ieee 2014 projects
 
Sample embed ppt
Sample embed pptSample embed ppt
Sample embed ppt
 
tugas 7
tugas 7tugas 7
tugas 7
 
Historia juegos olimpicos
Historia juegos olimpicosHistoria juegos olimpicos
Historia juegos olimpicos
 
เกรดมัธยมปลาย
เกรดมัธยมปลายเกรดมัธยมปลาย
เกรดมัธยมปลาย
 
Global warming an upcoming threat
Global warming an upcoming threatGlobal warming an upcoming threat
Global warming an upcoming threat
 
Духовно-культурні зв’язки Київської Русі та Святої Гори Афон
Духовно-культурні  зв’язки  Київської Русі  та Святої Гори АфонДуховно-культурні  зв’язки  Київської Русі  та Святої Гори Афон
Духовно-культурні зв’язки Київської Русі та Святої Гори Афон
 
Prevencionsilesions
PrevencionsilesionsPrevencionsilesions
Prevencionsilesions
 
Всесвітньою столицею книги в 2015 році стане - Інчхон
Всесвітньою столицею книги в 2015 році стане - ІнчхонВсесвітньою столицею книги в 2015 році стане - Інчхон
Всесвітньою столицею книги в 2015 році стане - Інчхон
 
tugas 8
tugas 8tugas 8
tugas 8
 

Similar to HTML_Day_Two(W3Schools)

Html
HtmlHtml
Web_Devp_HTML_CSS00jfhfghhdf0000000.pptx
Web_Devp_HTML_CSS00jfhfghhdf0000000.pptxWeb_Devp_HTML_CSS00jfhfghhdf0000000.pptx
Web_Devp_HTML_CSS00jfhfghhdf0000000.pptx
gauravpurola
 
HTML : INTRODUCTION TO WEB DESIGN Presentation
HTML : INTRODUCTION TO WEB DESIGN PresentationHTML : INTRODUCTION TO WEB DESIGN Presentation
HTML : INTRODUCTION TO WEB DESIGN Presentation
surajsutar467
 
Html Workshop
Html WorkshopHtml Workshop
Html Workshop
vardanyan99
 
css.pptx
css.pptxcss.pptx
css.pptx
ssuser9d62d6
 
html
htmlhtml
html
tumetr1
 
Introduction to Html
Introduction to HtmlIntroduction to Html
Introduction to Html
Folasade Adedeji
 
HTML Presentation
HTML Presentation HTML Presentation
HTML Presentation
poojapanwar49
 
AttributesL3.pptx
AttributesL3.pptxAttributesL3.pptx
AttributesL3.pptx
KrishRaj48
 
HTML Link - Image - Comments
HTML  Link - Image - CommentsHTML  Link - Image - Comments
HTML Link - Image - Comments
Hameda Hurmat
 
BVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptxBVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptx
panoosha2
 
HTML by Telerik Akademy
HTML by Telerik AkademyHTML by Telerik Akademy
HTML by Telerik Akademy
Ognyan Penkov
 
Learn html elements and structure cheatsheet codecademy
Learn html  elements and structure cheatsheet   codecademyLearn html  elements and structure cheatsheet   codecademy
Learn html elements and structure cheatsheet codecademy
nirmalamanjunath
 
Class 1 handout (2) html exercises
Class 1 handout (2) html exercisesClass 1 handout (2) html exercises
Class 1 handout (2) html exercises
Erin M. Kidwell
 
Html
HtmlHtml
HTML.pdf
HTML.pdfHTML.pdf
Introduction to html fundamental concepts
Introduction to html fundamental conceptsIntroduction to html fundamental concepts
Introduction to html fundamental concepts
Tsebo Shaun Masilo
 
INTERNSHIP PROJECT PPT RAJ HZL.pdf
INTERNSHIP PROJECT PPT RAJ HZL.pdfINTERNSHIP PROJECT PPT RAJ HZL.pdf
INTERNSHIP PROJECT PPT RAJ HZL.pdf
DineshKumar522328
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
asdfhgjh1
 
html complete notes
html complete noteshtml complete notes
html complete notes
onactiontv
 

Similar to HTML_Day_Two(W3Schools) (20)

Html
HtmlHtml
Html
 
Web_Devp_HTML_CSS00jfhfghhdf0000000.pptx
Web_Devp_HTML_CSS00jfhfghhdf0000000.pptxWeb_Devp_HTML_CSS00jfhfghhdf0000000.pptx
Web_Devp_HTML_CSS00jfhfghhdf0000000.pptx
 
HTML : INTRODUCTION TO WEB DESIGN Presentation
HTML : INTRODUCTION TO WEB DESIGN PresentationHTML : INTRODUCTION TO WEB DESIGN Presentation
HTML : INTRODUCTION TO WEB DESIGN Presentation
 
Html Workshop
Html WorkshopHtml Workshop
Html Workshop
 
css.pptx
css.pptxcss.pptx
css.pptx
 
html
htmlhtml
html
 
Introduction to Html
Introduction to HtmlIntroduction to Html
Introduction to Html
 
HTML Presentation
HTML Presentation HTML Presentation
HTML Presentation
 
AttributesL3.pptx
AttributesL3.pptxAttributesL3.pptx
AttributesL3.pptx
 
HTML Link - Image - Comments
HTML  Link - Image - CommentsHTML  Link - Image - Comments
HTML Link - Image - Comments
 
BVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptxBVK_PTT_HTML-Unit - III (1).pptx
BVK_PTT_HTML-Unit - III (1).pptx
 
HTML by Telerik Akademy
HTML by Telerik AkademyHTML by Telerik Akademy
HTML by Telerik Akademy
 
Learn html elements and structure cheatsheet codecademy
Learn html  elements and structure cheatsheet   codecademyLearn html  elements and structure cheatsheet   codecademy
Learn html elements and structure cheatsheet codecademy
 
Class 1 handout (2) html exercises
Class 1 handout (2) html exercisesClass 1 handout (2) html exercises
Class 1 handout (2) html exercises
 
Html
HtmlHtml
Html
 
HTML.pdf
HTML.pdfHTML.pdf
HTML.pdf
 
Introduction to html fundamental concepts
Introduction to html fundamental conceptsIntroduction to html fundamental concepts
Introduction to html fundamental concepts
 
INTERNSHIP PROJECT PPT RAJ HZL.pdf
INTERNSHIP PROJECT PPT RAJ HZL.pdfINTERNSHIP PROJECT PPT RAJ HZL.pdf
INTERNSHIP PROJECT PPT RAJ HZL.pdf
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
html complete notes
html complete noteshtml complete notes
html complete notes
 

More from Rafi Haidari

Lecture9 web design and development
Lecture9 web design and developmentLecture9 web design and development
Lecture9 web design and development
Rafi Haidari
 
Lecture8 web design and development
Lecture8 web design and developmentLecture8 web design and development
Lecture8 web design and development
Rafi Haidari
 
Lecture7 web design and development
Lecture7 web design and developmentLecture7 web design and development
Lecture7 web design and development
Rafi Haidari
 
Lecture6 web design and development
Lecture6 web design and developmentLecture6 web design and development
Lecture6 web design and development
Rafi Haidari
 
Lecture5 web design and development
Lecture5 web design and developmentLecture5 web design and development
Lecture5 web design and development
Rafi Haidari
 
Lecture4 web design and development
Lecture4 web design and developmentLecture4 web design and development
Lecture4 web design and development
Rafi Haidari
 
Lecture3 web design and development
Lecture3 web design and developmentLecture3 web design and development
Lecture3 web design and development
Rafi Haidari
 
Lecture2 web design and development
Lecture2 web design and developmentLecture2 web design and development
Lecture2 web design and development
Rafi Haidari
 
Lecture1 Web Design and Development
Lecture1 Web Design and DevelopmentLecture1 Web Design and Development
Lecture1 Web Design and Development
Rafi Haidari
 
Bootstrap day3
Bootstrap day3Bootstrap day3
Bootstrap day3
Rafi Haidari
 
Bootstrap day2
Bootstrap day2Bootstrap day2
Bootstrap day2
Rafi Haidari
 
Bootstrap day1
Bootstrap day1Bootstrap day1
Bootstrap day1
Rafi Haidari
 
CSS_Day_ONE (W3schools)
CSS_Day_ONE (W3schools)CSS_Day_ONE (W3schools)
CSS_Day_ONE (W3schools)
Rafi Haidari
 
CSS_Day_Two (W3schools)
CSS_Day_Two (W3schools)CSS_Day_Two (W3schools)
CSS_Day_Two (W3schools)
Rafi Haidari
 
CSS_Day_Three (W3schools)
CSS_Day_Three (W3schools)CSS_Day_Three (W3schools)
CSS_Day_Three (W3schools)
Rafi Haidari
 
Html_Day_Three(W3Schools)
Html_Day_Three(W3Schools)Html_Day_Three(W3Schools)
Html_Day_Three(W3Schools)
Rafi Haidari
 

More from Rafi Haidari (16)

Lecture9 web design and development
Lecture9 web design and developmentLecture9 web design and development
Lecture9 web design and development
 
Lecture8 web design and development
Lecture8 web design and developmentLecture8 web design and development
Lecture8 web design and development
 
Lecture7 web design and development
Lecture7 web design and developmentLecture7 web design and development
Lecture7 web design and development
 
Lecture6 web design and development
Lecture6 web design and developmentLecture6 web design and development
Lecture6 web design and development
 
Lecture5 web design and development
Lecture5 web design and developmentLecture5 web design and development
Lecture5 web design and development
 
Lecture4 web design and development
Lecture4 web design and developmentLecture4 web design and development
Lecture4 web design and development
 
Lecture3 web design and development
Lecture3 web design and developmentLecture3 web design and development
Lecture3 web design and development
 
Lecture2 web design and development
Lecture2 web design and developmentLecture2 web design and development
Lecture2 web design and development
 
Lecture1 Web Design and Development
Lecture1 Web Design and DevelopmentLecture1 Web Design and Development
Lecture1 Web Design and Development
 
Bootstrap day3
Bootstrap day3Bootstrap day3
Bootstrap day3
 
Bootstrap day2
Bootstrap day2Bootstrap day2
Bootstrap day2
 
Bootstrap day1
Bootstrap day1Bootstrap day1
Bootstrap day1
 
CSS_Day_ONE (W3schools)
CSS_Day_ONE (W3schools)CSS_Day_ONE (W3schools)
CSS_Day_ONE (W3schools)
 
CSS_Day_Two (W3schools)
CSS_Day_Two (W3schools)CSS_Day_Two (W3schools)
CSS_Day_Two (W3schools)
 
CSS_Day_Three (W3schools)
CSS_Day_Three (W3schools)CSS_Day_Three (W3schools)
CSS_Day_Three (W3schools)
 
Html_Day_Three(W3Schools)
Html_Day_Three(W3Schools)Html_Day_Three(W3Schools)
Html_Day_Three(W3Schools)
 

Recently uploaded

Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
innovationoecd
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
Matthew Sinclair
 
Video Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the FutureVideo Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the Future
Alpen-Adria-Universität
 
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
SOFTTECHHUB
 
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing DaysClimate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
Kari Kakkonen
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
Zilliz
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Safe Software
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
panagenda
 
“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”
Claudio Di Ciccio
 
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
Neo4j
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
Neo4j
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
Aftab Hussain
 
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
Edge AI and Vision Alliance
 
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
DianaGray10
 
Artificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopmentArtificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopment
Octavian Nadolu
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
DianaGray10
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
shyamraj55
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Paige Cruz
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
kumardaparthi1024
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc
 

Recently uploaded (20)

Presentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of GermanyPresentation of the OECD Artificial Intelligence Review of Germany
Presentation of the OECD Artificial Intelligence Review of Germany
 
20240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 202420240607 QFM018 Elixir Reading List May 2024
20240607 QFM018 Elixir Reading List May 2024
 
Video Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the FutureVideo Streaming: Then, Now, and in the Future
Video Streaming: Then, Now, and in the Future
 
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
Goodbye Windows 11: Make Way for Nitrux Linux 3.5.0!
 
Climate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing DaysClimate Impact of Software Testing at Nordic Testing Days
Climate Impact of Software Testing at Nordic Testing Days
 
Programming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup SlidesProgramming Foundation Models with DSPy - Meetup Slides
Programming Foundation Models with DSPy - Meetup Slides
 
Driving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success StoryDriving Business Innovation: Latest Generative AI Advancements & Success Story
Driving Business Innovation: Latest Generative AI Advancements & Success Story
 
HCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAUHCL Notes and Domino License Cost Reduction in the World of DLAU
HCL Notes and Domino License Cost Reduction in the World of DLAU
 
“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”“I’m still / I’m still / Chaining from the Block”
“I’m still / I’m still / Chaining from the Block”
 
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
GraphSummit Singapore | Graphing Success: Revolutionising Organisational Stru...
 
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
GraphSummit Singapore | The Future of Agility: Supercharging Digital Transfor...
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
 
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
“Building and Scaling AI Applications with the Nx AI Manager,” a Presentation...
 
UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5UiPath Test Automation using UiPath Test Suite series, part 5
UiPath Test Automation using UiPath Test Suite series, part 5
 
Artificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopmentArtificial Intelligence for XMLDevelopment
Artificial Intelligence for XMLDevelopment
 
UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6UiPath Test Automation using UiPath Test Suite series, part 6
UiPath Test Automation using UiPath Test Suite series, part 6
 
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with SlackLet's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
Let's Integrate MuleSoft RPA, COMPOSER, APM with AWS IDP along with Slack
 
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdfObservability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
Observability Concepts EVERY Developer Should Know -- DeveloperWeek Europe.pdf
 
GenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizationsGenAI Pilot Implementation in the organizations
GenAI Pilot Implementation in the organizations
 
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
 

HTML_Day_Two(W3Schools)

  • 1. www.afghanhost.af - info@afghanhost.af Instructor: Mohammad Rafi Haidari24-May-2014 HTML (Day 2)  Comments  Links  Head  Images  Lists
  • 2. HTML Comments You can add comments to your HTML source by using the following syntax: <!-- Write your comments here --> Comments are not displayed by the browser, but they can help document your HTML. With comments you can place notifications and reminders in your HTML.
  • 3. HTML Links The HTML <a> tag defines a hyperlink. The most important attribute of the <a> element is the href attribute, which indicates the link's destination. By default, links will appear as follows in all browsers: An unvisited link is underlined and blue A visited link is underlined and purple An active link is underlined and red The HTML code for a link is simple. It looks like this: <a href="url">Link text</a>
  • 4. HTML Links Example <a href="http://www.google.com/">Visit Google</a> which will display like this: Visit Google Clicking on this hyperlink will send the user to Google' homepage. Tip: The "Link text" doesn't have to be text. It can be an image or any other HTML element. 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/"
  • 5. HTML Links The id attribute can be used to create a bookmark inside an HTML document. Tip: Bookmarks are not displayed in any special way. They are invisible to the reader. Example 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>
  • 6. HTML Head 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>, and <base>. The <title> tag defines the title of the document. <title>Title of the document</title>
  • 7. 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. Syntax for defining an image: <img src="url" alt="some_text"> <img src="smiley.gif" alt="Smiley face" width="42" height="42">
  • 8. HTML Lists The most common HTML lists are ordered and unordered lists: HTML 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> 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>