Options

INTRODUCTION TO BASIC HTML

Index
INTRODUCTION TO BASIC HTML
INTRODUCTION TO BASIC HTML

Dhilipkumar > 15-08-2013, 12:12 PM
INTRODUCTION TO BASIC HTML

Welcome to Chapter 1 : intro to HTML

Part 1- HTML Structure Presentation
Part 2- Layout of an HTML file
Part 3- Working with Tables & List
Part 4- HTML Forms & Input
Part 5- Styling & Inline CSS

Part 1- Introduction to HTML

What is HTML?
- HTML is a Hypertext Markup Language
- HTML is not a Programming language
- Language of the Browser
- The World Wide Web Consortium Creates the Standards of HTML
- CSS is used to style HTML pages
Where to type these HTML Codings??

Normally we can use any text editor to Execute the HTML tags and to Create the pages .. i prefer to use the Notepad ++ .

Click Here to Attachment Text Editor Software

HTML Uses Tag Elements :

Code:
<p>this is a Paragraph</p> - paragraph <h1>this is a heading</h1> - heading <i></i> - Italic <b></b> - Bold

Content is wrapped in an open and closing tag ,

Code:
<p>this is a Paragraph</p> <h1>this is a heading</h1>

HTML Document Layout

Code:
<!DOCTYPE html> <html> //open tag of HTML <head> //open tag of Head <title>Page Title</title> //open and close tag of title </head> //close tag of Head <body> //open tag of body <p>Hi Welcome to vidyarthiplus !! </p> //open and close tag of Paragraph </body> //close tag of Body </html> //close tag of HTML

Block Elements

Block Level Elements:

Creates a large block of content
new lines before and after element
Consumes the whole width available

Examples

Code:
<h1> - <h6> Headings , ( h1 with Maximum font size and so on) <form> - forms <div> - div tags

Inline Elements

Inline Level Elements :
- No new Lines
- Can be placed aside other elements
- Cannot define width
Examples

Code:
<a> - links (known as anchor tag) <strong> & <b> - both indicates the Size of the font <input/>- input <span> - Span tags

Element Attributes
- Most of the attributes are Name-Value pairs Separated with an "="
- Attributes provide additional information about an element
- Attributes are always specified in the Start tag
Example :

"href" is the name of the attribute of the anchor <a> (link) tag

Code:
<a href="www.vidyarthiplus.com/vp">Vidyarthiplus</a>

"http://vidyarthiplus.com/vp" is the value of the "href" attribute of the <a> (link) tag

other common attributes :

Style - styling can be done via "style" attribute

Code:
<h1 style="color:red"> This Heading will be red</h1>

Id & class - specifies identification to an element

Code:
<p id="mypara">This paragraph has an ID</p>

title- adds extra info about the element. Also Displayed in a toottip in some browser

Code:
<a href="www.vidyarthiplus.com/vp" title="click here to go V+"> This paragraph has an id</a>

Sample Output :

Next Session will be continued later.
RE: INTRODUCTION TO BASIC HTML

Srini > 15-08-2013, 06:51 PM

Good Job bro.. +2
RE: INTRODUCTION TO BASIC HTML

WR1334 > 16-08-2013, 06:46 PM

Voila...
Will do more! Bro...... +2
Next Oldest Next Newest

INTRODUCTION TO BASIC HTML

Index

INTRODUCTION TO BASIC HTML

RE: INTRODUCTION TO BASIC HTML

RE: INTRODUCTION TO BASIC HTML