Skip to main content

WHAT IS CSS?ADVANTAGES, SYNTAX.

 CSS PROGRAMMING LANGAUGE                                                                     disadvantages CSS full form is cascade style sheets , which we call it says about how you should display the HTML elements on the screen. CSS tells us the style of the webpage let us take a simple example, if we build a home first we lay out the design that is known as the HTML language. Where the CSS means layout which means giving instructions on how the furniture should be nothing but the CSS. For example if we take PayPal we can see that the background color blue says the CSS background-color property. Netflix is also the best way of saying  CSS property, but if we remove it will be a normal webpage but with the red color and the black plus symbols it looks like the best webpage. Versions of CSS There are differen...

WHAT IS HTML LINKS?IMAGE LINK, BUTTON LINK, EMAIL ID.

 WHAT IS A LINK IN HTML


                                                                  
html links
links




  • HTML Links: A link is a URL that takes us to a new tab if we give the address of the image or any website.
  • We use the links in HTML because they help us to navigate to other websites easily.
  • These are the different types of giving links in HTML absolute, relative, and inline links.

SYNTAX 

  • <a href="https://www.w3schools.com/html/html_links.asp">hi</a>  This is overall how to write syntax, firstly open the HTML link parenthesis, an element href attribute equal to.
  • Double codes give the URL of any one of the website or web page, I have given the link of w3 schools and closed the parenthesis and closed it between that writedown some any text.

LINK TO WEB PAGE

<html>
<body>
<p> This is a new paragraph</p>
<a href="https://programtechhub1.blogspot.com/">hi</a>
</body>
</html>
  • Here as you can see the HTML tag and the writing of the href keyword give the site link that you want to go to the site, this is what about linking the site through the code.

IMAGE AS A LINK

  • In order to link the image as a url the entire code for it is the same as the previous one there are small changes that we need to make.
<html>
<body>
<p>hello</p>
<a href="https://www.javatpoint.com/"><img src="https://cdn.britannica.com/68/195168-050-BBAE019A/football.jpg" width="200" height="500">
</body>
</html>
  • In the above program open the parenthesis write an attribute, href equal to within the double codes give the link of the web page close the parenthesis. Open it again with the parenthesis img src URL of the image.

HTML LINK VS HYPERLINK

  • So the difference between an HTML  link and a hyperlink  there are a few points which we are going to see
         link is the URL of the particular web page, the hyperlink means it takes us to another webpage.
  • We can use links just as the text, hyperlinks give in the way of images, links, buttons, etc. 
if we take the example of w3 schools giving the URL of that website link will take us to that but in the case of a hyperlink in hover form.

EMAIL ID

  • We have seen how to link an image but let us see how to link url with the email address.
<html>
<head>
<body>
<h1>this is the new link</h1>
<a href="mail3456@gmail.com">hello</a>
</body>
</html>
  • This is how we write similar to how to add a link firstly a keyword and href attribute after that email id and close a.
  • Give us the correct link of this mail to Gmail through which we can write emails.

GIVE BUTTON LINK

  • So far we have been discussing the image URL and email ID but now going to discuss the button as a symbol and take us to an external website which means another web page.
<html>
<head>
<h2>new button</h2>
<button onclick="https://www.javatpoint.com/">best</button>
<head>
</html>
  • If we see to add a button as url we need to just add the button keyword and give the website link and close the open tag that's all.
Practice set 
  • Fill the blank spaces in the code
<html>
<head>
<body>
<a      ="https://www.lifestyle.com">hi</a>
</body>
</head>
</html>
  • Write the code for the image as the link in the HTML code.
<html>
<head>
<body>
<img  src="img_ball.jpg"  alt="flowers">
</body>
</head>
</html>
  • Width=50, height=100 practice question.
<html>
<head>
<body>
<img src="img_girl.jpg"  alt="chocolate"  width=" 50"  height="100 ">
</body>
</head>
</html>
  • What is the correct heading tag for the smallest texts.
a)h1

b)h2
c)h3
d)h6
 Ans-a
  • How do we define marking the important terms in html.
a)<br>
b)<important>
c)<bg>
d)<b>
Ans-b
  • In this blog we talked about HTML links, images, button links, and how to link an email ID directly in the coming blogs we are going to start with the CSS programming language.




Comments

Popular posts from this blog

WHAT IS HTML?HEADING TAGS

 WHAT IS HTML?                                                                 HTML  stands for hypertext markup language this is the full form of HTML. HTML is an important markup language for creating web pages. If we see any website then click the link we go to another page which is known as the web page,           combination of these web pages is known as a websit e . It is known by the name html because it is used to make the content in it more presentable. The first line of any html code is <!doctype> which is the most important step we could say. Tin Berners Lee has created the HTML programming language, and version 4.0 has become the most popular one. BASIC PROGRAM IN HTML <html> <head> <title>page title</title> <body> <h1>hi</h1> </bod...

WHAT IS CSS?ADVANTAGES, SYNTAX.

 CSS PROGRAMMING LANGAUGE                                                                     disadvantages CSS full form is cascade style sheets , which we call it says about how you should display the HTML elements on the screen. CSS tells us the style of the webpage let us take a simple example, if we build a home first we lay out the design that is known as the HTML language. Where the CSS means layout which means giving instructions on how the furniture should be nothing but the CSS. For example if we take PayPal we can see that the background color blue says the CSS background-color property. Netflix is also the best way of saying  CSS property, but if we remove it will be a normal webpage but with the red color and the black plus symbols it looks like the best webpage. Versions of CSS There are differen...

HTML STYLES?FONT SIZE,BACKGROUND COLOUR

 HTML STYLES                                                                  background colour In HTML  have different styles like background color, font size, text color, and text alignment in this blog we are going to study different HTML styles. HTML styles that are used to change or else change whatever existing HTML tags. We have different types of styles internal styling, which is nothing but using this inside the html element. Internal means utilizing it in the head section of the HTML code, external is to apply it externally to the CSS file. BACKGROUND COLOUR We will use background color as a style in HTML for webpages to give color to the web pages of different colors like blue, red, black, etc. and there will be a syntax for giving background color. <body style="background-color: green;"> This is...