Basic type of lists:
1.Ordered list
2.Unordered list
An ordered list:
| An unordered list:
|
Monday, 24 September 2012
LISTS
Friday, 21 September 2012
HTML Images
The <img> tag and the src attribute
In HTML, images are defined with the <img> tag.
The <img> tag is empty, which means that it contains attributes only, and has no closing tag.
To display an image on a page, you need to use the src attribute. Src stands for "source". The value of the src attribute is the URL of the image you want to display.
The alt attribute:
The required alt attribute specifies an alternate text for an image, if the image cannot be displayed.
The value of the alt attribute is an author-defined text:
<img src="url" alt="some_text"/>
Set height and width
The height and width attributes are used to specify the height and width of an image.
The attribute values are specified in pixels by default:
<img src="yo.jpg" alt="Techo yo" width="304" height="228">
Align attribute:
Align attribute can be used with images. eg. align="bottom"
Thursday, 20 September 2012
Head Element
The HTML <head> Element
The <head> element is a container for all the head elements. Elements inside <head> can include scripts, instruct the browser where to find style sheets, provide meta information, and more.
The following tags can be added to the head section: <title>, <base>, <link>, <meta>, <script>, and <style>.
The HTML <title> Element
The <title> tag defines the title of the document.
The title element is required in all HTML/XHTML documents.
The title element:
- defines a title in the browser toolbar
- provides a title for the page when it is added to favorites
- displays a title for the page in search-engine results
Monday, 17 September 2012
HTML Links
You must have observed a webpage is fully loaded with links that connect to other pages and websites.
So, how do we do this?
HTML Hyperlinks (Links)
A hyperlink (or link) is a word, group of words, or image that you can click on to jump to a new document or a new section within the current document.
When you move the cursor over a link in a Web page, the arrow will turn into a little hand.
Links are specified in HTML using the <a> tag.
The <a> tag can be used in two ways:
- To create a link to another document, by using the href attribute
- To create a bookmark inside a document, by using the name attribute
Sunday, 16 September 2012
My Story
Have you ever thought of building the next BIG THING to facebook or google on the web?
I have! And that is why I'm here, learning(and helping you learn) web development stuff.
I have! And that is why I'm here, learning(and helping you learn) web development stuff.
What actually made me aim for it is the history of the facebook. It has been quite sometime since I saw 'The Social Network' (immediately after which I got the urge) and I'v just started putting in effort to make my dream come true. I've watched the movie 12 times now and I'm definitely not bored yet. Mark Zukerberg is such an inspiration!
I recommend all o' u to read this at least once..If you've not seen the movie.: http://en.wikipedia.org/wiki/History_of_Facebook
I recommend all o' u to read this at least once..If you've not seen the movie.: http://en.wikipedia.org/wiki/History_of_Facebook
GET MOTIVATED..GET TO WORK! :)
The Million dollar website
Recently, I came across this post while surfing the web and it was truly motivating. That is why I decided to share it on the blog. :)
CLICK HERE:
Building a million dollar website
Styling in HTML
Inline Styles
An inline style can be used if a unique style is to be applied to one single occurrence of an element.
To use inline styles, use the style attribute in the relevant tag. The style attribute can contain any CSS property. The example below shows how to change the text color and the left margin of a paragraph:
<p style="color:blue;margin-left:20px;">This is a paragraph.</p>
HTML Style Example - Font, Color and Size
The font-family, color, and font-size properties defines the font, color, and size of the text in an element:<!DOCTYPE html>
<html>
<body>
<h1 style="font-family:verdana;">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
</html>
HTML Style Example - Text Alignment
The text-align property specifies the horizontal alignment of text in an element:
<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center;">Center-aligned heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
<html>
<body>
<h1 style="text-align:center;">Center-aligned heading</h1>
<p>This is a paragraph.</p>
</body>
</html>
CSS style sheets can also be used..which we'll see later in the CSS tutorial!
Subscribe to:
Posts (Atom)