Knowledge in html example

Why HTML is known as front-end language?

HTMLHypertext Markup Language 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 and scripting languages such as JavaScriptIt is the most basic building block of the Web. It defines the meaning and structure of web content.It is just one part or a piece of a web development. (You can say it as a one item in a recipe to prepare a big stuff like website!)How does it work?HTML consists of a series of short codes typed into a text-file by the site author — these are the tags. The text is then saved as a html file, and viewed through a browser, like Internet Explorer or Netscape Navigator. This browser reads the file and translates the text into a visible form, hopefully rendering the page as the author had intended. Writing your own HTML entails using tags correctly to create your vision. You can use anything from a rudimentary text-editor to a powerful graphical editor to create HTML pages. Simple example of HTML<!DOCTYPE>  <html>  <head>  <title>Web page title</title>  </head>  <body>  <h1>Write Your First Heading</h1>  <p>Write Your First Paragraph.</p>  </body>  </html> HTML VersionsSince the time HTML was invented there are lots of HTML versions in market, the brief introduction about the HTML version is given below:HTML 1.0: The first version of HTML was 1.0, which was the barebones version of HTML language, and it was released in1991.HTML 2.0: This was the next version which was released in 1995, and it was standard language version for website design. HTML 2.0 was able to support extra features such as form-based file upload, form elements such as text box, option button, etc.

HTML color coding system - color names.

HTML color coding is done through color name, RGB value, Hexadecimal value.

Some basic knowledge about HTML

This file contains all about basics knowledge of HTML which is very important for programmers who are beginners.

HTML5

This is a pdf of HTML5 basic tags. This tags use to comman in any webpages.So you are learn and create to simple statics web pages.html is not a programming language but it is most of use in web pages, simple example any Google pages inspect so you saw the html tags and all pages to create on hatml basics.So if you are interested in computer subject so learn more and more language.

HTML Paragraphs

HTML Paragraphs The HTML element defines a paragraph: Example This is a paragraph. This is another paragraph. » Note: Browsers automatically add some white space (a margin) before and after a paragraph. ________________________________________ HTML Display You cannot be sure how HTML will be displayed. Large or small screens, and resized windows will create different results. With HTML, you cannot change the output by adding extra spaces or extra lines in your HTML code. The browser will remove any extra spaces and extra lines when the page is displayed: Example This paragraph contains a lot of lines in the source code, but the browser ignores it. This paragraph contains a lot of spaces in the source code, but the browser ignores it. »

HTML Background Images

Background Images A background image can be specified on almost any HTML element. To add a background image in HTML, use the CSS property background-image. ________________________________________ Background Image on a HTML element To add a background image on an HTML element, you can use the style attribute: Example Add a background image on a HTML element: Try it Yourself » You can also specify the background image in the element: Example Specify the background image in the style element: div { background-image: url('img_girl.jpg');

HTML The class Attribute

Using The class Attribute The HTML class attribute is used to define equal styles for elements with the same class name. So, all HTML elements with the same class attribute will get the same style. Here we have three elements that point to the same class name: Example .cities { background-color: black; color: white; margin: 20px; padding: 20px; } London London is the capital of England. Paris Paris is the capital of France. Tokyo Tokyo is the capital of Japan.

HTML Comments

HTML Comments Comment tags are used to insert comments in the HTML source code. ________________________________________ HTML Comment Tags You can add comments to your HTML source by using the following syntax: Notice that there is an exclamation point (!) in the opening tag, but not in the closing tag. Note: Comments are not displayed by the browser, but they can help document your HTML source code. With comments you can place notifications and reminders in your HTML: Example This is a paragraph. Comments are also great for debugging HTML, because you can comment out HTML lines of code, one at a time, to search for errors: Example

HTML Styles

HTML Styles HTML Styles - CSS CSS = Styles and Colors Manipulate Text Colors, Boxes ________________________________________ Styling HTML with CSS CSS stands for Cascading Style Sheets. CSS describes how HTML elements are to be displayed on screen, paper, or in other media. CSS saves a lot of work. It can control the layout of multiple web pages all at once. CSS can be added to HTML elements in 3 ways: • Inline - by using the style attribute in HTML elements • Internal - by using a element in the section • External - by using an external CSS file The most common way to add CSS, is to keep the styles in separate CSS files. However, here we will use inline and internal styling, because this is easier to demonstrate, and easier for you to try it yourself. Tip: You can learn much more about CSS in our CSS Tutorial. ________________________________________ Inline CSS An inline CSS is used to apply a unique style to a single HTML element. An inline CSS uses the style attribute of an HTML element. This example sets the text color of the element to blue:

HTML Editors

HTML Editors Write HTML Using Notepad or TextEdit Web pages can be created and modified by using professional HTML editors. However, for learning HTML we recommend a simple text editor like Notepad (PC) or TextEdit (Mac). We believe using a simple text editor is a good way to learn HTML. Follow the steps below to create your first web page with Notepad or TextEdit. ________________________________________ Step 1: Open Notepad (PC) Windows 8 or later: Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad. Windows 7 or earlier: Open Start > Programs > Accessories > Notepad ________________________________________ Step 1: Open TextEdit (Mac) Open Finder > Applications > TextEdit Also change some preferences to get the application to save files correctly. In Preferences > Format > choose "Plain Text" Then under "Open and Save", check the box that says "Display HTML files as HTML code instead of formatted text". Then open a new document to place the code. ________________________________________

HTML Entities

HTML Entities Reserved characters in HTML must be replaced with character entities. Characters that are not present on your keyboard can also be replaced by entities. ________________________________________ HTML Entities Some characters are reserved in HTML. If you use the less than () signs in your text, the browser might mix them with tags. Character entities are used to display reserved characters in HTML. A character entity looks like this: &entity_name; OR &#entity_number; To display a less than sign (

HTML File Paths

HTML File Paths A file path describes the location of a file in a web site's folder structure. File paths are used when linking to external files like: • Web pages • Images • Style sheets • JavaScripts ________________________________________ Absolute File Paths An absolute file path is the full URL to an internet file: Example Try it Yourself » The tag is explained in the chapter about HTML Images. ________________________________________ Relative File Paths A relative file path points to a file relative to the current page. In this example, the file path points to a file in the images folder located at the root of the current web: Example Try it Yourself » In this example, the file path points to a file in the images folder located in the current folder: Example