SlideShare a Scribd company logo
Beginning HTML 
Web Design 101-
         HTML Coding Basics

• HTML code looks much scarier than it is.
  The letters stand for:

  – Hyper Text Markup Language


• but it's really just a way to get text onto
  the web.
Beginning HTML 
Web Design 101-
         HTML Coding Basics
• In our first HTML coding lesson, we'll use html tags to
  specify different elements of a web page. These html
  tags are surrounded by angle brackets
   – i.e. <html>


• and usually come in pairs
   – i.e. <html></html>.


• The first one begins the element, the second
  one, with the slash, ends it.
Beginning HTML 
Web Design 101-
         HTML Coding Basics

• Step 1: Open Notepad.
  – Note: For OSX users, change the preferences from "Rich text" to "Plain
    text". Then choose "Ignore rich text commands in HTML files".
    Otherwise, your HTML might not work correctly.
Beginning HTML 
Web Design 101-
          HTML Coding Basics

• Step 2: Type the following text, just as you see it:

<html>
<head>
<title>The Best Page Ever!</title>
</head>
<body>I just made my very first page. I'm cool.</body>
</html>
Beginning HTML 
Web Design 101-
          HTML Coding Basics

• Step 3: Save the file as "first.html"
   – (remember where you save it so you can find again).


• Step 4:Next, open your browser, go to the File menu, then
  click "Open". You'll see a dialog box where you can Browse for
  the file you just made "first.html". Select that file and either
  double-click it or click "Open". Then click OK, and voila, the
  browser should be displaying your fabulous new page.
Beginning HTML 
Web Design 101-
          HTML Coding Basics

• Where’s all the other stuff I typed?
  – Stuff in the header section of webpages isn't seen by you
    or your visitors, it's meant for search engines and
    browsers. With this in mind, you won't see the title in the
    main area of your webpage, but if you look at the top of
    your browser window, you'll see it there.
Beginning HTML 
Web Design 101-
          HTML Coding Basics
• <html></html>
  – This html tag tells the browser that it's going to read an HTML
    page. The first tag is the start tag, the second one is the end.
    Everything on your webpage needs to go between these guys.

• <head></head>
  – This is called the Header. It's where meta-tags reside along with
    other optional info (scripts and CSS link path)

• <body></body>
  – This is the Body of the page which contains the actual content
    
(text, graphics and other elements).
Creative Commons License

• This work is licensed under the Creative
  Commons Attribution 3.0 Unported License.
  To view a copy of this license, visit
  http://creativecommons.org/licenses/by/3.
  0

• http://www.websitebeginner.com

More Related Content

What's hot

Lesson 2: Getting To Know HTML
Lesson 2: Getting To Know HTMLLesson 2: Getting To Know HTML
Lesson 2: Getting To Know HTML
Olivia Moran
 
Artistic Web Applications - Week3 - Part 3
Artistic Web Applications - Week3 - Part 3Artistic Web Applications - Week3 - Part 3
Artistic Web Applications - Week3 - Part 3
Katherine McCurdy-Lapierre, R.G.D.
 
Lesson 1: Introduction to HTML
Lesson 1: Introduction to HTMLLesson 1: Introduction to HTML
Lesson 1: Introduction to HTML
Olivia Moran
 
Web1O1 - Intro to HTML/CSS
Web1O1 - Intro to HTML/CSSWeb1O1 - Intro to HTML/CSS
Web1O1 - Intro to HTML/CSS
NYCSS Meetup
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
Desarae Veit
 
Hyper Text Marup Language
Hyper Text Marup LanguageHyper Text Marup Language
Hyper Text Marup Language
AniketPujari
 
Html for beginners
Html for beginnersHtml for beginners
Html for beginners
Florian Letsch
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
Ann Alcid
 
3. tutorial html web desain
3. tutorial html web desain3. tutorial html web desain
3. tutorial html web desain
faizibra
 
Html beginner
Html beginnerHtml beginner
Html beginner
wihrbt
 
Creating your first web page
Creating your first web pageCreating your first web page
Creating your first web page
cachs_computing
 
How the Web Works Using HTML
How the Web Works Using HTMLHow the Web Works Using HTML
How the Web Works Using HTML
Marlon Jamera
 
Lecture1: HTML and JavaScript
Lecture1: HTML and JavaScriptLecture1: HTML and JavaScript
Lecture1: HTML and JavaScript
omarshehab
 
Htmlcss1
Htmlcss1Htmlcss1
Htmlcss1
mreckman
 
Basic Html for beginners.
Basic Html for beginners.Basic Html for beginners.
Basic Html for beginners.
Muhammad Shafique
 
HTML
HTMLHTML
How to update HTML files
How to update HTML filesHow to update HTML files
How to update HTML files
JadeMagnet
 
Class1slides
Class1slidesClass1slides
Class1slides
Alexis Goldstein
 
HTML Lesson 1
HTML Lesson 1HTML Lesson 1
HTML Lesson 1
TonyC445
 
Website designing company in delhi
Website designing company in delhiWebsite designing company in delhi
Website designing company in delhi
Css Founder
 

What's hot (20)

Lesson 2: Getting To Know HTML
Lesson 2: Getting To Know HTMLLesson 2: Getting To Know HTML
Lesson 2: Getting To Know HTML
 
Artistic Web Applications - Week3 - Part 3
Artistic Web Applications - Week3 - Part 3Artistic Web Applications - Week3 - Part 3
Artistic Web Applications - Week3 - Part 3
 
Lesson 1: Introduction to HTML
Lesson 1: Introduction to HTMLLesson 1: Introduction to HTML
Lesson 1: Introduction to HTML
 
Web1O1 - Intro to HTML/CSS
Web1O1 - Intro to HTML/CSSWeb1O1 - Intro to HTML/CSS
Web1O1 - Intro to HTML/CSS
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
Hyper Text Marup Language
Hyper Text Marup LanguageHyper Text Marup Language
Hyper Text Marup Language
 
Html for beginners
Html for beginnersHtml for beginners
Html for beginners
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
3. tutorial html web desain
3. tutorial html web desain3. tutorial html web desain
3. tutorial html web desain
 
Html beginner
Html beginnerHtml beginner
Html beginner
 
Creating your first web page
Creating your first web pageCreating your first web page
Creating your first web page
 
How the Web Works Using HTML
How the Web Works Using HTMLHow the Web Works Using HTML
How the Web Works Using HTML
 
Lecture1: HTML and JavaScript
Lecture1: HTML and JavaScriptLecture1: HTML and JavaScript
Lecture1: HTML and JavaScript
 
Htmlcss1
Htmlcss1Htmlcss1
Htmlcss1
 
Basic Html for beginners.
Basic Html for beginners.Basic Html for beginners.
Basic Html for beginners.
 
HTML
HTMLHTML
HTML
 
How to update HTML files
How to update HTML filesHow to update HTML files
How to update HTML files
 
Class1slides
Class1slidesClass1slides
Class1slides
 
HTML Lesson 1
HTML Lesson 1HTML Lesson 1
HTML Lesson 1
 
Website designing company in delhi
Website designing company in delhiWebsite designing company in delhi
Website designing company in delhi
 

Viewers also liked

Australian Govt Social Media Best Practice Toolkit 2013
Australian Govt Social Media Best Practice Toolkit 2013Australian Govt Social Media Best Practice Toolkit 2013
Australian Govt Social Media Best Practice Toolkit 2013
Department of Environment, Land, Water and Planning
 
Basic computer
Basic computerBasic computer
Basic computer
Rozell Sneede
 
8 word press 2b
8   word press 2b8   word press 2b
8 word press 2b
Rozell Sneede
 
Refreshment 1
Refreshment 1Refreshment 1
Refreshment 1
Sahabat Bunga
 
Module online investments
Module   online investmentsModule   online investments
Module online investments
Rozell Sneede
 
Excel & database terms & definitions
Excel & database terms & definitionsExcel & database terms & definitions
Excel & database terms & definitions
Rozell Sneede
 
Cyc elective job search
Cyc elective job searchCyc elective job search
Cyc elective job search
Rozell Sneede
 
Terms & definitions
Terms & definitionsTerms & definitions
Terms & definitions
Rozell Sneede
 

Viewers also liked (8)

Australian Govt Social Media Best Practice Toolkit 2013
Australian Govt Social Media Best Practice Toolkit 2013Australian Govt Social Media Best Practice Toolkit 2013
Australian Govt Social Media Best Practice Toolkit 2013
 
Basic computer
Basic computerBasic computer
Basic computer
 
8 word press 2b
8   word press 2b8   word press 2b
8 word press 2b
 
Refreshment 1
Refreshment 1Refreshment 1
Refreshment 1
 
Module online investments
Module   online investmentsModule   online investments
Module online investments
 
Excel & database terms & definitions
Excel & database terms & definitionsExcel & database terms & definitions
Excel & database terms & definitions
 
Cyc elective job search
Cyc elective job searchCyc elective job search
Cyc elective job search
 
Terms & definitions
Terms & definitionsTerms & definitions
Terms & definitions
 

Similar to Web design 101

HTML course.ppt
HTML course.pptHTML course.ppt
HTML course.ppt
RyanTeo35
 
HYPER TEXT MARKUP LANGUAGE BASIC LESSONS
HYPER TEXT MARKUP LANGUAGE BASIC LESSONSHYPER TEXT MARKUP LANGUAGE BASIC LESSONS
HYPER TEXT MARKUP LANGUAGE BASIC LESSONS
divyajohnisg
 
Html (hypertext markup language)
Html (hypertext markup language)Html (hypertext markup language)
Html (hypertext markup language)
Resty Jay Galdo
 
Html Tutorial
Html Tutorial Html Tutorial
Html Tutorial
DenMas Hengky
 
Creating your first web page
Creating your first web pageCreating your first web page
Creating your first web page
cachs_computing
 
Handout1 intro to html
Handout1 intro to htmlHandout1 intro to html
Handout1 intro to html
Nadine Guevarra
 
Html
HtmlHtml
Let me design
Let me designLet me design
Let me design
Anurag Deb
 
Html introduction
Html introductionHtml introduction
Html introduction
RanjithaM32
 
HTML Notes And Some Attributes
HTML Notes And Some AttributesHTML Notes And Some Attributes
HTML Notes And Some Attributes
HIFZUR RAHMAN
 
215077679 introduction to HTML
215077679  introduction to HTML215077679  introduction to HTML
215077679 introduction to HTML
Xolani Madlopha
 
Html beginners tutorial
Html beginners tutorialHtml beginners tutorial
Html beginners tutorial
nikhilsh66131
 
HTML 5 Tutorial
HTML 5 TutorialHTML 5 Tutorial
HTML 5 Tutorial
Tahasin Chowdhury
 
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1Girl Develop It Cincinnati: Intro to HTML/CSS Class 1
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1
Erin M. Kidwell
 
Html - Tutorial
Html - TutorialHtml - Tutorial
Html - Tutorial
adelaticleanu
 
HTML for absolutely begginers
HTML for absolutely begginersHTML for absolutely begginers
HTML for absolutely begginers
Tanbin Islam Siyam
 
Html basics
Html basicsHtml basics
Html basics
mcatahir947
 
Html basics
Html basicsHtml basics
Html basics
Vjay Vijju
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
vikasmittal92
 
Internet programming notes
Internet programming notesInternet programming notes
Internet programming notes
Durgadevi palani
 

Similar to Web design 101 (20)

HTML course.ppt
HTML course.pptHTML course.ppt
HTML course.ppt
 
HYPER TEXT MARKUP LANGUAGE BASIC LESSONS
HYPER TEXT MARKUP LANGUAGE BASIC LESSONSHYPER TEXT MARKUP LANGUAGE BASIC LESSONS
HYPER TEXT MARKUP LANGUAGE BASIC LESSONS
 
Html (hypertext markup language)
Html (hypertext markup language)Html (hypertext markup language)
Html (hypertext markup language)
 
Html Tutorial
Html Tutorial Html Tutorial
Html Tutorial
 
Creating your first web page
Creating your first web pageCreating your first web page
Creating your first web page
 
Handout1 intro to html
Handout1 intro to htmlHandout1 intro to html
Handout1 intro to html
 
Html
HtmlHtml
Html
 
Let me design
Let me designLet me design
Let me design
 
Html introduction
Html introductionHtml introduction
Html introduction
 
HTML Notes And Some Attributes
HTML Notes And Some AttributesHTML Notes And Some Attributes
HTML Notes And Some Attributes
 
215077679 introduction to HTML
215077679  introduction to HTML215077679  introduction to HTML
215077679 introduction to HTML
 
Html beginners tutorial
Html beginners tutorialHtml beginners tutorial
Html beginners tutorial
 
HTML 5 Tutorial
HTML 5 TutorialHTML 5 Tutorial
HTML 5 Tutorial
 
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1Girl Develop It Cincinnati: Intro to HTML/CSS Class 1
Girl Develop It Cincinnati: Intro to HTML/CSS Class 1
 
Html - Tutorial
Html - TutorialHtml - Tutorial
Html - Tutorial
 
HTML for absolutely begginers
HTML for absolutely begginersHTML for absolutely begginers
HTML for absolutely begginers
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Internet programming notes
Internet programming notesInternet programming notes
Internet programming notes
 

More from Rozell Sneede

Security terms & definitions
Security terms & definitionsSecurity terms & definitions
Security terms & definitions
Rozell Sneede
 
Digital literacy terms & definitions
Digital literacy terms & definitionsDigital literacy terms & definitions
Digital literacy terms & definitions
Rozell Sneede
 
Basic terms & definitions
Basic terms & definitionsBasic terms & definitions
Basic terms & definitions
Rozell Sneede
 
5 steps
5 steps5 steps
5 steps
Rozell Sneede
 
Removing virus tri fold - white
Removing virus tri fold - whiteRemoving virus tri fold - white
Removing virus tri fold - white
Rozell Sneede
 
Cyc flyer chn with ob logo
Cyc flyer   chn with ob logoCyc flyer   chn with ob logo
Cyc flyer chn with ob logoRozell Sneede
 
Cyc module learning express library
Cyc module learning express libraryCyc module learning express library
Cyc module learning express library
Rozell Sneede
 
Cyc module inf ohio
Cyc module inf ohioCyc module inf ohio
Cyc module inf ohio
Rozell Sneede
 
Wordpress module 1 a
Wordpress module 1 aWordpress module 1 a
Wordpress module 1 a
Rozell Sneede
 
9 word press 2c
9   word press 2c9   word press 2c
9 word press 2c
Rozell Sneede
 
7 word press 2a
7   word press 2a7   word press 2a
7 word press 2a
Rozell Sneede
 
6 word press module 1f
6   word press module 1f6   word press module 1f
6 word press module 1f
Rozell Sneede
 
5 word press module 1e
5   word press module 1e5   word press module 1e
5 word press module 1e
Rozell Sneede
 
4 word press module 1d
4   word press module 1d4   word press module 1d
4 word press module 1d
Rozell Sneede
 
3 word press module 1c
3   word press module 1c3   word press module 1c
3 word press module 1c
Rozell Sneede
 
2 word press module 1b
2   word press module 1b2   word press module 1b
2 word press module 1b
Rozell Sneede
 
1 wordpress module 1 a
1   wordpress module 1 a1   wordpress module 1 a
1 wordpress module 1 a
Rozell Sneede
 
1 wordpress module 1 a
1   wordpress module 1 a1   wordpress module 1 a
1 wordpress module 1 a
Rozell Sneede
 
On line banking cur
On line banking curOn line banking cur
On line banking cur
Rozell Sneede
 
Cyc elective online banking
Cyc elective online bankingCyc elective online banking
Cyc elective online banking
Rozell Sneede
 

More from Rozell Sneede (20)

Security terms & definitions
Security terms & definitionsSecurity terms & definitions
Security terms & definitions
 
Digital literacy terms & definitions
Digital literacy terms & definitionsDigital literacy terms & definitions
Digital literacy terms & definitions
 
Basic terms & definitions
Basic terms & definitionsBasic terms & definitions
Basic terms & definitions
 
5 steps
5 steps5 steps
5 steps
 
Removing virus tri fold - white
Removing virus tri fold - whiteRemoving virus tri fold - white
Removing virus tri fold - white
 
Cyc flyer chn with ob logo
Cyc flyer   chn with ob logoCyc flyer   chn with ob logo
Cyc flyer chn with ob logo
 
Cyc module learning express library
Cyc module learning express libraryCyc module learning express library
Cyc module learning express library
 
Cyc module inf ohio
Cyc module inf ohioCyc module inf ohio
Cyc module inf ohio
 
Wordpress module 1 a
Wordpress module 1 aWordpress module 1 a
Wordpress module 1 a
 
9 word press 2c
9   word press 2c9   word press 2c
9 word press 2c
 
7 word press 2a
7   word press 2a7   word press 2a
7 word press 2a
 
6 word press module 1f
6   word press module 1f6   word press module 1f
6 word press module 1f
 
5 word press module 1e
5   word press module 1e5   word press module 1e
5 word press module 1e
 
4 word press module 1d
4   word press module 1d4   word press module 1d
4 word press module 1d
 
3 word press module 1c
3   word press module 1c3   word press module 1c
3 word press module 1c
 
2 word press module 1b
2   word press module 1b2   word press module 1b
2 word press module 1b
 
1 wordpress module 1 a
1   wordpress module 1 a1   wordpress module 1 a
1 wordpress module 1 a
 
1 wordpress module 1 a
1   wordpress module 1 a1   wordpress module 1 a
1 wordpress module 1 a
 
On line banking cur
On line banking curOn line banking cur
On line banking cur
 
Cyc elective online banking
Cyc elective online bankingCyc elective online banking
Cyc elective online banking
 

Recently uploaded

TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
TrustArc
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Malak Abu Hammad
 
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
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
danishmna97
 
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
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
DianaGray10
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems S.M.S.A.
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
Neo4j
 
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
Zilliz
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
mikeeftimakis1
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
James Anderson
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
SOFTTECHHUB
 
How to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For FlutterHow to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For Flutter
Daiki Mogmet Ito
 
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
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
Neo4j
 
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
 
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
 
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Aggregage
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
ControlCase
 
“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
 

Recently uploaded (20)

TrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy SurveyTrustArc Webinar - 2024 Global Privacy Survey
TrustArc Webinar - 2024 Global Privacy Survey
 
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdfUnlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
Unlock the Future of Search with MongoDB Atlas_ Vector Search Unleashed.pdf
 
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
 
How to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptxHow to Get CNIC Information System with Paksim Ga.pptx
How to Get CNIC Information System with Paksim Ga.pptx
 
Removing Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software FuzzingRemoving Uninteresting Bytes in Software Fuzzing
Removing Uninteresting Bytes in Software Fuzzing
 
Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1Communications Mining Series - Zero to Hero - Session 1
Communications Mining Series - Zero to Hero - Session 1
 
Uni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdfUni Systems Copilot event_05062024_C.Vlachos.pdf
Uni Systems Copilot event_05062024_C.Vlachos.pdf
 
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024GraphSummit Singapore | The Art of the  Possible with Graph - Q2 2024
GraphSummit Singapore | The Art of the Possible with Graph - Q2 2024
 
Full-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalizationFull-RAG: A modern architecture for hyper-personalization
Full-RAG: A modern architecture for hyper-personalization
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
 
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
Alt. GDG Cloud Southlake #33: Boule & Rebala: Effective AppSec in SDLC using ...
 
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
Why You Should Replace Windows 11 with Nitrux Linux 3.5.0 for enhanced perfor...
 
How to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For FlutterHow to use Firebase Data Connect For Flutter
How to use Firebase Data Connect For Flutter
 
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
 
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
GraphSummit Singapore | Enhancing Changi Airport Group's Passenger Experience...
 
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
 
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
 
Generative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to ProductionGenerative AI Deep Dive: Advancing from Proof of Concept to Production
Generative AI Deep Dive: Advancing from Proof of Concept to Production
 
PCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase TeamPCI PIN Basics Webinar from the Controlcase Team
PCI PIN Basics Webinar from the Controlcase Team
 
“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”
 

Web design 101

  • 1. Beginning HTML 
Web Design 101- HTML Coding Basics • HTML code looks much scarier than it is. The letters stand for: – Hyper Text Markup Language • but it's really just a way to get text onto the web.
  • 2. Beginning HTML 
Web Design 101- HTML Coding Basics • In our first HTML coding lesson, we'll use html tags to specify different elements of a web page. These html tags are surrounded by angle brackets – i.e. <html> • and usually come in pairs – i.e. <html></html>. • The first one begins the element, the second one, with the slash, ends it.
  • 3. Beginning HTML 
Web Design 101- HTML Coding Basics • Step 1: Open Notepad. – Note: For OSX users, change the preferences from "Rich text" to "Plain text". Then choose "Ignore rich text commands in HTML files". Otherwise, your HTML might not work correctly.
  • 4. Beginning HTML 
Web Design 101- HTML Coding Basics • Step 2: Type the following text, just as you see it: <html> <head> <title>The Best Page Ever!</title> </head> <body>I just made my very first page. I'm cool.</body> </html>
  • 5. Beginning HTML 
Web Design 101- HTML Coding Basics • Step 3: Save the file as "first.html" – (remember where you save it so you can find again). • Step 4:Next, open your browser, go to the File menu, then click "Open". You'll see a dialog box where you can Browse for the file you just made "first.html". Select that file and either double-click it or click "Open". Then click OK, and voila, the browser should be displaying your fabulous new page.
  • 6. Beginning HTML 
Web Design 101- HTML Coding Basics • Where’s all the other stuff I typed? – Stuff in the header section of webpages isn't seen by you or your visitors, it's meant for search engines and browsers. With this in mind, you won't see the title in the main area of your webpage, but if you look at the top of your browser window, you'll see it there.
  • 7. Beginning HTML 
Web Design 101- HTML Coding Basics • <html></html> – This html tag tells the browser that it's going to read an HTML page. The first tag is the start tag, the second one is the end. Everything on your webpage needs to go between these guys. • <head></head> – This is called the Header. It's where meta-tags reside along with other optional info (scripts and CSS link path) • <body></body> – This is the Body of the page which contains the actual content 
(text, graphics and other elements).
  • 8. Creative Commons License • This work is licensed under the Creative Commons Attribution 3.0 Unported License. To view a copy of this license, visit http://creativecommons.org/licenses/by/3. 0 • http://www.websitebeginner.com