Best 3 Element in HTML Language for web design HTML Links, HTML Break, HTML Horizontal Rule
3 minute read
Today, we come back with the main symbol of web design that is HTML links which are part of linking one to another web page redirection. Moreover, break line which is very interesting cause if you entered lot Entered lof Next line button which is Enter Button then it doesn't affect in HTML that's why you need to use Break line element <br />. There are also HTML Horizontal Rule let's see below..!
HTML Links
HTML Links are very important and useful in Web Design to jump from one web page to another one. HTML Links are also calmed as Hyperlinks which highlight your link in most of the pages to exhibit it's a link.
To make sure HTML Links, we have to always use the <a> element with a href attribute that defines a URL related to a page.
HTML Links Format :
Start tag. <a>
href attribute. e.g. href="Index.html"
Element content. It contains name for Link or photo and other.
End tag </a>
Internal Linking
<a href="https://www.pairget.com"> Home </a>External Linking
<a href=https://www.Google.com/"> Google </a>Opening Link in New Tab
<a href=https://www.Google.com/" target="_blank"> Google </a>If we wished to open a link in a new tab, we have to use the target attribute with the value _blank. This is very beneficial if you don't want to leave your website.
HTML Line Break
An HTML Line Break is usually tried to break the line of text which line will stop and startup with a new line. Here's, <br /> element is used to Break the Line in HTML.
<!-- few line breaks -->I am new here.<br />I am New here!<br />I am a New.<br />
<!-- without line break -->I am a New.I am New here!I am new here.Output :
I am new here.I am New here!
I am a New.
I am a New. I am New here! I am new here.
Here, you may notice a few changes if we <br /> element then the existing line of sentence breaks. And if we don't use the <br / > element then it does not start the next line even if we Enter the button.
HTML Horizontal Rule
In HTML, the Horizontal Rule refers to a line in a web browser that is an empty element. The <hr /> element should be a HTML Horizontal Rule.
Look at below mentioned example
<p> A paragraph concept is with HTML horizontal rule. </p><he /><p> A paragraph concept is with HTML horizontal rule. </p>
Output :
A paragraph concept is with HTML horizontal rule.
A paragraph concept is with HTML horizontal rule.
Styling of HTML Horizontal Rule
Here is in HTML, you will conclude a lot of things where are a very interesting look at this. You can change yourself depending on your own need for the Horizontal Rule of HTML. You may change the color height, the width of it.
<!-- width --> <hr style="width: 70%" color="red" />
<!-- height --> <hr style="height: 30px" color="#4cacaf" />
<!-- color --> <hr color="orange" />Output :
Let's feel free to comment below section..!
Here we are bringing a new Web Design course. We started the HTML coding program. So if need to connect with us. Join our Telegram Channel...!
Post a Comment