SlideShare a Scribd company logo

Html basics

Some things to know when it comes to HTML. First presented in 2010.

1 of 24
Download to read offline
S U M M E R / F A L L 2 0 1 0
HTML Basics
Basics
 HTML is a language for describing web pages.
 HTML stands for Hyper Text Markup Language
 HTML is not a programming language, it is a
markup language
 A markup language is a set of markup tags
 HTML uses markup tags to describe web pages
Basics
 The purpose of a web browser (like Internet Explorer
or Firefox) is to read HTML documents and display
them as web pages. The browser does not display the
HTML tags, but uses the tags to interpret the content
of the page:
Tags
Tags
 In a nutshell, if a tag – for example <strong> - is
placed at the beginning of text the ending tag
- </strong> - needs to be placed somewhere to end
the command. The “strong” tag, as you might have
guessed indicates to make text bold.
 That’s generally the case. There are some tags that
don’t have closing tags. For example, a soft return is
just one <br>. The “jump tag” also is a standalone
tag: <!--more-->. (This is the tag that allows stories
to jump off the front page of your topical site.)
How does all this HTML stuff impact me?
 For our Wordpress editor you don’t have to write in
the HTML (1) editor but you can use that editor to
review tags, make simple changes or troubleshoot.
 The VISUAL (2) editor let’s you do many of the
things you need to do to post, but sometimes it’s
easier to use the HTML (1) editor.

Recommended

Web topic 3 html format tags
Web topic 3  html format tagsWeb topic 3  html format tags
Web topic 3 html format tagsCK Yang
 
Module 2 Lesson 1
Module 2 Lesson 1Module 2 Lesson 1
Module 2 Lesson 1claytors
 
Introduction to html5
Introduction to html5Introduction to html5
Introduction to html5Manav Prasad
 
Code This, Not That: 10 Do's and Don'ts For Learning HTML
Code This, Not That: 10 Do's and Don'ts For Learning HTMLCode This, Not That: 10 Do's and Don'ts For Learning HTML
Code This, Not That: 10 Do's and Don'ts For Learning HTMLHubSpot
 
Screen Pages - Mage Titans - i18n Translations - Magento 2
Screen Pages  - Mage Titans - i18n Translations - Magento 2Screen Pages  - Mage Titans - i18n Translations - Magento 2
Screen Pages - Mage Titans - i18n Translations - Magento 2Tadhg Bowe
 
Lesson plan: HTML Formatting Texts and Paragraphs
Lesson plan: HTML Formatting Texts and ParagraphsLesson plan: HTML Formatting Texts and Paragraphs
Lesson plan: HTML Formatting Texts and ParagraphsKeith Borgonia Manatad
 

More Related Content

What's hot

Web designp pt
Web designp ptWeb designp pt
Web designp ptBizzyb09
 
Web topic 5 text formatting
Web topic 5  text formattingWeb topic 5  text formatting
Web topic 5 text formattingCK Yang
 
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
 
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Web Designing Training in Ambala ! BATRA COMPUTER CENTREWeb Designing Training in Ambala ! BATRA COMPUTER CENTRE
Web Designing Training in Ambala ! BATRA COMPUTER CENTREjatin batra
 
HTML Lesson 1
HTML Lesson 1HTML Lesson 1
HTML Lesson 1TonyC445
 
How an html file is structured
How an html file is structuredHow an html file is structured
How an html file is structuredcrmolloy
 
HTML Foundations, part 1
HTML Foundations, part 1HTML Foundations, part 1
HTML Foundations, part 1Shawn Calvert
 
Introduction to html fundamental concepts
Introduction to html fundamental conceptsIntroduction to html fundamental concepts
Introduction to html fundamental conceptsTsebo Shaun Masilo
 

What's hot (20)

Web designp pt
Web designp ptWeb designp pt
Web designp pt
 
Basic Html for beginners.
Basic Html for beginners.Basic Html for beginners.
Basic Html for beginners.
 
Html and its future
Html and its futureHtml and its future
Html and its future
 
Web topic 5 text formatting
Web topic 5  text formattingWeb topic 5  text formatting
Web topic 5 text formatting
 
HTML Basic, CSS Basic, JavaScript basic.
HTML Basic, CSS Basic, JavaScript basic.HTML Basic, CSS Basic, JavaScript basic.
HTML Basic, CSS Basic, JavaScript basic.
 
A109 base code html
A109 base code   htmlA109 base code   html
A109 base code html
 
HTML
HTMLHTML
HTML
 
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
Web Designing Training in Ambala ! BATRA COMPUTER CENTREWeb Designing Training in Ambala ! BATRA COMPUTER CENTRE
Web Designing Training in Ambala ! BATRA COMPUTER CENTRE
 
html
htmlhtml
html
 
HTML Basics for SEO
HTML Basics for SEOHTML Basics for SEO
HTML Basics for SEO
 
Html basics
Html basicsHtml basics
Html basics
 
Html Tutorial
Html Tutorial Html Tutorial
Html Tutorial
 
HTML Lesson 1
HTML Lesson 1HTML Lesson 1
HTML Lesson 1
 
Learn html in 30mins
Learn html in 30minsLearn html in 30mins
Learn html in 30mins
 
HTML Lesson 1
HTML Lesson 1HTML Lesson 1
HTML Lesson 1
 
HTML Bootcamp
HTML BootcampHTML Bootcamp
HTML Bootcamp
 
How an html file is structured
How an html file is structuredHow an html file is structured
How an html file is structured
 
HTML Foundations, part 1
HTML Foundations, part 1HTML Foundations, part 1
HTML Foundations, part 1
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
Introduction to html fundamental concepts
Introduction to html fundamental conceptsIntroduction to html fundamental concepts
Introduction to html fundamental concepts
 

Similar to Html basics (20)

Basic Html Notes
Basic Html NotesBasic Html Notes
Basic Html Notes
 
Introduction to HTML
Introduction to HTMLIntroduction to HTML
Introduction to HTML
 
Html
HtmlHtml
Html
 
Creating a page in HTML
Creating a page in HTMLCreating a page in HTML
Creating a page in HTML
 
Web designing using html
Web designing using htmlWeb designing using html
Web designing using html
 
Notes4
Notes4Notes4
Notes4
 
Html ppt
Html pptHtml ppt
Html ppt
 
Html Ppt
Html PptHtml Ppt
Html Ppt
 
Html basics
Html basicsHtml basics
Html basics
 
HTML.pptx
HTML.pptxHTML.pptx
HTML.pptx
 
Html basic file
Html basic fileHtml basic file
Html basic file
 
HTML_Basics.pdf
HTML_Basics.pdfHTML_Basics.pdf
HTML_Basics.pdf
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 
Html BASICS
Html BASICSHtml BASICS
Html BASICS
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics
Html basicsHtml basics
Html basics
 
Html basics 1
Html basics 1Html basics 1
Html basics 1
 

More from Christoph Trappe

How to create native social media content
How to create native social media  contentHow to create native social media  content
How to create native social media contentChristoph Trappe
 
DES Madrid 2019: Ch-ch-change: How to always keep your content strategy up to...
DES Madrid 2019: Ch-ch-change: How to always keep your content strategy up to...DES Madrid 2019: Ch-ch-change: How to always keep your content strategy up to...
DES Madrid 2019: Ch-ch-change: How to always keep your content strategy up to...Christoph Trappe
 
How to create a culture of data-driven decisions
How to create a culture of data-driven decisionsHow to create a culture of data-driven decisions
How to create a culture of data-driven decisionsChristoph Trappe
 
Social selling: Staying in front of clients, prospects and your audience.
Social selling: Staying in front of clients, prospects and your audience. Social selling: Staying in front of clients, prospects and your audience.
Social selling: Staying in front of clients, prospects and your audience. Christoph Trappe
 
Drive attendance to your event with these storytelling and content marketing ...
Drive attendance to your event with these storytelling and content marketing ...Drive attendance to your event with these storytelling and content marketing ...
Drive attendance to your event with these storytelling and content marketing ...Christoph Trappe
 
How B2B publishers can use content marketing to drive audience engagement
How B2B publishers can use content marketing to drive audience engagementHow B2B publishers can use content marketing to drive audience engagement
How B2B publishers can use content marketing to drive audience engagementChristoph Trappe
 
7 Steps to Owning the Digital Sports Discussion
7 Steps to Owning the Digital Sports Discussion7 Steps to Owning the Digital Sports Discussion
7 Steps to Owning the Digital Sports DiscussionChristoph Trappe
 
Strategic Content Marketing with the SCOMPLER software
Strategic Content Marketing with the SCOMPLER softwareStrategic Content Marketing with the SCOMPLER software
Strategic Content Marketing with the SCOMPLER softwareChristoph Trappe
 
How to tell better stories in healthcare - Brazil 2017 talk
How to tell better stories in healthcare - Brazil 2017 talkHow to tell better stories in healthcare - Brazil 2017 talk
How to tell better stories in healthcare - Brazil 2017 talkChristoph Trappe
 
7 steps to get on a blogging schedule
7 steps to get on a blogging schedule 7 steps to get on a blogging schedule
7 steps to get on a blogging schedule Christoph Trappe
 
What's the easiest and cheapest way to check my Instagram metrics in one place?
What's the easiest and cheapest way to check my Instagram metrics in one place?What's the easiest and cheapest way to check my Instagram metrics in one place?
What's the easiest and cheapest way to check my Instagram metrics in one place?Christoph Trappe
 
How to update your 404 page in WordPress
How to update your 404 page in WordPressHow to update your 404 page in WordPress
How to update your 404 page in WordPressChristoph Trappe
 
How to find the mutual zone of relevance
How to find the mutual zone of relevance How to find the mutual zone of relevance
How to find the mutual zone of relevance Christoph Trappe
 
Six steps to move from traditional marketing to authentic storytelling
Six steps to move from traditional marketing to authentic storytellingSix steps to move from traditional marketing to authentic storytelling
Six steps to move from traditional marketing to authentic storytellingChristoph Trappe
 
Authentic storytelling for bloggers and businesses (Mumbai 2015)
Authentic storytelling for bloggers and businesses (Mumbai 2015)Authentic storytelling for bloggers and businesses (Mumbai 2015)
Authentic storytelling for bloggers and businesses (Mumbai 2015)Christoph Trappe
 
WordCamp Omaha: Building audience with great content and Jetpack
WordCamp Omaha: Building audience with great content and JetpackWordCamp Omaha: Building audience with great content and Jetpack
WordCamp Omaha: Building audience with great content and JetpackChristoph Trappe
 
SUGCON Talk: Blogging on Sitecore or WordPress
SUGCON Talk: Blogging on Sitecore or WordPressSUGCON Talk: Blogging on Sitecore or WordPress
SUGCON Talk: Blogging on Sitecore or WordPressChristoph Trappe
 
Florida Social Conference: Do more than dump links on social media
Florida Social Conference: Do more than dump links on social mediaFlorida Social Conference: Do more than dump links on social media
Florida Social Conference: Do more than dump links on social mediaChristoph Trappe
 
WordCamp Omaha 2014: Branding with WordPress
WordCamp Omaha 2014: Branding with WordPressWordCamp Omaha 2014: Branding with WordPress
WordCamp Omaha 2014: Branding with WordPressChristoph Trappe
 

More from Christoph Trappe (20)

How to create native social media content
How to create native social media  contentHow to create native social media  content
How to create native social media content
 
The future of content
The future of contentThe future of content
The future of content
 
DES Madrid 2019: Ch-ch-change: How to always keep your content strategy up to...
DES Madrid 2019: Ch-ch-change: How to always keep your content strategy up to...DES Madrid 2019: Ch-ch-change: How to always keep your content strategy up to...
DES Madrid 2019: Ch-ch-change: How to always keep your content strategy up to...
 
How to create a culture of data-driven decisions
How to create a culture of data-driven decisionsHow to create a culture of data-driven decisions
How to create a culture of data-driven decisions
 
Social selling: Staying in front of clients, prospects and your audience.
Social selling: Staying in front of clients, prospects and your audience. Social selling: Staying in front of clients, prospects and your audience.
Social selling: Staying in front of clients, prospects and your audience.
 
Drive attendance to your event with these storytelling and content marketing ...
Drive attendance to your event with these storytelling and content marketing ...Drive attendance to your event with these storytelling and content marketing ...
Drive attendance to your event with these storytelling and content marketing ...
 
How B2B publishers can use content marketing to drive audience engagement
How B2B publishers can use content marketing to drive audience engagementHow B2B publishers can use content marketing to drive audience engagement
How B2B publishers can use content marketing to drive audience engagement
 
7 Steps to Owning the Digital Sports Discussion
7 Steps to Owning the Digital Sports Discussion7 Steps to Owning the Digital Sports Discussion
7 Steps to Owning the Digital Sports Discussion
 
Strategic Content Marketing with the SCOMPLER software
Strategic Content Marketing with the SCOMPLER softwareStrategic Content Marketing with the SCOMPLER software
Strategic Content Marketing with the SCOMPLER software
 
How to tell better stories in healthcare - Brazil 2017 talk
How to tell better stories in healthcare - Brazil 2017 talkHow to tell better stories in healthcare - Brazil 2017 talk
How to tell better stories in healthcare - Brazil 2017 talk
 
7 steps to get on a blogging schedule
7 steps to get on a blogging schedule 7 steps to get on a blogging schedule
7 steps to get on a blogging schedule
 
What's the easiest and cheapest way to check my Instagram metrics in one place?
What's the easiest and cheapest way to check my Instagram metrics in one place?What's the easiest and cheapest way to check my Instagram metrics in one place?
What's the easiest and cheapest way to check my Instagram metrics in one place?
 
How to update your 404 page in WordPress
How to update your 404 page in WordPressHow to update your 404 page in WordPress
How to update your 404 page in WordPress
 
How to find the mutual zone of relevance
How to find the mutual zone of relevance How to find the mutual zone of relevance
How to find the mutual zone of relevance
 
Six steps to move from traditional marketing to authentic storytelling
Six steps to move from traditional marketing to authentic storytellingSix steps to move from traditional marketing to authentic storytelling
Six steps to move from traditional marketing to authentic storytelling
 
Authentic storytelling for bloggers and businesses (Mumbai 2015)
Authentic storytelling for bloggers and businesses (Mumbai 2015)Authentic storytelling for bloggers and businesses (Mumbai 2015)
Authentic storytelling for bloggers and businesses (Mumbai 2015)
 
WordCamp Omaha: Building audience with great content and Jetpack
WordCamp Omaha: Building audience with great content and JetpackWordCamp Omaha: Building audience with great content and Jetpack
WordCamp Omaha: Building audience with great content and Jetpack
 
SUGCON Talk: Blogging on Sitecore or WordPress
SUGCON Talk: Blogging on Sitecore or WordPressSUGCON Talk: Blogging on Sitecore or WordPress
SUGCON Talk: Blogging on Sitecore or WordPress
 
Florida Social Conference: Do more than dump links on social media
Florida Social Conference: Do more than dump links on social mediaFlorida Social Conference: Do more than dump links on social media
Florida Social Conference: Do more than dump links on social media
 
WordCamp Omaha 2014: Branding with WordPress
WordCamp Omaha 2014: Branding with WordPressWordCamp Omaha 2014: Branding with WordPress
WordCamp Omaha 2014: Branding with WordPress
 

Recently uploaded

Mother Courage and Her Children Shop Order.pdf
Mother Courage and Her Children Shop Order.pdfMother Courage and Her Children Shop Order.pdf
Mother Courage and Her Children Shop Order.pdfLizShek
 
HTM Example Layouts Freedman Theatre.pdf
HTM Example Layouts Freedman Theatre.pdfHTM Example Layouts Freedman Theatre.pdf
HTM Example Layouts Freedman Theatre.pdfLizShek
 
sustainable-interior-design-strategy-with-case-study_TANIA-BERA.ppt
sustainable-interior-design-strategy-with-case-study_TANIA-BERA.pptsustainable-interior-design-strategy-with-case-study_TANIA-BERA.ppt
sustainable-interior-design-strategy-with-case-study_TANIA-BERA.pptAr. TANIA BERA
 
Passing Strange Lighting Plot AS BUILT).pdf
Passing Strange Lighting Plot AS BUILT).pdfPassing Strange Lighting Plot AS BUILT).pdf
Passing Strange Lighting Plot AS BUILT).pdfLizShek
 
Heathers Symbols for Gerald Freedman Theatre.pdf
Heathers Symbols for Gerald Freedman Theatre.pdfHeathers Symbols for Gerald Freedman Theatre.pdf
Heathers Symbols for Gerald Freedman Theatre.pdfLizShek
 
homescreen revamp homescreen revamphomescreen revamp
homescreen revamp homescreen revamphomescreen revamphomescreen revamp homescreen revamphomescreen revamp
homescreen revamp homescreen revamphomescreen revampvidya934261
 
40 Shots.docxmjggggggggggggmgjjjjjjjjjjmjm
40 Shots.docxmjggggggggggggmgjjjjjjjjjjmjm40 Shots.docxmjggggggggggggmgjjjjjjjjjjmjm
40 Shots.docxmjggggggggggggmgjjjjjjjjjjmjm22nvatafu
 
Anavi Gold And Diamond Ring by Dishis Designer Jewellery.pdf
Anavi Gold And Diamond Ring by Dishis Designer Jewellery.pdfAnavi Gold And Diamond Ring by Dishis Designer Jewellery.pdf
Anavi Gold And Diamond Ring by Dishis Designer Jewellery.pdfanishdishis
 
Copy of VSST102 Digital Portfolio.pdffff
Copy of VSST102 Digital Portfolio.pdffffCopy of VSST102 Digital Portfolio.pdffff
Copy of VSST102 Digital Portfolio.pdffffschell
 
MidJourney: How to Prompt on Midjourney and Other AI Tools for Creatives
MidJourney: How to Prompt on Midjourney and Other AI Tools for CreativesMidJourney: How to Prompt on Midjourney and Other AI Tools for Creatives
MidJourney: How to Prompt on Midjourney and Other AI Tools for CreativesSaurav Srivastava
 
Interior Landscape and Landscape Features Extraction
Interior Landscape and Landscape Features ExtractionInterior Landscape and Landscape Features Extraction
Interior Landscape and Landscape Features ExtractionNityaSharma77
 
Hill Area development- Issues and Options
Hill Area development- Issues and OptionsHill Area development- Issues and Options
Hill Area development- Issues and OptionsJIT KUMAR GUPTA
 
impact of packaging on consumer buying behaviour project report pdf.pdf
impact of packaging on consumer buying behaviour project  report pdf.pdfimpact of packaging on consumer buying behaviour project  report pdf.pdf
impact of packaging on consumer buying behaviour project report pdf.pdfSanjivanisShirodkar
 
urban design case study of old city Jodhpur
urban design case study of  old city Jodhpururban design case study of  old city Jodhpur
urban design case study of old city JodhpurSreyaseeNath1
 
SECMOL School In Leh- A Role Model of Vernacular , Passive and Sustainable H...
SECMOL School In Leh- A  Role Model of Vernacular , Passive and Sustainable H...SECMOL School In Leh- A  Role Model of Vernacular , Passive and Sustainable H...
SECMOL School In Leh- A Role Model of Vernacular , Passive and Sustainable H...JIT KUMAR GUPTA
 
The Role Of Antique Mirrors In Boutique Hotel Design
The Role Of Antique Mirrors In Boutique Hotel DesignThe Role Of Antique Mirrors In Boutique Hotel Design
The Role Of Antique Mirrors In Boutique Hotel DesignAlbany Glass
 
acervus process book no cover--character
acervus process book no cover--characteracervus process book no cover--character
acervus process book no cover--characterschell
 
VSST103 - Digital Portfolio.pdf character
VSST103 - Digital Portfolio.pdf characterVSST103 - Digital Portfolio.pdf character
VSST103 - Digital Portfolio.pdf characterschell
 

Recently uploaded (20)

Mother Courage and Her Children Shop Order.pdf
Mother Courage and Her Children Shop Order.pdfMother Courage and Her Children Shop Order.pdf
Mother Courage and Her Children Shop Order.pdf
 
HTM Example Layouts Freedman Theatre.pdf
HTM Example Layouts Freedman Theatre.pdfHTM Example Layouts Freedman Theatre.pdf
HTM Example Layouts Freedman Theatre.pdf
 
sustainable-interior-design-strategy-with-case-study_TANIA-BERA.ppt
sustainable-interior-design-strategy-with-case-study_TANIA-BERA.pptsustainable-interior-design-strategy-with-case-study_TANIA-BERA.ppt
sustainable-interior-design-strategy-with-case-study_TANIA-BERA.ppt
 
Passing Strange Lighting Plot AS BUILT).pdf
Passing Strange Lighting Plot AS BUILT).pdfPassing Strange Lighting Plot AS BUILT).pdf
Passing Strange Lighting Plot AS BUILT).pdf
 
Heathers Symbols for Gerald Freedman Theatre.pdf
Heathers Symbols for Gerald Freedman Theatre.pdfHeathers Symbols for Gerald Freedman Theatre.pdf
Heathers Symbols for Gerald Freedman Theatre.pdf
 
homescreen revamp homescreen revamphomescreen revamp
homescreen revamp homescreen revamphomescreen revamphomescreen revamp homescreen revamphomescreen revamp
homescreen revamp homescreen revamphomescreen revamp
 
40 Shots.docxmjggggggggggggmgjjjjjjjjjjmjm
40 Shots.docxmjggggggggggggmgjjjjjjjjjjmjm40 Shots.docxmjggggggggggggmgjjjjjjjjjjmjm
40 Shots.docxmjggggggggggggmgjjjjjjjjjjmjm
 
Anavi Gold And Diamond Ring by Dishis Designer Jewellery.pdf
Anavi Gold And Diamond Ring by Dishis Designer Jewellery.pdfAnavi Gold And Diamond Ring by Dishis Designer Jewellery.pdf
Anavi Gold And Diamond Ring by Dishis Designer Jewellery.pdf
 
Copy of VSST102 Digital Portfolio.pdffff
Copy of VSST102 Digital Portfolio.pdffffCopy of VSST102 Digital Portfolio.pdffff
Copy of VSST102 Digital Portfolio.pdffff
 
MidJourney: How to Prompt on Midjourney and Other AI Tools for Creatives
MidJourney: How to Prompt on Midjourney and Other AI Tools for CreativesMidJourney: How to Prompt on Midjourney and Other AI Tools for Creatives
MidJourney: How to Prompt on Midjourney and Other AI Tools for Creatives
 
Maximize Your Brand Impact with a Box Truck Wrap Design
Maximize Your Brand Impact with a Box Truck Wrap DesignMaximize Your Brand Impact with a Box Truck Wrap Design
Maximize Your Brand Impact with a Box Truck Wrap Design
 
Interior Landscape and Landscape Features Extraction
Interior Landscape and Landscape Features ExtractionInterior Landscape and Landscape Features Extraction
Interior Landscape and Landscape Features Extraction
 
Hill Area development- Issues and Options
Hill Area development- Issues and OptionsHill Area development- Issues and Options
Hill Area development- Issues and Options
 
impact of packaging on consumer buying behaviour project report pdf.pdf
impact of packaging on consumer buying behaviour project  report pdf.pdfimpact of packaging on consumer buying behaviour project  report pdf.pdf
impact of packaging on consumer buying behaviour project report pdf.pdf
 
urban design case study of old city Jodhpur
urban design case study of  old city Jodhpururban design case study of  old city Jodhpur
urban design case study of old city Jodhpur
 
SECMOL School In Leh- A Role Model of Vernacular , Passive and Sustainable H...
SECMOL School In Leh- A  Role Model of Vernacular , Passive and Sustainable H...SECMOL School In Leh- A  Role Model of Vernacular , Passive and Sustainable H...
SECMOL School In Leh- A Role Model of Vernacular , Passive and Sustainable H...
 
The Role Of Antique Mirrors In Boutique Hotel Design
The Role Of Antique Mirrors In Boutique Hotel DesignThe Role Of Antique Mirrors In Boutique Hotel Design
The Role Of Antique Mirrors In Boutique Hotel Design
 
acervus process book no cover--character
acervus process book no cover--characteracervus process book no cover--character
acervus process book no cover--character
 
VSST103 - Digital Portfolio.pdf character
VSST103 - Digital Portfolio.pdf characterVSST103 - Digital Portfolio.pdf character
VSST103 - Digital Portfolio.pdf character
 
Bring Your Office Interiors Back to Life The Enchantment of Personalized Wall...
Bring Your Office Interiors Back to Life The Enchantment of Personalized Wall...Bring Your Office Interiors Back to Life The Enchantment of Personalized Wall...
Bring Your Office Interiors Back to Life The Enchantment of Personalized Wall...
 

Html basics

  • 1. S U M M E R / F A L L 2 0 1 0 HTML Basics
  • 2. Basics  HTML is a language for describing web pages.  HTML stands for Hyper Text Markup Language  HTML is not a programming language, it is a markup language  A markup language is a set of markup tags  HTML uses markup tags to describe web pages
  • 3. Basics  The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page:
  • 5. Tags  In a nutshell, if a tag – for example <strong> - is placed at the beginning of text the ending tag - </strong> - needs to be placed somewhere to end the command. The “strong” tag, as you might have guessed indicates to make text bold.  That’s generally the case. There are some tags that don’t have closing tags. For example, a soft return is just one <br>. The “jump tag” also is a standalone tag: <!--more-->. (This is the tag that allows stories to jump off the front page of your topical site.)
  • 6. How does all this HTML stuff impact me?  For our Wordpress editor you don’t have to write in the HTML (1) editor but you can use that editor to review tags, make simple changes or troubleshoot.  The VISUAL (2) editor let’s you do many of the things you need to do to post, but sometimes it’s easier to use the HTML (1) editor.
  • 10. Context  Why is it important to know that there’s a red space? Extra tags can mess with formatting but you wouldn’t know what to change without looking in the HTML. For example, if the red space is in the middle of a paragraph of text you might have extra space.  Delete when you see those things.
  • 12. Same page in HTML
  • 13. Pictures/Video/Etc.  Only shrink photos this way. Do not increase a photo’s size this way. Make sure to keep the proportions between the height and width the same. For example, to shrink the picture by half its size this: width="270" height="438” becomes this: width="135" height="219”.  You can do this with any dimensions smaller than the initial size. Just make sure that the new width has the same relationship to the new height as the old width had to the old height.
  • 14. HTML vs. Visual  In general, it’s much easier to work in the VISUAL editor as opposed to the HTML editor. Even when you are “fluent” in HTML it can still take more time to type in:  <strong>This sentence <span style="text-decoration: underline;"> is </span> in bold.</strong>  than typing in:  This sentence is in bold.  And then highlighting the correct parts of the sentence and clicking on the button for the correct function.  This sentence is in bold.  But sometimes when you highlight a sentence you might highlight too much. This could also show up in the HTML.
  • 23. Tip  If you run into a specific problem Google for a solution. For example, if you want to add a table, Google: “How to add a HTML table.” If you want to find out how to add padding around a picture search for that.
  • 24. Questions? Comments Please complete the test on your computer before you leave.