fbpx

What is HTML?

HTML stands for HyperText Markup Language. HyperText Markup Language is a language used to create web documents (webpages). It includes text, images, audio, video, formatting, and hyperlinks to web documents.

It’s a file format that instructs a device about how to view a web page.

However, the language is used since graphical programming programs are written in JavaScript are used in client-side programs. Because of the output process, server-side languages like PHP and Java collect data from web content and use HTML.

In other words, HTML language isn’t a programing language, it’s a markup language.

What is CSS?

CSS stands for Cascading Style Sheets

Cascading: If you have more than one style rule, cascading is the process that decides which style can apply to a particular segment.

Style: refers to how you want a particular section of your page to appear. Color, borders, font, and other formatting options are available for tables, paragraphs, and headings.

Sheets: Sheets serve as models or guidelines for deciding how the webpage will appear.

Building Your First Web Page

Before we start our journey about the way to build websites with HTML and CSS, it’s important to understand the difference between the two languages.

HyperText Markup Language provides content structure and meaning by defining that content as, as an example, headings, paragraphs, or images.

Mainly, CSS is a presentation language created to style the looks of content-using, for instance, fonts or colors.

In other words, HTML will always represent the website content, and CSS will always represent the looks of that content.

Where we can create an HTML Document?

We can create HTML documents by using any text editor.

Some most ordinarily used text editor is

  1. Notepad (Windows)
  2. WordPad (Windows)
  3. SimpleText (Macintosh)

Structure of HTML

An HTML document has two main parts:

Head : The head element contains the title and metadata of an online document.

Body : The body element contains the data that you simply want to display on an online page.

Example of HTML Document

<!doctypehtml>
<html>

<head><title>My First HTML Page</title></head>

<body>

<h1>Hello World</h1>

</body>

</html>

Basic HTML Tags

<html>- Denote an HTML document

<body> – Denote an document’s body

<h1> to <h6> header 1 to header 6 (<h1> defines the largest heading while <h6> defines the smallest.

<p>  Denote a Paragraph

<br> Inserts a single line break

<hr> Horizontal rule

<!–> Comment

Table Tags

<table> Describes a table

<th> table header

<tr> table row

<td> table column

<caption> table caption

<colgroup> Groups of table columns

How to create Forms in HTML

<!doctypehtml>
<html>

<head><title>Create Your First Form In HTML</title></head>
<body>

<h3> Registration Form </h3>

<form>

First Name : <input type = “text”>
Last Name : <input type = “text”> <br>
Password : <input type = “Password”> <br>
Phone No : <input type = “text”> <br>

Select Gender : <input type =”radio”name=”gender”>Male
<input type =”radio”name=”gender”>Female

<br><button type = Submit “value”> Submit Form </button>

</body>

</form>

HTML Links

A hyperlink is defined as the (an address) to a resource on the web

HTML links are defined with the <a> tag

Example:

<a href=”URL”>Link text</a>

HTML Images

HTML images are described with the <img> tag.

To display a picture on a page, you would like to need the src attribute. Src simply defined as “source”.

Example

<img src =”mention the URL” width =”104″ height=”142″>

Note: Don’t Forget the End tag.

Read Also

 

0 Comments

Leave a reply

Your email address will not be published. Required fields are marked *

*

©2021 AllHeartWeb.com

Log in with your credentials

Forgot your details?