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 different versions available now in case it is developed by Wium we have three versions that are css1, css2, and css3. Currently we are using this css3 version this is the best version fo
WHAT IS A LINK IN HTML
 |
| 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.
<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
Post a Comment