The Basics of (X)HTML Tags
Loading...
Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.
4 Favorites & 1 Group
-
Thiago Freire, Web Developer favorited this 3 months ago
-
Torben Brodt at easy-coding.de, favorited this 2 years ago
-
Jan Ingemansen, Lecturer at 46h, favorited this 2 years ago
-
zxhi favorited this 2 years ago
-
Anna Ullrich, Expression Web team at Microsoft, added this to the group Expression Web
The Basics of (X)HTML Tags - Presentation Transcript
- The Basics of (X)HTML Tags Background photo by Will Pate
- LearningNerd.com
- LearningNerd.com
- This is part of a series of (X)HTML and CSS tutorials, which can all be found at LearningNerd.com/xhtml-css
- Anatomy of an (X)HTML Tag
- An (X)HTML tag is just a name/keyword surrounded by angle brackets.
- So this is called the h1 tag .
- Tag name
- Angle brackets
- < h1 >
- It's good practice to write all HTML tags in lower-case letters.
- And when using XHTML, all tags must be lower-case.
- Good: <html>
- Bad: <HTML>
- Most (X)HTML tags are used in pairs to label content (such as text).
- The closing tag always needs a slash before the tag name.
- Opening tag
- Closing Tag
- <h1> content < / h1>
- The opening tag, closing tag, and the content between them makes one unit called an (X)HTML element.
- More specifically, this example can be called the h1 element .
- <h1> content </h1>
- (X)HTML Element
- Just like those Russian stacking dolls, (X)HTML elements can nest inside of each other.
- <p> here's a bunch of text with <q> a quote </q> in the middle of it </p>
- When nesting elements, the first tag opened must be the last tag closed.
- Good:
- <p> <q></q> </p>
- Bad:
- <p> <q> </p> </q>
- Some (X)HTML tags insert content instead of labeling it. They're called empty or self-closing tags.
- <hr>
- In HTML, empty tags just look like opening tags.
- <hr / >
- In XHTML, empty tags have a slash .
- (The space before the slash makes it compatible with old web browsers.)
- Attributes
- Attributes just add extra information within an (X)HTML tag.
- The value for an attribute can be inside either single or double quotes.
- <h1 id =“ blah ”>
- Attribute
- Value
- Tags can have multiple attributes, each separated by a space .
- <h1 id=“blah” class=“big” >
- content </h1>
- Attributes always go inside the opening tag.
- You'll learn how to use every specific attribute and tag later in this series.
- Now that you know the basic rules for writing (X)HTML, the rest will be easy!
- The next part of this series will cover the elements of an (X)HTML document.
- If you have any questions, feel free to contact me through LearningNerd.com .
+
LearningNerd, 2 years ago
2257 views, 4 favs, more stats
A quick overview of how to write (X)HTML. This just more
Related Presentations
-
DM 250 Week 1 - The Internet, XHTM…
-
Learn to Build iPhone Web Apps wit…
-
Xynsys Business Consultancy, Webde…
-
3 Internet Affiliate Marketing Mos…
-
SHIFT: Catch People in Your Web: I…
-
The Benefits Of Learning The Basic…
-
Web Fundamentals And Html Chapter 1
-
Kiat Memiliki Website di Internet
-
Website And Internet Strategy
-
Website visit frequency - Lead sco…
More info about this document
Go to text version
- Total Views 2257
- 1965 on SlideShare
- Comments 0
- Favorites 4
- Downloads 245
Most viewed embeds
All embeds
- Upload Info
- Uploaded via SlideShare
- Uploaded as OpenOffice
0 comments
Post a comment