Career skills to jumpstart your future.

LightSpeed HTML Coding For Beginners | Part-3 | Game-Changing Exclusive features of HTML

Handcrafted by On

Advanced HTML Coding for Beginners Part-3

Now that you know how to beautify and step up your game with your web page and HTML Coding gets to know about some of the game-changing exclusive features of HTML which nobody will tell you about. But before that, check out Part-2 and Part-1 if you've not checked that out or are new around here. 


How to view an HTML Document in a Web Browser

 The Steps to view an HTML document in a web browser are given below. 

1. After you are done with your HTML Document, or you want to check the output of your code, you need to first save your document. To keep your file, click the data in the tab menu at the top.



2. In the drop-down menu, click on SAVE AS. 













3. In the pop-up dialogue box, choose the desired destination for the document. Now, the most important part. Give the desired name to the file and give a .html extension. By default, the extension is .txt  . Giving the .html extension is important, as, without the .html extension, the file would be saved as a text document(.txt extension) and the browser won't be able to identify the file as an HTML Document.



4. Next, your file will be saved as an HTML Document. It will have the icon of your default web browser. (Pro-Tip: LightSpeedAC recommends you to use Google Chrome as your web browser) 

 (Pro-Tip: Keep the NotePad or WordPad window open and minimized. This will help you to make future edits.)

 5. Now, click on the file. The file will open in your default web browser.

 6. You can now view the output.

Game-Changing Exclusive features of HTML

Now, you will get to know about the Game-Changing features of HTML that will help you to step up your HTML Code.

Let Us Get Started

1. Marquee Tag(<marquee>)The <marquee> is a non-standard HTML tag that is used to create a scrolling text or an image. It is used to make the text/image scroll horizontally across or vertically down the web page.


2. Attributes of the BODY element- There are 4 attributes of the BODY element. They include- BGCOLOR attribute, LEFTMARGIN attribute, TOPMARGIN attribute and TEXT attribute.
  • BGCOLOR attribute- The BGCOLOR attribute is used to set the background color of the document. The attribute value can be a color name or a hexadecimal code. Example- <body bgcolor="pink"> OR <body bgcolor="#ffc0cb"
  • LEFTMARGIN attribute- The LEFTMARGIN attribute is used to set the left margin. The attribute value is a numeric value where the unit is pixels. Example- <body leftmargin="35px">
  • TOPMARGIN attribute- The TOPMARGIN attribute is used to set the top margin. The attribute value is a numeric value where the unit is pixels. Example- <body topmargin="60px">
  • TEXT attribute- The TEXT attribute is used to set the color of the text in the document. The attribute value can be a color name or a hexadecimal code. Example- <body text="blue"> OR <body text="0000ff">

Rules For HTML Coding

HTML is one of the only languages that does not give errors. HTML simply does not show the desired output. But, certain rules are needed to be followed to get the desired output. There are 6 basic rules you need to follow to get the perfect code. They are

1. Tags are always surrounded by angle brackets (less than < / greater than characters >). For example, <head>

2. Tag names and attribute names are not case sensitive. For example, <BODY> is the same as <body>.

(Pro-Tip- It is better to use lower case. In future versions of HTML, lowercase will be mandatory)

3. Spaces between tags do not matter. For example,
<u> LightSpeedAC </u>

is the same as

<u> LightSpeedAC </u>


4. Attribute values can be case sensitive, but very rarely in very few cases.

5. Tag names cannot contain spaces. For example-

<b o d y > is not the same as <body>. Also, there should be no space between < and > in a tag. So, do not write < u > or </ u>.

6. Elements can be in any order and order does not matter in HTML. For example, if you want to underline text, make it bold and italicize the text, you can write:

 <b><u><i> LightSpeedAC </i></b></u>


I hope you enjoyed and learned basic HTML. If you think you have learned everything properly, give us feedback in the comments. 

Give suggestions in the comment box and e-mail us at aaditchhayabusiness@gmail.com.

Don't forget to talk to the LightSpeedAC Bot.

Hey fellow reader, Aadit here. I am a tech-entusiast, good writer (thats what I think), food-lover,cricket lover, sports entusiast Google Local Guide Level 8 and an author of the best blog that is LightSpeedAC. Want to get in touch? talk to the LightSpeedAC Bot at https://lightspeedac.blogspot.com. Contact me at aaditchhayabusiness@gmail.com Still reading? You seem like a reading-entusiast! Check out my favourite blog- https://lightspeedac.blogspot.com

Comments

Post a Comment

Popular posts from this blog

LightSpeed Basic Animation for Beginners in Flash 8 | Part-2

Handcrafted by On
Image
Basics in Animation for Beginners in Flash 8 Now that you know about the basics of Flash 8 and the two basic types of tweening, get to know about the few basic tools that you will need to make a basic Flash 8 movie. If you're new around here, check out the Part-1 of the Basics in Animation for Beginners in Flash 8 .    Check out our blog LightSpeedAC for more amazing content.  Before we get started, even if you're not new around here, I would recommend you to revisit the Part-1 to revise the basic constituents of Flash 8.  Let Us Get Started This blog post will focus on the main basic tools that you need to use to make a simple, yet good Flash movie/animation.  1. Pen Tool - The Pen Tool is used to draw precise paths, like straight lines and smooth curves. You can draw straight lines or curves with this tool, and later adjust the angle and length of straight-line segments and the slope of curves.  The steps to use the Pen Tool are:...
Read more

LightSpeed Intro to ConvNets

Handcrafted by On
Image
LightSpeed intro to ConvNets ________________________________________________ Unless you're experienced or have read the LightSpeed intro to DL, please see here before reading this. --------------------------------------------------------------------------------- In this post, you'll learn about- What are Convolutions? Why Convolutions work great (optional) Keras and TensorFlow (compulsory) How to make a Neural Network that can classify pictures depending on objects! What are ConvNets? Now, what are  ConvNets ? They are Neural Networks having Convolutions. Okay, so what are Convolution s ?  Convolutions, informally, are mathematical functions. Now, to convolve the above matrices, we take the second smaller matrix, then we imprint it on the first possible 2 by 2 chunk of the other as shown below. So, this will be the first value in the output matrix- = (4*1) + (2*0) + (0*0) + (3*1) = 7 Similarly, you may be able to calculate that the next ...
Read more

A honest review of the Data and Deployment Specialization

Handcrafted by On
Image
  What is the TensorFlow: Data & Deployment Specialization? The TensorFlow: Data and Deployment specialization is deeplearning.ai' s new group of courses and is intended to teach you how to practically use your DL skills to make practical applications. It is co-taught by Andrew Ng and Laurence Moroney, both seasoned veterans in AI and DL. I will give a detailed review of the first course below. I am trying to keep the content coming while doing the course myself! 1. Browser-Based models with TensorFlow.jS This course is intended to teach you how to set up a browser-based model using TensorFlow's browser equivalent- TfjS.  It shows the necessary JavaScript required for training models. It must be noted that tfjs is not direct TensorFlow! It's a different version, and they have few differences, which are correctly taught in the course. If you are used to Andrew Ng lectures, this isn't like that. The course assumes that you know Deep Learning, so most talks...
Read more

LightSpeed Basic Animation for Beginners in Flash 8 | Part-1

Handcrafted by On
Image
Basics of Animation in Flash 8 for Beginners  This blog will focus on the introduction to Flash 8 for Beginners, uses of Flash 8 in this ever-growing technological world. This blog will also include basic things that you need to know as a beginner in Flash 8 and the basic types of animations in Flash 8. If you're reading this blog post, you must have Flash 8 installed. You can get your 30-day free trial on Adobe's website and need to later buy it. You will be given a serial code. What is Flash 8? Macromedia Flash is a program that is used in creating interactive, and animated media such as motion graphics, videos, presentations and websites. You can control an object’s actions and behaviors using the Behavior panel and the Timeline. For more advanced control you can use Actionscript, Flash's programming language that is very similar to Javascript. Flash 8 or Macromedia Flash 8 was developed by Macromedia. Macromedia was acquired by Adobe in December of 2005. Sinc...
Read more

LightSpeed intro to Deep Learning

Handcrafted by On
Image
LightSpeed intro to DL In this post, you'll learn about- Basic necessities of DL theory Keras and TensorFlow (optional) How to make a Neural Network that can identify digits in a picture! Basic Necessities of Deep Learning Theory Now, what is Deep Learning ? It is, plainly the art of training Neural Networks . Okay, so what are Neural Networks? They are just another type of Machine Learning model, which apparently work like the brain. And now, two questions remain- 'What do they do?' and 'How do they work?' The answer to the first question is that they first predict some output for a problem using layers , with randomly initialized parameters. Then, after seeing how far they are from the actual truth, they change their settings to obtain lesser loss or distance from the truth.  Now for the second question, the answer is much less mystified and more mathematical. It computes a non-linear function (usually a ReLU of the (input if it's the fir...
Read more