HTML Introduction

-

Intro to HTML


Website pages are composed in HTML - a basic scripting language.

HTML is short for HyperText Markup Language. 

Essentially a HTML report is a plain content record that contains content and that's it. 

At the point when a program opens a HTML record, the program will search for HTML codes in the content and utilize them to change the design, embed pictures, or make connects to different pages. 

Since HTML archives are simply message records they can be composed in even the easiest content tool.

A more prominent decision is to utilize an extraordinary HTML editorial manager - perhaps one that puts center around the visual outcome as opposed to the codes - a supposed WYSIWYG proofreader ("What You See Is The thing that You Get").

Probably the most well known HTML editors, for example, FrontPage or Dreamweaver will give you a chance to make pages pretty much as you compose archives in Word or whatever content tool you're utilizing.


Creating HTML Document

Creating a HTML document is simple. To start coding HTML you require just two things: a basic text editor and an internet browser. Notepad is the most basic of simple-text editors and you will probably code a fair amount of HTML with it. 


- Open Notepad or another text editor. 
- At the top of the page type <html>. 
- On the next line, indent spaces and now add the opening header tag: <head>. 
- On the next line, indent ten spaces and type <title> </title>. 
- Go to the next line, indent five spaces from the margin and insert the closing header tag: </head>. 
- Five spaces in from the margin on the next line, type <body>. 
- Now drop down another line and type the closing tag right below its mate: </body>. 
- Finally, go to the next line and type </html>. 
- Save your file.

Step by step instructions to Name Your Document.

What you name your document is very important. You should first give your document a name and after that add a suffix to it. That is the way everything works in HTML. You give a name and after that a suffix. 

Follow this format to name your document:

1. Choose a name of your document "template". 

2. Add a suffix. For all HTML documents, you will add either ".htm" or ".html".

Document is saved, and the name of the document is template.html.
  
HTML Example –

   
    <!DOCTYPE html>
    <html>
    <head>
            <title> Page Title </title>
    </head>
    <body>
            <h1> My First Heading </h1>
            <p> My First Paragraph </p>
    </body>
    </html>

 Example Explained-
  • The <!DOCTYPE html> declaration defines this document to be HTML5.
  • The <html> element is the root element of an HTML page.
  • The <head> element contains meta information about the document.
  • The <title> element specifies a title for the document.
  • The <body>  element contains the visible page content.
  • The <h1> element defines a large heading.
  • The <p> element defines a paragraph.

HTML Tags 

HTML tags are element names surrounded by angle brackets:

<tagname>content goes here...</tagname>
  • HTML tags normally come in pairs like <p> and </p>
  • The first tag in a pair is the start tag, the second tag is the end tag.
  • The end tag is written like the start tag, but with a forward slash inserted before the tag name.
Web Browsers

The purpose of a web browser (Chrome, IE, Firefox, Safari) is to peruse HTML records and display them. 

The browser does not display the HTML tags, but uses them to determine how to display the document:



 HTML Versions

Since the early days of the web, there have been many versions of HTML:

Comments

  1. UnknownNovember 10, 2018 at 2:10 AM

    It is best to participate in a contest for top-of-the-line blogs on the web. I'll suggest this site! online casino bonus

    ReplyDelete

Post a Comment

Popular posts from this blog

How to Create a One-Page Website

-
Image
In the world of web design, one-page websites are one trend that’s growing due to its functionality. Fundamentally, it's a site that presents all of your content onto one long, scrolling page.   As opposed to recognizing a landing page from alternate pages, content is part into various segments utilizing strips. Here, the menu things connect to every one of these segments rather than discrete pages. While making a site, increasingly website Designers are following this one-page trend. Why? Since it's basic, clean and offers a significant amazing plan. In this guide, we'll disclose why and how to make a one-page site for your business: The essential elements of a one-page website When your website only spans a single page, you need to be very deliberate about what you include. It’s important to provide all the information your audience will need, without cluttering the page or overwhelming them. Everything you add to your page should be there for a reason. Her...
Read more

HTML Cheat Sheet

-
Image
You want to learn HTML, Right? How many times have you  Googled :  “how to add forms in HTML” or “what is HTML” Having an appropriate cheat sheet will make your life a tone of easier. I've drilled down all the  standard HTML tags as well as the new HTMML5 tags in th given Cheat Sheet. Enjoy! Basic HTML Structure <html>   <head>   <title>website title</title>   </head>   <body>   content of website ...   </body> </html> Common Tags for Blogs Text Formatting  <h?> heading </h?> Heading (h1 for largest to h6 for smallest) <p> paragraph </p> Paragraph of Text <b> bold </b> Make text between tags  bold <i> italic </i> Make text between tags  italic <a href=" url "> link name </a> ...
Read more

The art of salary negotiation

-
Image
Salary negotiations are the trickiest part of the deal when you’re heading into the dream job, or trying to be properly paid for the job you have. Your interview went well, and work offer has come in. Exciting right? Yes, except if the offer is lower than you were seeking for. You'll definitely have some blended feelings: from one perspective, you’re happy and relieved that your job search is finished, on the other, you're endeavoring to make sense of exactly how you can manage in the low salary   (Actually : you can't). So what do you do? Make it a goal this year to earn the salary you deserve. Instead of fearing salary negotiation, You can and should negotiate for a better starting salary, and here’s how. Do Your Research even before you have a meeting, you should to inquire about the organization and the sort of employment you've been offer. Get a better understanding of typical responsibilities and tasks, as well as an appropri...
Read more