This is a paragraph.
This is a paragraph too.
This is a link to where I learned this hyperlink stuff
this is what a tag name is...
<tagname>Content goes here...</tagname>
So you get empty HTML elements one of the cool things about them is that you dont have to do a closing tag from them like <br> will give me a break in the line
like this and not require a closing tag. like this </br> (for context this written as one line / paragraph)
The "href" attribute specifies the URL of the page the link goes to;
like the hyperlink above has a "href" and Image above has "src" they have attributes inside the tagnames.
The "src" attribute specifies the path to the image to be displayed.
The "alt" attribute provides an alternate text for the image if it cannot be displayed.
The "width" and "height" attributes specify the size of the image.
The "style" attribute is used to add styles to an element, such as color, font, size, and more;
like ---<p style="color:red;">This is a paragraph.</p>--- will make the text red as you will see below.
The "title" attribute defines some extra information about an element;
like this ---<p title="I am a tooltip">This is a paragraph.</p>--- will give you a tooltip when you hover over the text.
In some situations, when the attribute value itself contains double quotes, it is necessary to use single quotes:
Move your mouse over the paragraphs below to see the effect:
John with double quotes
John with single quotes
This is red.
Hover over me to see me.
HTML headings are defined with the <h1> to <h6> tags.
HTML headings are important for SEO (Search Engine Optimization).
Bigger Headings
Each HTML heading has a default size. However, you can specify the size for any heading with the style attribute, using the CSS font-size property:
This paragraph contains a lot of lines in the source code, but the browser ignores it.
This paragraph contains a lot of spaces in the source code, but the browser ignores it.
The <hr> element is used to separate content (or define a change) in an HTML page:
The <hr> element is an empty tag without a closing tag.
Please find an example below of a Horizontal Rule.
The HTML <pre> element defines preformatted text.
The text inside a <pre> element is displayed in a fixed-width font (the normal pragraph would ignore this spacing) (usually Courier), and it preserves both spaces and line breaks:
This pragraph is wrtting with <pre>.
below is an example of a red HR line.
This here is the dark theme for the STYLES SECTION (CLICK HERE) if the first link dont work dont worry try this one (CLICK HERE)
The HTML Style Attribute:
<tagname style="property:value;">TEXT</tagname>
This is a paragraph with tomato background color.
This is a colored paragraph.
This is a paragraph in font courier.
Font SIZE
This is a 160% paragraph.
This is a 22px paragraph.
This paragraph. is on the right.
Formatting elements were designed to display special types of text:
<b> - Bold text
<strong> - Important text
<i> - Italic text
<em> - Emphasized text
<mark> - Marked text
<small> - Smaller text
<del> - Deleted text
<ins> - Inserted text
<sub> - Subscript text
<sup> - Superscript text
SO for context <b> and <strong> are the same thing but <b> is not semantic and <strong> is semantic
for example BOLD!!! and STRONG!!!
<i> and <em> are the same thing but <i> is not semantic and <em> is semantic
for example ITALIC!!! and EMPHASIZED!!!
So here is normal text with a slpash of <small> Now you got smaller text.
imagine this with a font size of 1 px lets see how it will look maybe its not possible but lets find out in the next line...
This is a 1px font size <--- look at that tiny smek on the screen on the left of this message hover over the the to read what it says <.<.
Hey! lets have some more fun with mixing some styles with mour text formats next text format is <mark> and it does things like this MARKED TEXT and it is used to highlight text
but lets make the ext color and hightlight colors different like this:
Do not forget to buy milk today.
The next batch is well basically simple stuff with wierd tags like <del> and <ins> which are used to show deleted and inserted text
like this Deleted text and this Inserted text.
Its best used in cases of replicating a physical documents well in my opinion any form of documantation take a look below:
Your favorite color is blue red.
Lastly we have the <sub> and <sup> tags which are used to define subscript and superscript text.
Subscript text appears half a character below the normal line, and is sometimes rendered in a smaller font. Superscript text is usually rendered in a smaller font above the normal line.
So for example H2O (this is subscript) is water and E = mc2 (this is superscript) is a famous equation by Einstein.(the number 2 is parts that was edited FYI).