Career skills to jumpstart your future.

LightSpeed HTML Coding for Beginners | Part-2

Handcrafted by On

Advanced HTML Coding for Beginners 

So, you've learned about the significant constituents of an HTML Document. You have also seen the format of a standard HTML Document. If you have not visited the Part-1 of this series, click here to visit the earlier part. What you learned in the previous section is not enough if you want to step up the game. This blog will be about the different types of tags and attributes that will help in beautifying your Web page. 

Before we get started, if you have some spare time, kindly go to the previous part to revise the constituents of a web page and learn more.

Let Us Get Started

First, get to know about the various tags and attributes that can be used and their functions.

1. <br> -The HTML <br> element produces a line break in text. It is useful for writing a poem or an address, where the division of lines is significant.

2. <p>- The paragraph element <p> defines a paragraph in HTML. Browsers insert empty lines before and after each paragraph. The syntax is <p align=left/center/right>.

3. <hr>- The horizontal rule <hr> element draws a horizontal line across the page. It is an empty element and has no OFF tag. The <hr> element accepts the following attributes: SIZE, WIDTH, ALIGN, NOSHADE and COLOR.

  • SIZE attribute- The SIZE attribute specifies the thickness of the line in pixels. The default value is 2 pixels.
  • WIDTH attribute- The WIDTH attribute specifies the horizontal width of the line. The measurement can either be a value given in pixels (e.g., 50px) or a percentage of the page width (e.g., 50%)
  • ALIGN attribute- The ALIGN attribute specifies the horizontal alignment of the line. Its value can be LEFT, CENTER or RIGHT. The attribute value is between " ".
  • COLOR attribute- The COLOR attribute specifies the colour of the line. It can be a colour name or a hexadecimal code.
  • NOSHADE attribute- The NOSHADE attribute displays a solid line with shading.

4. Headings- The Headings element tells the browser that a piece of text is heading. The browser then displays it differently from normal text. HTML provides for six heading levels. Headings are container elements and written like this:

<h1> Heading Text </h1>

Pro-Tip: The Heading element <h1> gives the most significant size of the text. <h6> gives the smallest size of the text. You can say that the Heading element works in decreasing order.

5. Comments - Any text placed as a comment will be ignored by the browser. Comments are used by programmers to explain their code to others reading their code or themselves when they read their code in the future. 

The comment tags are <!-- and -->. Any text between  <!-- and --> will be ignored by the browser.

6. Bold, Underline and Italics- The <b>, <u> and <i> are the tags for marking text as bold, underline and italics. They all are container elements and have an ON tag and an OFF tag.

 7. Center- The Center tag is used to centre text between the left and right margins. It is a container element. For example:
                <center> AChhaya </center>

Pro-Tip - The Center tag is a deprecated element in HTML 4.01. A Deprecated element is an element that is still supported but may become obsolete in the future.

8.FONT element- The FONT element is used to specify the size, colour, and font of the text they enclose. FONT is a container element. There are three attributes of the <font> tag. They are-SIZE, COLOR and FACE.

  • SIZE attribute- The SIZE attribute sets the relative size of the text. There are 7 sizes, and the default size is 3. For example, <font size="5"> This font size is 5 </font> 
  • COLOR attribute- The COLOR attribute sets the colour of the text. You can give either the name of the colour or its hexadecimal value in the #RRGGBB form. 
  • FACE attribute- The FACE attribute sets the font face for the text. For example, <font face="Helvetica"> AChhaya </font>

Done!

NEXT PART ↓↓↓↓↓↓






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

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

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

What Grammar Means to a Blogger | Try Grammarly today!

Handcrafted by On
Image
What are the differences between professional & starter blogs? Spotless grammar  Great content Now you might say, well I have great content! We won't dare disagree!! However, what about the first point, i.e. spotless grammar? Wondering how to get perfect and professional grammar? Look no further! Grammarly is the way to go! Your post must be proofread by Grammarly. But before you say, of course,  we use Grammarly, I mean, who doesn't?  (If you didn't say that, check Grammarly out NOW! It's free and adless! ) I meant the actual Grammarly - Premium . My story with Grammarly When starting as a blogger (at a different site), I also started out using Grammarly's free plan. And I felt the open plan was great, and it is . For anyone who wants to write messages and short text, the free version will do. I never really even considered applying for the Premium plan.  I tried everything to get traffic, but my visitor time-on-page never really...
Read more