Knowledge in Html

HTML Introduction

What is HTML? HTML is the standard markup language for creating Web pages. • HTML stands for Hyper Text Markup Language • HTML describes the structure of a Web page • HTML consists of a series of elements • HTML elements tell the browser how to display the content • HTML elements are represented by tags • HTML tags label pieces of content such as "heading", "paragraph", "table", and so on • Browsers do not display the HTML tags, but use them to render the content of the page Example Explained • The declaration defines this document to be HTML5 • The element is the root element of an HTML page • The element contains meta information about the document • The element specifies a title for the document • The element contains the visible page content • The element defines a large heading • The element defines a paragraph

HTML JavaScript

HTML JavaScript JavaScript makes HTML pages more dynamic and interactive. Example My First JavaScript Click me to display Date and Time Try it Yourself » ________________________________________ The HTML Tag The tag is used to define a client-side script (JavaScript). The element either contains script statements, or it points to an external script file through the src attribute. Common uses for JavaScript are image manipulation, form validation, and dynamic changes of content. To select an HTML element, JavaScript most often uses the document.getElementById() method. This JavaScript example writes "Hello JavaScript!" into an HTML element with id="demo": Example document.getElementById("demo").innerHTML = "Hello JavaScript!"; Try it Yourself » Tip: You can learn much more about JavaScript in our JavaScript Tutorial. ________________________________________

HTML Images

HTML Images Images can improve the design and the appearance of a web page. ________________________________________ Example » Example » Example » ________________________________________ HTML Images Syntax In HTML, images are defined with the tag. The tag is empty, it contains attributes only, and does not have a closing tag. The src attribute specifies the URL (web address) of the image: ________________________________________

HTML Links

HTML Links Links are found in nearly all web pages. Links allow users to click their way from page to page. ________________________________________ HTML Links - Hyperlinks HTML links are hyperlinks. You can click on a link and jump to another document. When you move the mouse over a link, the mouse arrow will turn into a little hand. Note: A link does not have to be text. It can be an image or any other HTML element. ________________________________________ HTML Links - Syntax Hyperlinks are defined with the HTML tag: link text Example Visit our HTML tutorial » The href attribute specifies the destination address (https://www.w3schools.com/html/) of the link. The link text is the visible part (Visit our HTML tutorial). Clicking on the link text will send you to the specified address. Note: Without a forward slash at the end of subfolder addresses, you might generate two requests to the server. Many servers will automatically add a forward slash to the end of the address, and then create a new request. ________________________________________

HTML Lists

HTML List Example An Unordered List: • Item • Item • Item • Item An Ordered List: 1. First item 2. Second item 3. Third item 4. Fourth item Unordered HTML List An unordered list starts with the tag. Each list item starts with the tag. The list items will be marked with bullets (small black circles) by default: Example Coffee Tea Milk Try it Yourself »

HTML Styles

HTML Styles Example I am Red I am Blue I am Big » ________________________________________ The HTML Style Attribute Setting the style of an HTML element, can be done with the style attribute. The HTML style attribute has the following syntax: The property is a CSS property. The value is a CSS value. You will learn more about CSS later in this tutorial. ________________________________________

HTML Tables

HTML Tables Defining an HTML Table An HTML table is defined with the tag. Each table row is defined with the tag. A table header is defined with the tag. By default, table headings are bold and centered. A table data/cell is defined with the tag. Example Firstname Lastname Age Jill

HTML : newspaper article

This code depicts a newspaper page , it shows us how to give the spoacing betwwen the articles on the webpage and stuff like that.

HTML: animations

this code shows the animation done using html and css , /this code can be further modified to create the game of snake and ladder and be used in a very creative way.

HTML CODE: time table

This code creates a timetable for school , college , etc. useful for people who are students , etc.

H t m l contents

Contents of html

Bootstrap CSS styling

It consists of some slides that teach you about bootstrap styling for your website along with some special classes. What all you get to learn from this is Various types of CSS styles suing bootstrap, How to use them in your code, An intro before going towards Bootstrap JavaScript. If you need any other help than this , you can comment or share your thoughts.