1st day:
Heading:<h1> </h1> (For heading, From 1-6)
Paragraph:<p> </p> (For a Paragraph)
Button:<button> </button> (For a button)
Break:<br> (For line breaking, <br> is an empty tag. Empty tags have no closing
tag and no content. They are also called self-closing tags.)
Element:<em> (There's an element for giving emphasis to text, it makes it italic.
It's called the em element.)
Strong:<strong> (To define texts as important, we use
the <strong> and </strong> tags. It makes text bold.)
2nd day:
Link:<a> (we add the text in between the <a> and </a> tags. This won't highlight
the text yet.
<a> stands for "Anchor" tag.To link the text to a webpage, we add href="" along
with a Uniform Resource Locator (URL). href is short for "hypertext
reference".href is an attribute. All attributes have two things in common: they
provide extra information and they go inside the opening tag.
Attributes are added after the name of the tag, and before the > closing sign.We
link to a webpage by adding = after the attribute and a URL as a value in between
quotes.Some websites don't let you link directly to them and open them up inside
another page. To fix that, you can add the following attribute to your anchor tag:
Example: target="_blank")
Link Example:
“<a href=”https://google.com” >Learn to Code</a>”
Image:<img> (To add images to a webpage, we start with the <img> tag.Just
like <br>, <img> is an empty tag. That means it has no closing tag.To display an
image, an image tag needs the src attribute. src stands for source.We set the image
we want to display with an = sign and the image's address between double
quotes.We can use attributes to change the size of images.
The width and height attributes use pixels as the default unit of measurement.
For example, to set the width of this image as 100px, code width = "100".And
the height attribute adjusts the height of an image.)
Example:
<img src="https://mimo.app/i/earth.png" width="200" ="300" >
3rd day:
An element is what we call the opening tag, closing tag, and code in between.
HTML:<html></html>(To create a webpage, you'll need an opening and closing
HTML tag.)
The html and body elements form the structure of a webpage. We place elements
we want to display inside of the body.
Later, we'll learn about other elements that go inside of <html> </html> to give
webpages style and make them interactive.
HEAD:<head></head>(The html and body elements form the structure of a
webpage. We place elements we want to display inside of the body.Later, we'll learn
about other elements that go inside of <html> </html> to give webpages style and
make them interactive.)
TITLE:<title></title>(The title of a webpage appears in the tab or window of the
web browser. To give a webpage a title, we add <title> and </title> inside the head
tags.Note that the title is not visible but it provides information to the browser.)
Doc Type:<!doctype html>(The doctype tells the web browser what version of
HTML we're using. Without it, the browser might not display the page correctly.Since
we're using the latest version, we use <!doctype html>.The doctype looks like an
empty doctype tag with an empty html attribute: <!doctype html>.Attributes
provide additional information to tags. You'll learn more about them in later
chapters. For now, put together the doctype.)
