1_What is HTML?
Html is hypertext markup language
2_What is HTML used for?
It is used to structure the elements of your page so it does and looks like what you want it to.
3_Why are we learning HTML?
To make basic user friendly interfaces.
4_What is an HTML tag?
Elements are placed within tags with certain functions example:
This will be a
paragraph
5_What is the structure of an HTML tag?
Opening tags: this is where the element and it’s given effect begin <> this is also the element name
Closing tags: this is where the element and it’s effect end, note the forward slash </>
The content is what is between the tags, content is what shows up on the web page
The element is from the first < to the last >
6_What is an attribute?
An attribute is extra information/effect/function that is not to be displayed in the content
There should always be a space between it and the element name.
The attribute name is followed immediately by an equal sign=
The attribute value is wrapped by quotation marks “”
7_What is the anatomy of an HTML document?
Ze anatomy
1_ <!DOCTYPE html>
a requisite start to denote the page as html
2_ <html></html>
this element is wherein all the page content is placed.so the first and last tags on a page ( excluding doctype)
3_ the head element is where you place content that is not shown on the page such as keywords, page description, languages, fonts, etc
4_ <meta charset=”utf-8”>
this element allows your page to handle all character from most written languages.
5_ <title></title>
the title element makes up the title of your page, and also appears in the browser tab (which is the name it uses when bookmarked.
6_ <body></body>
this element contains all the content the users can see and interact with.
7_ <img>
this element embeds an image on the page
<img src=”image/somethingorother.png” alt=”it’s a thing or other”>
src= the path to the stored image
alt= when the image does not load this is displayed or for visually impaired people with screen readers
8_ <h1></h1> down to <h6></h6>
headings elements allow you to impart chapter and subchapters, different sections on your page. Up to 6.
9_ <p></p>
paragraph element contain paragraphs of text
10_ <ul></ul>
unordered list element, in between the two tags different list items are in tags
11_ <ol></ol>
ordered list element
12_ <a></a>
link element (a for anchor) add a href= attribute followed by the url to make the content text a working link
Href: hypertext reference
So my try at an example
<!DOCTYPE html>
<html>
<head>
<meta charset=”utf8”>
<title>Profound title</title>
</head>
<body>
<img href=”image/beachwithsunset.png” alt=”sunset beach”>
<h1>The benefits of sand.</h1>
<p>text about sand</p>
<h2>List of benefits</h2>
<ul>
<li>Abrasive</il>
<li>Slightly offensive</li>
<li>Derivative of seashells</li>
<p>For more info visit <a href=”linkadress”>sandyfun</a>
</body>
</html>
sooo apparently it sort of works…