Technical Information

Lesson No:- 1 of HTML

2019-03-06T16:50:00.000+05:30

Chapter 1: DOCTYPE

DOCTYPE is the short form of 'document type' it is the first thing used in the html document before the <html> tag. <!DOCTYPE> it declares the browser that which type of the version of Html the page is written in. This topic explains the structure and declaration of various doctypes in HTML.

related post to this:- Introduction to Html

2.1: Adding Doctype:-

The <!DOCTYPE> declaration should always be included at the top of the Html document that before <html> tag.

A must consist of the following components, in this order:

1. A string that is in ASC II case-insensitive match for the string "!DOCTYPE".

therefore the following DOCTYPES are also valid:

2.2: Browser Support:-

HTML 5

<!DOCTYPE html>

HTML 4.01 Strict

This DTD contains all HTML elements and attributes, but does NOT INCLUDE presentational or deprecated elements (like font). Framesets are not allowed.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

HTML 4.01 Transitional

This DTD contains all HTML elements and attributes, INCLUDING presentational and deprecated elements (like font). Framesets are not allowed.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

HTML 4.01 Frameset

This DTD is equal to HTML 4.01 Transitional, but allows the use of frameset content.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

XHTML 1.0 Strict

This DTD contains all HTML elements and attributes, but does NOT INCLUDE presentational or deprecated elements (like font). Framesets are not allowed. The markup must also be written as well-formed XML.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

XHTML 1.0 Transitional

This DTD contains all HTML elements and attributes, INCLUDING presentational and deprecated elements (like font). Framesets are not allowed. The markup must also be written as well-formed XML.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

XHTML 1.0 Frameset

This DTD is equal to XHTML 1.0 Transitional, but allows the use of frameset content.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">

XHTML 1.1

This DTD is equal to XHTML 1.0 Strict, but allows you to add modules (for example to provide Ruby support for East-Asian languages).

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Facebook sues China based companies?

2019-03-03T15:41:00.000+05:30

Facebook Inc and its Instagram unit sued four companies and three people based in China for promoting the sale of fake accounts.

Facebook is seeking a court order permanently barring the Chinese companies’ alleged conduct and monetary damages. (Image: Bloomberg)

Facebook Inc and its Instagram unit sued four companies and three people based in China for promoting the sale of fake accounts, likes and followers that the social network giant says can be used for nefarious purposes.
The Chinese companies advertised and created the fake accounts over the last two years and marketed them for sale on six websites, selling them in bulk quantities, according to a complaint filed Friday in San Francisco federal court.

“Fake and inauthentic accounts can be used for spam and phishing campaigns, misinformation campaigns, marketing scams, advertising fraud, and other fraud schemes which are profitable at scale,” Facebook and Instagram alleged. They said fake accounts were also created on Amazon, Apple, Google, LinkedIn and Twitter.

Facebook has came under intense scrutiny over the use of private data and the impact of harmful content on its 2.7 billion monthly users, with governments around the world questioning the company’s policies. Friday’s lawsuit, which alleges multiple violations of US trademark law, is one way the company is fighting back against commercial exploitation of its social networks.

Using artificial intelligence to detect fake accounts, Facebook and Instagram disabled 2.1 billion inauthentic accounts from January 2018 through September, “often within minutes of the accounts’ creation,” according to the complaint.

The companies named as defendants — 9 Xiu Shenzhen, 9 Xiu Feishu, 9 Xiufei and Home Network — are based in Longyan and Shenzhen. They are affiliated manufacturers of electronics and hardware, as well as providers of software and online advertising services, according to the complaint.

Facebook is seeking a court order permanently barring the Chinese companies’ alleged conduct and monetary damages.
By The Tech Information.

Chrome Canary Now Allows Web pages to Render in Dark Mode

2019-02-28T21:51:00.001+05:30

Google has been working on a system-wide dark mode in Android Q, and that includes
the Chrome browser as well. Though we had reported earlier that Google has been
testing dark mode on the browser, it now seems that the mode is not just limited to the
browser interface, but also the pages it renders. Does it really work? Well, you can try
it out for yourself by downloading Chrome Canary from the Google Play store on your
Android smartphone.

As originally pointed out by 9 to 5 Google, Chrome Canary (v 74.0.3718.3) now has
a new. feature flag - #enable-android-web-contents-dark-mode - that can activate a
force dark mode option for all rendered web pages. this largely seems to affect only
light backgrounds and not the menus and other major design elements on web pages.

When we tried this, we noticed that forcing dark mode affected certain design elements
like the colors on the Gadgets 360 logo. That said, we found the rendering quite usable
in the limited time we spent on the browser.

You can download Chrome Canary and try it out for yourself by heading to chrome
://flags to enable this setting. It's obviously still in testing phases (considering it's
only on Chrome Canary), and results may vary depending on the site you visit with
this setting on. Note of course that the Canary build is unstable, thus it is not
recommended to use it as your primary browser.

We had earlier reported that the Google Chrome Canary 70 release for Mac was
found to work in line with the system-wide dark mode of mac OS Mojave. A Google
Chrome engineer had also confirmed that a dark mode feature is coming to the
Windows version of the browser as well.

This new release however falls in line with one of Android Q's big new feature,
which happens to be a system-wide dark mode. Other manufacturers have
seemed to jump the gun though and have implemented the feature themselves,
as can be seen in Samsung's One UI and MI-UI 10.

For details of the latest Nokia, Xiaomi, Sony, and other mobile launches from
the Mobile World Congress in Barcelona, visit our MWC 2019 hub.

INTRODUCTION TO HTML

2019-02-25T22:28:00.001+05:30

INTRODUCTION TO HTML

ABOUT

Hypertext Markup Language:-

Hypertext Markup Language (HTML) is the standard markup language for creating web pages and web applications. With Cascading Style Sheets (CSS) and JavaScript, it forms a triad of cornerstone technologies for the World Wide Web.

Web browsers receive HTML documents from a web server or from local storage and render the documents into multimedia web pages. HTML describes the structure of a web page semantically and originally included cues for the appearance of the document.

HTML elements are the building blocks of pages. With hyper text markup language constructs, images and other objects such as interactive forms may be embedded into the rendered page. HTML provides a means to create structured documents by denoting structural semantics for text such as headings, paragraphs, lists, links, quotes and other items. Hyper text markup language elements are delineated by tags, written using angle brackets. Tags such as <img /> and <input /> directly introduce content into the page. Other tags such as <p> surround and provide information about document text and may include other tags as sub-elements. Browsers do not display the HTML tags, but use them to interpret the content of the page.

Hyper Text Markup Language can embed programs written in a scripting language such as element, which affects the behavior and content of web pages. Inclusion of CSS defines the look and layout of content. The World Wide Web Consortium (W3C), maintainer of both the HTML and the CSS standards, has encouraged the use of CSS over explicit presentational HTML since 1997.

INTRODUCTION TO HTML

Welcome to HTML Introduction. This workshop leads you through the basics of Hyper Text Markup Language (HTML). HTML is the building block for web pages. You will learn to use HTML to author an HTML page to display in a web browser.

Prerequisites:-

You will need a text editor, such as Notepad and an Internet Browser, such as Internet Explorer, Mozilla Firefox or Google Chrome and etc.

Q: What is Notepad and where do I get it?

A: Notepad is default windows text editor. On most Window Systems, Click your Start button and choose Programs then Accessories. It should be a little blue notebook.

Mac User: Simple Text is the default text editor on the Mac. In OS X use Text Edit and change the following preferences: Select (in the preferences window) Plain text instead of Rich text and then select Ignore rich text commands in HTML files. This is very important because if you don't do this HTML codes probably won't work.

One thing you should avoid using a word processor (Microsoft Word) for authoring your HTML documents.

Creating a Simple Page:-

The following HTML example creates a simple "HELLO WORLD" web page.

HTML files can be created using any text editor. The file must be saved with a .html of .htm extension in order to recognized as HTML files.

First write the following code in your text editor then save it with .html or .htm extension and open it in your web browser.

<head>

<title>Hello!</title>

</head>

<body>

<h1>Hello World!</h1>

<p>This is a simple paragraph.</p>

</body>

</html>

This will show the result as given in the below fig:-

Simple Page Break-Down:-

These are the tags used in the above example:

<html>:- Opens the page. No markup should come after the closing tag (</html>). The lang attribute the primary language of the page using in the IOS languages codes (en for English).

<head>:- Opens the head section. which does not appear in the main browser window but mainly contains information about HTML document, called metadata. It can also contain imports from external stylesheets and scripts. The closing tag is </head>.

<title>:- The title of the page. Text written between this opening and the closing tag (</title>) will be displayed on the tab of the page or in the title bar of the browser.

<body>:- Opens the part of the document displayed to the user, i.e. all visible or audible content of a page. No content should be added after closing tag </body>.

<h1>:- A level 1 heading for the page. See headings for more information.

<h2>:- Represents a common paragraph of text.

Next Chapter of this topic:- Lesson no.1 Doctype