Inline Level Elements
<a>
- The <a> tag has several attributes, including:
- href: The most important attribute, which indicates the link's destination.
- name: Names the anchor so that it can be the destination of multiple links.
- target: Defines where to open the linked document
- An unvisted link is underlined and blue
- A visted link is underlined and purple
- An active link is underlined and red
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<ul>
<li><a href="https://learningcodeforgod.net">Website</a></li>
<li><a href="mailto:rick@christisalive.net">Email</a></li>
<li><a href="tel:+5154688431">Phone</a></li>
</ul>
</body>
</html>
Results
abbr
- Defines an abbreviation or an acronym, like "mr", "DR", "ASAP", "HTML", and "CSS"
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<p>The <abbr title="United State Army flag">Flag </abbr> was founded in 1776.</p>
</body>
</html>
Results
The Flag was founded in 1776.
<acronym>
- It was used up to HTML 4 to define an acronym but it is no longer supported in HTML 5
<b>
- With out marking it as important as <strong> but will make the text bold.
<html lang="en">
<head>
<title><b></title>
</head>
<body> <p>This is what normal text would look like and then this is what it will look like with the b element
</body>
</html>
Results
This is what normal text would look like and then this is what it will look like with the b element
!DOCTYPE html>
<html lang="en">
<head>
<title><br></title>
</head>
<body>
<p>This is what your text line would look if you did not use any thing to shorten it with below is what it looks like with the <br> tag used</p>
The top and bottom text are the same except the bottom has <br> in it showing how you can break it up.
<p>This is what your text linewould look if you did not use
any thing to shorten it or like
and then this is what it will look
like with the <br> element</p>
</body>
</html>
<bdo>
- Used to override or change the current text direction.
<!DOCTYPE html>
<html lang="en">
<head>
<title><bdo dir="rtl"></title>
</head>
<body>
<h1>The bdo element</h1> <p>Used to override or change the current text direction.</p>
<p><bdo dir="rtl">Used to override or change the current text direction.<bdo></p>
</body>
</html>
Results
Used to override or change the current text direction. (the below line is this one using bdo)
Used to override or change the current text direction.