CS Tutorials

HTML Unordered Lists An unordered list is a list in which the order of the list items does not matter. If you change the order of items that would not change information you want to convey to user. In this tutorial you will learn about creation of unordered list in html Unordered List <ul> tag is used to create Unordered List in HTML. In unordered list, list items identified by some symbols or bullets. This is also known as bulleted list. Unordered list start with <ul> tag and closed with </ul> tag. <li> tags are used to add list items to our list. Syntax: <ul>   <li>HTML</li>   <li>CSS</li>   <li>SQL</li> </ul> Output: HTML CSS SQL Unordered list - attributes type - this attribute is used with <ul> tag to specify the type of bullet you like. By default, it is a disc. It can take following three values : disc circle square. By default, its value is disk . Output with circle: HTML CSS SQL Outpu...

HTML List When we want to use a list on a website, HTML provides three different types to choose from: unordered, ordered, and description lists. In this tutorial, you will learn how to create ordered list in HTML. Ordered List Ordered list start with <ol> tag. < li> tag to add list items to ordered or unordered list. By default, list items are marked with numbers. Syntax <ol> <li> first </li> <li> second </li> <li> third </li> </ol> Output will be: first second third Ordered list have three attributes: type, start and reversed Start Attribute The start attribute defines the number from which an ordered list should start. By default, ordered lists start at 1. However, there may be cases where a list should start from another number. When we use the start attribute on the <ol> element, we can identify exactly which number an ordered list should begin counting from. <ol start= 11 > <li> first </li...

Marquee is one of the important tags introduced in HTML to support scrolling texts and images within a web page. In this tutorial, you will be learning about the Marquee tag and its different attributes for developing a web page. HTML <marquee> tag Html <marquee> tag is used to scroll text or image horizontally across or vertically down your web page. Syntax: The marquee element comes in pairs. It means means that the tag has opening and closing elements. <marquee> CS Tutorials Blogs </marquee> Output: CS Tutorials Blogs It has various attributes like direction, behavior, width, height, bgcolor. Let's see all of these one by one with example. direction attribute: By default direction of scrolling is left means content will scroll toward left. You can set it's value to left, right, up or down. <marquee direction=" right "> CS Tutorials Blogs - scrolling right </marquee> Output: CS Tutorials Blogs - scrolling right <marqu...

HTML <img> tag The <img> tag is used to embed an image in an HTML page. Images are not technically inserted into a web page; images are linked to web pages. It is a unpaired tag.  It has various attributes like: src, width, height, title, alt, border. src attribute indicates the source, source image name or full path of the source image is given as a value to src attribute. width attribute is used to set the width of the image. height attribute is used to set the height of the image. title attribute: when we mouse over the image the value given to the title attribute is displayed as a tool tip. border attribute used to set the border to image. alt attribute is used to give an alternate text for the image, when source image is not available at specified location then alternate text will get display in place of the image. Example < html > < body > < img src = "shape.jpg" alt = "Shape" width = "400px" height = "450px...

In this tutorial, you will learn about most commonly used tags in HTML. Most commonly used tags in HTML HTML document contains lots of predefined tag and we will learn about few of them here: HTML Tag is a command which is used for some specified purpose and those purposes are predefined by default. With the help of tags, web browser can distinguish between an html content and a simple document. Tag mainly consists of three parts: opening tag, content and closing tag. In case of few tags we have exception, they do not have closing tag. Content : Content is the matter which we write between opening and closing tags. Syntax <tag> content </tag> We have 2 types of tags: 1. Paired Tag : These tags come in pairs. That is they have both opening(< >) and closing(</ >) tags. 2. Unpaired Tag : These tags do not required to be closed. We will go through basic tags required to create a html document. <html> Defines an HTML document. <head> This contain...

What is HTML HTML stands for Hypertext markup language which is used for  creating web pages and web application. You can create static website using HTML. For greater visual and interactive experience, it is used along with CSS and scripting languages like JavaScript. HTML is a markup language, means using html tags it can mark text to be more interactive and dynamics. you can create links, tables, display images etc. Brief History of HTML In the late 1980's , a physicist, Tim Berners-Lee who was a contractor at CERN, proposed a system for CERN researchers. In 1989, he wrote a memo proposing an internet based hypertext system. Tim Berners-Lee  is known as the father of HTML. The first available description of HTML was a document called "HTML Tags" proposed by Tim in late 1991. The latest version of HTML is HTML5, which we will learn later in this tutorial. HTML Tags HTML tags are building block of html. HTML tags are keywords surrounded by angle brackets like <html...