HTML & Modx Walkthrough

BASICS OF HTML
Purpose of this training

 Create a more productive atmosphere
 Instill a sense of production knowledge
 Address common...
HTML: The Basics

 Hypertext Markup Language
 Proper Semantics
 Linking
 Formatting
 Forms
 Images
Proper Semantics

 In the beginning there was an opening
  statement <attribute>
 In the end there was a closing stateme...
Linking

 <a href=“” title=“” class=“”>…</a>
 Linking to the Home page (in Modx) is simply
  href=“/”
 Linking to other...
Formatting Text

 Paragraphs = <p>text</p>
 Bold = <strong>so fresh and so bold</strong>
 Italics = <em>I’m an emphasis...
Forms & Images

 Adding & Removing CAPTCHA
 Uploading Images
 Linking to Images
 Lets take a look at a new template…
Upcoming SlideShare
Loading in...5
×

Basics Of Html

601

Published on

i brief walk through of the basics of HTML 7 modx cms

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
601
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Transcript of "Basics Of Html"

  1. 1. HTML & Modx Walkthrough BASICS OF HTML
  2. 2. Purpose of this training  Create a more productive atmosphere  Instill a sense of production knowledge  Address common issues
  3. 3. HTML: The Basics  Hypertext Markup Language  Proper Semantics  Linking  Formatting  Forms  Images
  4. 4. Proper Semantics  In the beginning there was an opening statement <attribute>  In the end there was a closing statement </attribute>
  5. 5. Linking  <a href=“” title=“” class=“”>…</a>  Linking to the Home page (in Modx) is simply href=“/”  Linking to other pages is href=“/page- name.html”
  6. 6. Formatting Text  Paragraphs = <p>text</p>  Bold = <strong>so fresh and so bold</strong>  Italics = <em>I’m an emphasis</em>  Headers = <hx>Heading Text</hx>  x = 1-6
  7. 7. Forms & Images  Adding & Removing CAPTCHA  Uploading Images  Linking to Images  Lets take a look at a new template…

×