Sunday, July 3, 2022

Introduction of HTML

 Introduction of HTML


HTML LOGO



HTML :-



Introduction to HTML

HTML IS Hypertext Markup Language.

HTML is the Standard markup language for creating web pages.

HTML code is used to structure of a web page.

HTML For creating and structuring content on the world wide web .

HTML element content such as Heading, Paragraph, Link , Images, and Underline tag, Table, Form etc..

HTML is the standard markup markup language use to web pages. HTML describes the structure of web page.HTML consist of keyword/html Tag enclosed in angle brackets and most tag in pairs forming and opening tag, content, and closing tag. html opening tag Example :- <h1> and html closing tag s convey the forward-slash example :-</h1>

HTML stands for Hyper Text Markup Language. HTML is the standard markup language for documents designed to be displayed in a web browser. It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript. HTML. (HyperText Markup Language)HTML is the most widely used language on Web to develop web pages. In Late 1991 Berners-Lee created HTML but "HTML 2.0(1995)" was the first standard HTML. 

A markup language is a programming language that is used make text more interactive and dynamic. HTML documents are ASCII text files that can be edited using simple editors.Hyper Text simply means "Text within Text". A text has a link within it, is a hypertext. Every time when you click on a word which brings you to a new webpage, you have clicked on a hypertext. Web browsers can read HTML files and render them into visible or audible web pages. Browsers do not display the HTML tags and scripts, but use them to interpret the content of the page. HTML is the language for describing the structure of Web pages. HTML gives authors the means to: Publish online documents with headings, text, tables, lists, photos, etc. Retrieve online information via hypertext links, at the click of a button.

HTML is the language for describing the structure of web pages. HTML given authors the means to publish online documents with heading, text table, lists , photos, video etc. Retrieve online information via hypertext links, click of a button. HTML uses "markup" to annotate text, images, and other content for display in a Web browser.

  HTML markup includes special "elements" tag  such as <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>, <embed>, <nav>, <output>, <progress>, <video>, <ul>, <ol>, <li> and many others tag.

visit link


HTML Versions :-

HTML versions


 HTML 1991:-

1991 Tim Berner-Lee publicly posted the HTML in a document HTML Tags. The first version of HTML had 18 elements which were mostly influenced by SGML (Standard Generalized Markup Language) except for the hyperlink. 11 of those 18 elements exist in HTML4.

The basic characteristics for each element were defined in the browsers and these characteristics can be modified and enhanced using CSS.

1991 - Tim Berners-Lee created HTML 1.0

1993 year

HTML 1.0 was first released in 1993 for developers.

back then not many developers were creating websites so it was evolving slowly during those time.

This version only had basic tags like text, even tables and fonts were not available in this version.


HTML  Nov 24, 1995 :-

This year HTML 2.0 was published. All the features of HTML 1.0 were inherited in HTML 2.0 plus new features were added. Until the release of HTML 3.0, it remains the standard markup language for creating websites


HTML  Jan 14, 1997:-

HTML 3.2 was published in 1997 as W3C Recommendation

It was the first version of HTML which was developed by W3C

In this version, there was good support for form elements

One most important thing that was added in this version was the support of CSS


HTML   1999 year:-

HTML 4.01 was published as W3C Recommendation on Dec 14, 1999

This version was the most successful of all previous HTML released versions

In this version features like multimedia, scripting, better printing features and more were added.

After the release of HTML 4.01, no newer version of HTML was released for many years because W3C's HTML working group were busy building the language XHTML.


HTML 2014 year:-

HTML5 (the latest version of HTML) was released on Oct 28, 2014 as W3C Recommendation.

It was an extended version of HTML 4.01 published in 2012.

Many new tags were added in this version like <header>, <footer>, <main>, <video>, etc

HTML5 support mathML and SVG in text.

Html history


Structure of HTML:-


HTML structure img


<!DOCTYPE HTML> 

<HTML>

<TITLE> TITLE TEXT </TITLE>

<HEAD>

<BODY>

</HEAD>

</BODY>

</HTML>


visit this link

👇👇👌👍👌


Saturday, July 2, 2022

Dynamic website in web Designing

    Dynamic website


Dynamic website


Dynamic website:-

Dynamic website is a group of web pages whose content changes dynamically. Dynamic website access data from database. Therefore, when you alter or update the content of the database, the content of the website is also altered or updated. Dynamic website uses client-side scripting or server-side scripting or both to generate dynamic content. These sites also include HTML programming for the basic structure A dynamic website or dynamic web page contains information that changes, depending on the viewer, the time of the day, the time zone, the viewer's native language, and other factors. For example, the Computer Hope home page is a dynamic web page that automatically changes daily to give visitors new content. 

 client-side HTML scripting, the page can use JavaScript or another scripting language to change the data of the page as it's dynamically built.With server-side scripting, scripts are run on the server that hosts the page. The process for how the page is built is determined by parameters defined in the server-side scripting Once created, the user(s) can create pages using an online editor and post them online using the CMS. In contrast, a static website would require that the user create the page in an HTML editor.

A static HTML page always loads faster than a dynamic page generated server-side because it does not require an external resource. Server-side dynamic sites require at least one request be made to a database or other file that increases the load time.

For example- YouTube, Google, Facebook and Twitter ,hopee, and Lazada ,WordPress.

visit link

Dynamic website information

 Dynamic website example


Dynamic website


Advantages and disadvantages of Dynamic web site :


Advantages:- 

1] It is much easier to add new content without accessing coding. 

2] Dynamic website has interactive web pages. 

3] Able to use it in more complex scenarios such as an online store, forum, social media platform,

4] Dynamic website can make the most out of your online presence. Here are some benefits that you can actually derive from getting your brand dynamically developed and coded.

5] Much Easier to Update There’s no doubt a dynamic website allows site managers to update files and content more easily across many pages. This is because each of the web pages has been developed separately.

6] Take changing your site’s navigation for instance. You can change such in one place. The file that holds navigation information. It will automatically update on all pages, Once changes were made

7] Dynamically developed websites allow you to back up your content more efficiently Also, content or files can be easily stored in a database.


Disadvantages:-

1] If you will build a dynamic website, quality is one of the benchmarks for success you set to achieve and faster launch date. Plus, it’s inherently expensive to develop a dynamic site, which is another defining difference between static and dynamic websites.

2] Functions like building the site foundation, creating database connections, and adding other features can make a dynamic website more expensive than a static website.

3] There can be design and layout limitations when it comes to displaying content on your dynamic website.

4] Developing a static website, on the other hand, can give you more savings out of your investment in the project. However, considering future updates and revisions. you’ll get the price you paid for building a static website upfront saving


visit this link to your extra information


   

create easy webpage

program html and css

CSS introduction

html patterns attribute

advantage-and-disadvantage-internet

how to create table tag in html

paragraph-tag in html



Friday, July 1, 2022

Static Website html tag web designing

 Static Website 


Static website img


Static website:-


Static website refers to a collection of webpages whose content is fixed and is the same for every user. Fixed content means no use of database in the website. Static web pages are often HTML documents stored as files in the file system and made available by the web server over HTTP. Static websites do not require any Web programming or database design. Additionally, making updates to static websites means going directly into the HTML and making the changes from there.

A static web page (sometimes called a flat page or a stationary page) is a web page that is delivered to the user's web browser exactly as stored, in contrast to dynamic web pages which are generated by a web application.A static site is the most basic kind of website, and the easiest to create. It requires no server-side (also called back-end) processing, only client-side. Client-side technologies are HTML, CSS, and JavaScript.Static web pages are made of “fixed code,” and unless the site developer makes changes, nothing will change on the page. Think of it like a information for a business. Static sites give a lot of the same type of information that you could get from a brochure, but it can’t just change itself. In order to do this, someone has to create a new page. That’s why static websites.

Static websites are faster to create and publish, since they are less complex and don't need to be connected to databases of organized content. All that limits the time to go live with a static site is how creative you want to be with each page design.




Static website Generat



Advantages and disadvantages of static web site:-



Advantages of static websites

  1. Less complex to develop web page.
  2. Usually faster in loading on browser.
  3. Static website are cheaper in price for the development.
  4. Static websites tend to be more secure.
  5. It’s easier for search engines to rank static websites because they usually load faster.
  6. Building static websites doesn’t require complex software.
  7. Static websites cost less to build.
  8. You can change the layout and design of every page on a static website.


disadvantages of static web site:-

  1.  Non-interactive web pages
  2.  Updates must be made directly within the HTML code. 
  3. Cannot perform the complex functionality required in many modern sites.
  4. Making updates to static websites can be challenging and time-consuming, especially if they’re large.
  5. Once you’ve built the basic structure, it can be hard to scale a website to add new content.
  6. Because of the effort needed to update static websites, yours may end up with stagnant content that makes your company or brand feel outdated.


                       
        visit this link