html5

HTML Styles - CSS

CSS stands for Cascading Style Sheets.

CSS saves a lot of work. It can control the layout of multiple web pages all at once.

What is CSS?

Cascading Style Sheets (CSS) is used to format the layout of a webpage.

With CSS, you can control the color, font, the size of text, the spacing between elements, how elements are positioned and laid out, what background images or background colors are to be used, different displays for different devices and screen sizes, and much more!

Using CSS

CSS can be added to HTML documents in 3 ways:

Blog IT
1 year 6 months ago

HTML Basic Examples

In this chapter we will show some basic HTML examples.

Don't worry if we use tags you have not learned about yet.

HTML Documents

All HTML documents must start with a document type declaration: <!DOCTYPE html>.

The HTML document itself begins with <html> and ends with </html>.

The visible part of the HTML document is between <body> and </body>.

Blog IT
1 year 6 months ago

Easy Learning with HTML "Try it Yourself"

HTML is the standard markup language for Web pages.

Easy Learning with HTML "Try it Yourself". With our "Try it Yourself" editor, you can edit the HTML code and view the result:

<!DOCTYPE html>
<html>
<head>
<title>This is Page Title</title>
</head>
<body>

<h1>This is a h1 text</h1>
<p>This is a paragraph text.</p>

</body>
</html>

Blog IT
1 year 6 months ago

How to Open a Link From <iframe> in the Parent Window

To open the link from <iframe> in the parent window, you can use the <base> tag and set the target attribute to `_parent` in the <head> section.

Blog IT
2 years 4 months ago

How to Add Telephone Links with HTML

Telephone links are the ones that you tap to call a number on phone-capable devices. Of course, some devices are able to recognize phone numbers and provide the linking automatically, but it’s not always so.

In the example below, we use :tel within the HT

Blog IT
2 years 4 months ago

How to Allow the File Input Type to Accept Only Image Files

If you use `<input type="file">`, it will accept all file types. But it is possible to restrict the file types to only images, or certain image file extensions. To achieve this, you need to use the HTML accept attribute. This attribute is only used with `<input type="file">` and serves as a filter to select file inputs from the file input dialog box.

Blog IT
2 years 4 months ago

How to Center an Image with the CSS text-align Property

In general, you cannot use the CSS text-align property to center an image, as it works only on block elements, and the <img> is an inline one. But there is a trick that will help you to center the image with the text-align property. If you need this property for some reasons, you can add a <div> element and specify the text-align property on it. Use the “center” value of this property.

Blog IT
2 years 3 months ago

How to Align Labels Next to Inputs

When you create a web form, you’ll probably need to know how to align labels with inputs. Here, we’ll show how it’s possible to create right-aligned and left-aligned <label> elements next to inputs.

Blog IT
2 years 3 months ago

How to Make a Back to Top Button

You've probably seen a "back-to-top" button at the bottom-right corner on many websites when you're scrolling around. Clicking on that button takes you back to the top of the page.

This is a great feature to have on any website, and today we are going to see how to build it with nothing but HTML, CSS, and JavaScript.

Blog IT
2 years 3 months ago

How to Embed PDF in HTML

There are several ways to include a PDF file in your HTML document: Using the <embed> and <object> tags, which are considered to be old-fashioned ways, because they are deprecated now. And Using the <a> or the <iframe> tag.

The easiest way to put PDF in an HTML document is using the <a> tag with its href attribute. You need to add the URL or the reference link of your PDF file to the element. Your code will look like the following.

Web Developer
2 years 4 months ago

HTML Styles - CSS

CSS stands for Cascading Style Sheets.

CSS saves a lot of work. It can control the layout of multiple web pages all at once.

What is CSS?

Using CSS

HTML Basic Examples

In this chapter we will show some basic HTML examples.

Don't worry if we use tags you have not learned about yet.

HTML Documents

Easy Learning with HTML "Try it Yourself"

How to Open a Link From <iframe> in the Parent Window

To open the link from <iframe> in the parent window, you can use the <base> tag and set the target attribute to `_parent` in the <head> section.

How to Add Telephone Links with HTML

Telephone links are the ones that you tap to call a number on phone-capable devices. Of course, some devices are able to recognize phone numbers and provide the linking automatically, but it’s not always so.

In the example below, we use :tel within the HT

How to Allow the File Input Type to Accept Only Image Files

How to Center an Image with the CSS text-align Property

How to Align Labels Next to Inputs

When you create a web form, you’ll probably need to know how to align labels with inputs. Here, we’ll show how it’s possible to create right-aligned and left-aligned <label> elements next to inputs.

How to Make a Back to Top Button

How to Embed PDF in HTML

Subscribe to the Newsletter

Blog Category

Tags keyword

Monthly archive

html5

CSS stands for Cascading Style Sheets. CSS saves a lot of work. It can control the layout of multiple web pages all at once.

What is CSS?

Using CSS

In this chapter we will show some basic HTML examples. Don't worry if we use tags you have not learned about yet.

HTML Documents

To open the link from <iframe> in the parent window, you can use the <base> tag and set the target attribute to _parent in the <head> section.

Telephone links are the ones that you tap to call a number on phone-capable devices. Of course, some devices are able to recognize phone numbers and provide the linking automatically, but it’s not always so. In the example below, we use :tel within the HT

When you create a web form, you’ll probably need to know how to align labels with inputs. Here, we’ll show how it’s possible to create right-aligned and left-aligned <label> elements next to inputs.

Subscribe to the Newsletter

Blog Category

Tags keyword

Monthly archive

CSS stands for Cascading Style Sheets.

CSS saves a lot of work. It can control the layout of multiple web pages all at once.

In this chapter we will show some basic HTML examples.

Don't worry if we use tags you have not learned about yet.

To open the link from <iframe> in the parent window, you can use the <base> tag and set the target attribute to `_parent` in the <head> section.

Telephone links are the ones that you tap to call a number on phone-capable devices. Of course, some devices are able to recognize phone numbers and provide the linking automatically, but it’s not always so.

In the example below, we use :tel within the HT