Sunday, July 24, 2022

html meta tag

META Description

Meta elements are tags used in HTML and XHTML documents to provide structured metadata about a Web page. They are part of a web page's head section. Multiple Meta elements with different attributes can be used on the same page.

The <meta> tag defines metadata about an HTML document. Metadata is data (information) about data. The <meta> tag also supports the Global Attributes in HTML.

The head of an HTML document is the part that is not displayed in the web browser when the page is loaded. It contains information such as the page <title>, links to CSS (if you choose to style your HTML content with CSS), links to custom favicons, and other metadata (data about the HTML, such as the author, and important keywords that describe the document). Web browsers use information contained in the head to render the HTML document correctly.

Search engines such as Google use metadata from meta tags to understand additional information about the webpage. They can use this information for ranking purposes, to display snippets in search results, and sometimes they can ignore meta tags. Example of meta tags include the <title> and <description> elements.

Syntax

<head>

</head>

Meta html details information

Attributes of the META Element

1) Charset

Value - character_set

Description :-

<title>Specifying Metadata-</title>

Specifies the character encoding for the HTML document. tells the browser to use the utf-8 character encoding when translating machine code into human-readable text and vice versa to be displayed in the browser.

The purpose of the charset parameter is to specify the encoding of the external script in cases where the encoding is not specified at the HTTP protocol level. It is not meant to override encoding information in HTTP headers.

UTF-8 (UCS Transformation Format 8) is the World Wide Web's most common character encoding. Each character is represented by one to four bytes. UTF-8 is backward-compatible with ASCII and can represent any standard Unicode character.

2) Contents

Value - some_text

Description:-

The property is used to insert generated content in a web page and it is fully supported in all major browsers.

Text Specifies the value associated with the http-equiv or name attribute. The HTML content Attribute is used to given the values that are related to the http-equiv or name attribute. The content attribute can associated with the <meta> element. Content elements are individual design and user experience (UX) components that tie messaging and brand experiences together. As a standalone piece, a content element does not convey the brand message or vision. When content elements work seamlessly into the messaging, they help bring the content vision to life.

3) http-equiv

Value :- content-security-policy content-type default-style refresh

Description:-

The http-equiv attribute provides an HTTP header for the information/value of the content attribute. The http-equiv attribute can be used to simulate an HTTP response header. http-equiv = "content-type" Indicates that the meta element is in the encoding declaration state and represents a character encoding declaration. content = meta-charset string. A specially formatted string providing a character encoding name.

4) name

Value :- author.description, keywords generator.revised, others

Description :-

The name attribute specifies the name of an <input> element. The name attribute is used to reference elements in a JavaScript, or to reference form data after a form is submitted.

The name attribute specifies a name for an HTML element. This name attribute can be used to reference the element in a JavaScript. For a <form> element, the name attribute is used as a reference when the data is submitted. For an <iframe> element, the name attribute can be used to target a form submission.

The attribute identifier, also called attribute name, is a string that identifies an attribute. An attribute value is the content of the attribute and its type is not restricted to that of string. You use an attribute name when you want to specify a particular attribute for either retrieval, searches, or modification.

Related post

radio button html
html form
list tag
unordered list

Sunday, July 17, 2022

html link tag

Attribute of the LINK Element

The link element allows authors to link their document to other resources. The destination of the link(s) is given by the href attribute, which must be present and must contain a valid non-empty URL potentially surrounded by spaces. A link element must have rel attribute

1] Href

Value :- URL

Syntax :-

Description :-

Specified the target URL you navigate to after clicking a link.

The href attribute link short for “Hypertext REFerence” indicates the relationship between pages to search engines. href is an attribute of the anchor tag and contains two components: The URL (the actual link) and. The clickable text or object that users will see on the page known as the “anchor text”

Href attribute information

2] Hreflang

Value:- Language_code

Description :-

Defines the base language of the target URL

Hreflang is an HTML attribute used to specify the language and geographical targeting of a webpage. If you have multiple versions of the same page in different languages, you can use the hreflang tag to tell search engines like Google about these variations. Introduced by Google in December 2011, the hreflang attribute allows you to show search engines what the relationship is between web pages in alternate languages. It's useful when you've created content that's specific to a local audience.

hreflang tags are important to: Reach potential customers in different countries. Serve the correct content to visitors based on their region and preferred language. Build a strong international search engine optimization (SEO) strategy for your website.

hreflang attribute information

3] Media

Value :- Screen, try, projection, handheld, print

Syntax:-

Description :-

Specified the device on which the HTML document is displayed

The media attribute specifies what media or device the linked document is optimized for. This attribute is used to specify that the target URL is designed for special devices (like iPhone), speech or print media.

Elements Attribute

<a> media

<area> media

<link> media

<source> media

The media attribute specifies the media or device type the linked page or resource is optimized for.

This attribute can specify pages or resources that are designed for mobile devices, print media, and others.

media accepts multiple media or device type values combined with logical conditions (and, or, not).

Media Link attribute information

Media Link information

4] Rel

Value :- Alternate, archives, author, first help, icon, index, last, license, next, pingback, prefetch, search, stylesheet, sidebar, tag,up

Syntax :- <link rel="value">

Description :-

Specifies the relationship between the html document and target URL or another HTML document. A rel was a Dalek unit of measurement, principally of time.

rel is short for relation. It specifies the relation between the tag and href . href stands for hypertext reference. It's the source of the file used by the tag. You can use both not only when connecting an external css file, also for using <a> tags,for a regular hyperlink. The rel attribute defines the relationship between a linked resource and the current document. Valid on <link> , <a> , <area> , and <form> , the supported values depend on the element on which the attribute is found.

Rel attributes are little bits of html text that detail the relationship between the page a link is on and the page or document it is pointing to. Rel attributes can be used for links and also other elements of html like site navigation or forms.

Rel Link attribute information

5] Sizes

Value :- Any number

Syntax :- <input size = "value">

Description :-

Description the size of the linked html document.

The size attribute defines the width of the <input> and the height of the <select> element. For the input , if the type attribute is text or password then it's the number of characters. This must be an integer value 0 or higher.HeightxWidth It is used to specify the one or more sizes of a linked icon. The value of the height and the width are separated by an “Y” or “Y”.

The HTML link sizes Attribute is used to specify the sizes of the icon for visual media and it only works when rel=”icon”. It is a read-only Property.

Sizes link attribute information

7] Type

Value:- The mime_type : text/JavaScript,text/css

Syntax:- <link Type="value">

Description:-

Specifies the multipurpose Internet Mail Extension (MIME) type of the target URL the MIME type decide which type of language rules are to followed HTML, page , such as JavaScript or css use.

The HTML type Attribute is used to specify the type of button for <button> elements. It is also used in the <input> element to specify the type of input to display. For embed elements like link, object, script, source, and style used to specify the Internet Media
The HTML type Attribute is used to specify the type of button for <button> element.

visit link

👇👇👇👍👌

css column gap property

horizontal navigation bar

advantage-and-disadvantage-internet

how to create table tag in html

HTML Ordered List

html/css customer login form

paragraph-tag in html

Saturday, July 9, 2022

html head Tag

Head section

The head section is the container of a set of elements that provide metadata for the document. This metadata can specify the title (title element), character set, author, description or keywords of the web page (meta element), a style sheet or relational information (link element) or embedded style declarations (style element), among others. The presence of the title element is mandatory inside the head section of an HTML document. Most metadata are not displayed in the browser (although the title usually appears in the browser's title bar) but it can be useful for the functionality of the page.

Syntax:

The <head> tag is written as <head></head> with the metadata content enclosed between the start and end tags. The <head> tag is placed between the opening and closing <html> tags. Most HTML pages must have a <title> tag within the <head> tag.

<!doctype html>

<html>

<head>

</head>

<body>

Page body...

</body>

</html>

Within the HEAD element, only certain elements are allowed. Information in the HEAD element may include the following elements (arranged alphabetically):

1. Base Element

The <base> element specifies the base URL and/or target for all relative URLs in a page. It is used either a href or a target attribute present, or both.

Syntax

<base> is written as <base href="" target="">. It is used either a href attribute or

Example

Specify a default URL and a default target for all links on a page:

<html>

<head>

</head>

<body>

<h1>The base element</h1>

<P>the head section</p>

<p>Notice that we have only specified a relative address.Since we have specified a base URL in head section</p>

</body>

</html>

2. ISINDEX

The ISINDEX element informs the HTML user agent that the document is an index document. As well as reading it, the reader may use a keyword search. The document can be queried with a keyword search by adding a question mark to the end of the document address, followed by a list of keywords separated by plus signs.The URL used for processing queries can be overridden with the HREF attribute. You can also use the PROMPT attribute to change the default prompt supplied by the browser, e.g.

<ISINDEX HREF="Personal.db" PROMPT="Enter Surname : ">

3. LINK

The LINK element indicates a relationship between the current document and an external LINK The LINK element indicates a relationship between the current document and an external resource. The <link> tag is most often used to link to external style sheets:

LINK element is empty (does not have a closing tag), but takes the same attributes as the anchor element.

<head>

<title> Linking stylesheet</title>

</head>

The syntax is <link rel=" " href=" ">. The rel attribute specifies the relationship between the document containing the hyperlink and the destination resources. The href attributes specifies the address of the hyperlink.

visit link

mean html tag

dynamic website

advantage-and-disadvantage-internet

how to create table tag in html

advantage-and-disadvantage

HTML Ordered List

HTML insert a background

html anchor tag

html/css customer login form

paragraph-tag in html

Monday, July 4, 2022

HTML Tag

Html basic tag:-

<!DOCTYPE html>

The first line of code <!DOCTYPE html> is called a doctype declaration and tells the browser which version of HTML the page is written in. In this case, we're using the doctype that corresponds to HTML5, the most up-to-date version of the HTML language. There are a number of different doctype declarations that correspond to various versions of HTML.

The DOCTYPE declaration is an instruction to the web browser about what version of HTML the page is written in. This ensures that the web page is parsed the same way by different web browser.

<HTML>:-

The <html> tag tells the browser that this is an HTML document. The <html> tag represents the root of an HTML document. The <html> tag is the container for all other HTML elements (except for the <!DOCTYPE> tag). The HyperText Markup Language or HTML is the standard markup language for documents designed to be displayed in a web browser.HTML is a computer language that makes up most web pages and online applications. A hypertext is a text that is used to reference other pieces of text, while a markup language is a series of markings that tells web servers the style and structure of a document.
An HTML element is a type of HTML document component, one of several types of HTML nodes. HTML document is composed of a tree of simple HTML nodes, such as text nodes, and HTML elements, which add semantics and formatting to parts of document. Each element can have HTML attributes specified.

HTML information

<HEAD>:-

The<head> tag is another tag used in the HTML document used at the initial and primary level to put a heading to be displayed in the browser window. We put the information between the opening and closing of this tag which gives the information about the page.The <title> element is required and it defines the title of the document. The <style> element is used to define style information for a single document.

The <head> element is a container for metadata (data about data) and is placed between the <html> tag and the <body> tag. Metadata is data about the HTML document. Metadata is not displayed. Metadata typically define the document title, character set, styles, scripts, and other meta information. The H1 , H2 , H3 , H4 , H5 , H6 elements. A heading element briefly describes the topic of the section it introduces.

Heading extra information

<TITLE>:-

<Title> </title>

Title tag is a primary lever or entry level html. tag which is use to assign information as t the title bar to be displayed at the title bar of a web browser. The title tag defines the title of the document. The title must be text-only and is shown in the browser title. bar or in the page's tab.

The contents of a page title is very important for search engine optimization (SEO)! The page title is used by search engine algorithms to decide the order when listing pages in search results.

Title extra information

<BODY>:-

<Body>. </Body>

The text between <body>......</body> tag describes the visible page content. This is another HTML tag which is considered the main part of the HTML document which contains the entire information related to a web page tried to be shown in the web page by web designer. As you ended every tag you used in the HTML document earlier above, in the same way you will be putting the closing tag .

The <body> tag defines the document's body. The <body> element contains all the contents of an HTML document, such as headings, paragraphs, images, hyperlinks, tables, lists, etc.

Body information

What is an Element:-

An element is a part of a webpage. In XML and HTML an element may contain a data item or.a text and images A type element includes an opening tag with some attributes enclosed text content and closing tag.

<p class="nice">Hello world!</p>

Opening tag :- <p class="nice">
Closing tag. :- </p>
Enclosed text content :- Hello world
An attribute and its value :- < p class=" nice"

Element and tags are not the same things. Tags being or end an element model for displaying the Page in the browser.An HTML element is a component of an HTML document that tells a web browser how to structure and interpret a part of the HTML document. HTML elements can contain formatting instructions, semantic meaning, and content.

HTML tag categorised

1 container tag:-

Container Tag: It have the start tag and the end tag both in a pair. It consist of opening tag+content+Closing tag.

<html> opening tag

</html> Closing tag

The forward slash(/) on the closing tag. This tells the browser that the tag has ended.

2. Empty Tag:-

It have the start tag only. It consist of no content so it is called empty tag <br> is an empty element without a closing tag (the <br> tag defines a line break).

html user the empty tag that browser to display the content. tags are nothing but some instruction

that are enclosed in angle braces(< >).tag

Extra information

Visit link

👇👌👍👇👇👌

responsive web designin

advantage-and-disadvantage-internet

how to create table tag in html

advantage-and-disadvantage

paragraph-tag in html

HTML Ordered List

HTML insert a background

html anchor tag

html/css customer login form

Sunday, July 3, 2022

Introduction of HTML

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 tag and Extra information
HTML basic course
HTML reference book

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:-

<!DOCTYPE HTML>

<HTML>

<TITLE> TITLE TEXT </TITLE>

<HEAD>

<BODY>

</HEAD>

</BODY>

</HTML>

visit this link

👇👇👌👍👌

head section 1 tag

dynamic website

static website

advantage-and-disadvantage-internet

how to create table tag in html
advantage-and-disadvantage
HTML Ordered List
HTML insert a background
html anchor tag
html/css customer login form

paragraph-tag in html

Saturday, July 2, 2022

Dynamic website in web Designing

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

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

HTML Ordered List

HTML insert a background

html anchor tag

html/css customer login form

Friday, July 1, 2022

Static Website html tag web designing

Static Website

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 information:-

Advantages and disadvantages of static web site:-

Advantages of static websites

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

disadvantages of static web site:-

Non-interactive web pages
Updates must be made directly within the HTML code.
Cannot perform the complex functionality required in many modern sites.
Making updates to static websites can be challenging and time-consuming, especially if they’re large.
Once you’ve built the basic structure, it can be hard to scale a website to add new content.
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