Showing posts with label how to learn html. Show all posts
Showing posts with label how to learn html. Show all posts

Monday, 20 October 2014

Learn HTML online for beginners part 4 insert line comment and pre tag

HTML line


The <hr/> tag create a horizonal line in a HTML Pages.The hr element can be used to separate content.

Example
<p> this is a paragraph</p>
<hr/>
<p> this is a paragraph</p>
<hr/>
<p> this is a paragraph</p>

Preformatted text

with <pre> tag  type where you want to and output look like your input.


HTML Comment


Comments can be inserted into the HTML code ti make. it more readable and understandable.comments are ignored by the browser and not displayed.

<!-- This is a comment -->
Note:- There are a exclamation point after the opening bracket, but not before the closing bracket . comment always show in green color.


Example






HTML text formatting
Tags                 Descriptions
<b>                   bold tag
<big>                 big text
<em>               emphasized text
<i>                     italic
<small>            small text
<strong>           strong text
<sub>               subscript text
<sup>               superscript text
<ins>                inserted text
<del>                deleted text
<pre>                preformatted text

Saturday, 18 October 2014

Learn HTML online for beginners part 3

HTML Links


you can insert another website or page link with link tag.
HTML links are defined with <a> tag.

Example


<a href="https://learncsshtmlonline.blogspot.com">go to this website</a>
This link address is specified in the href attribute.

HTML Images


You can insert any picture in our website with Image tag.

Example

<img src="image.jpg" width="100px" height="100px" />




  • img stands for image tag
  • src means source where your image save.
  • you must type .jpg/.jpeg with image name.




Learn HTML online for beginners part 2

HTML Heading

Heading
Heading are defined with the <h1> to <h6> tag. this h tag change the size and style of heading

Paragraphs

 Paragraph are defined by <p> tag.
It starts with <p> tag and end with </p> tag.

Title

Title tags are use for insert title of the webpages. It is write in head tag Its starts like
<title>your title</title>

Example

<!DOCTYPE html>
<html>
<head>
<title>Learn Html and CSS online</title>
</head>
<body>
<h1>This is h1 heading</h1>
<h2>This is h2 heading</h2>
<h3>This is h3 heading</h3>
<h4>This is h4 heading</h4>
<h5>This is h5 heading</h5>
<h6>This is h6 heading</h6>
<p>Hello friends welcome to learncsshtmlonline.blogspot.com. In this blog learn html and css in simple ways </p>
</body>
</html>



Previous

Friday, 17 October 2014

Learn HTML online for beginners part 1

What is HTML?

HTML is a language for describing web pages. HTML stands fro Hyper Text Markup Language. HTML is not a programming language, it is a markup language. Markup language is a set of markup tags all the tags are describe page content.

We will learn HTML step by step.

Html tags
Html markup tags are mainly called HTML tags.
start and end tags are also called opening tags and closing tags.
HTML tags are keyword (tag name) Surrounded by angle brackets like <html>
HTML tag come in pair like <html> and </html>
the first tag in a pair is the start tag and the second tag is the end tag.
the end tag is written like the start tag with the forword slash before the tag name.

Use Notepad++ software for using HTML

Example

<!DOCTYPE html>
<html>
<body>
<h1>Welcome to learn html online</h1>
<p> learn html and css online</p>
</body>
</html>


the text between <html>  describe the webpage.
the text between <body> is visible page content.
the text between <h1> is display heading.
the text between <p> is display as Paragraph.

Note:- <!DOCTYPE html> use for the latest Html 5.