Basic of HTML

-


ABOUT HTML

  • HTML describes the structure of a web page.

  • HTML elements tell the browser how to display the content such as "heading", "paragraph", "table", and so on.

  • Browsers do not display the HTML tags, but use them to render the content of the page.

A Simple HTML Document 

  • The <p> element defines a paragraph.
NOTE ;  Only the content inside the <body> section (the white area ) is displayed in a browser.

#HTML Text Formatting 

  • <b> : Bold Text
  • <strong> : Important Text
  • <i> : Italic Text

  • <em> : Emphasized Text 

  • <mark> : Marked Text 

  • <small> : Small Text 

  • <del> : Deleted Text 

  • <ins> : Inserted Text 

  • <sub> : Subscript Text 

  • <sup> : Superscript Text 

# HTML Headings 

HTML headings are defined with the <h1> to <h6> tags.
  • <h1> defines the most important heading.
  • <h6> defines the least important heading.

Paragraphs:

Paragraph are defined with the <p> tag. Think of a paragraph as a block of text.
 You can use the align attribute with a paragraph tag as well.

Example:-

<P align="left">This is a paragraph</p>

Line Breaks:

The <br> tag is used when you want to start a new line, but don't want to start a new paragraph. 

The <br> tag forces a line break wherever you place it. It is similar to single spacing in a document.

Example:-

<p>This <br> is a paragraph<br> with the line breaks</p>

Note:- The <br> tag has no closing tag.

Horizontal Rule:


The <hr> element is used for horizontal rules that act as dividers between sections, like this:

The horizontal Rule does not have a closing tag. It takes attributes such as align and width.

Example:-

<hr width="50%" align="center">

Comments in HTML:

The comment tag is used to insert a comment in  the HTML source code. You can use comments to write notes to yourself, or write a helpful message to someone looking at your source code.

Example:-

<p> This html comment would<!-- This is a comment -->be displayed like this. </p>

Note:- You don't see the text between the tags <!--and-->. If you look at the source code, you would see the comment. To view the source for this page, in your browser window, select View and then select Source.

HTML Background:

The <body> tag has two attributes where you can specify backgrounds. The background can be a color or an image.

Bgcolor:-

The bgcolor attribute specifies a background-color for an HTML page.
The value of this attribute can be a hexadecimal number, an RGB value, 
or a color name:

<body bgcolor=<"#000000">

<body bgcolor="rgb(0,0,0)">

<body bgcolor="black">

The lines above all set the background-color to black.

Comments

Post a Comment

Popular posts from this blog

WEBSITE DEVELOPMENT USING HTML AND CSS

-
What is website ? A website is a collection of publicly accessible, interlinked web pages that share a single domain name . Websites, can be created and maintained by an individual, group, business or organisation to serve a variety of purpose. Websites come ina nearly endless variety, including educational sites , news sites , forums , social media sites , e-commerce sites , and so on.  The page within a website are usually a mix of text and other media. That said, there are no rules dictating the form of  a website. Examples of website are: Bing.com    wikipedia.org ,    google.com , amazon.com   etc. Languages used for website development ; The most common programming languages used to develop website are : HTML (Hyper Text Markup Language) JavaScript   CSS (Cascading Style Sheets) PHP: Hypertext Preprocessor Note:- Some of these can be used as an extension of the existing languages but some can be used entirely separate from the other language...
Read more

Introduction to CSS ✍️

-
Image
  Basics About CSS ✍️ Cascading style sheets (CSS) describe how documents are presented on screens, in print, or perhaps how they are pronounced. Cascading style sheets (CSS) provide easy and effective alternatives to specify various attributes for the HTML tags . Using CSS, you can specify s number of style properties for a given HTML element . Each property has a name and a value, separated by a colon (:).  Each property declaration is separated by a semi-colon (;). Advantages of CSS : CSS saves time - You can write CSS once and then reuse same sheet in multiple HTML pages. You can define a style for each HTML element and apply it to as many web pages as you want. Superior styles to HTML - CSS has a much wider array of attributes than HTML so you can give far better look to your HTML page in comparison of HTML attributes. SEO Benefits - Faster loading times and mobile-friendliness, both facilitated by CSS, are important factors for search engine rankings , which can hel...
Read more

Advanced properties of CSS

-
Image
  In this article you will see how you can display your content better on your website with the help of using Css's properties like, text-shadow and box-shadow. #Whenever you want to apply Text-Shadow on your website in html with using CSS values .  Firstly ,  you should know that t ext -shadow accept four values like ; text-shadow:h-shadow v-shadow blur- radius  color ; h-shadow :- It is  horizontal offset of the shadows , in this positive values move the shadow to the right and the negative values move the shadow to the left. v-shadow :- It is vertical offset of the shadows , in this positive values move the shadow down and the nagative values move the shadow up. blur-radius :- The blur radius works optionally in the text-shadow . A large value makes the shadow more dispersed. Color :- This provides colour to the text-shadow. Example :- Here is how you would use the CSS text -shadow property in a HTML file to add a simple shadow to an <h1> element :...
Read more