● Structural markup: the elements that you can use to
describe both headings and paragraphs
● Semantic markup: which provides extra information; such
as where emphasis is placed in a sentence, that something
you have written is a quotation (and who said it), the
meaning of acronyms, and so on.
Headings:
HTML has six “levels” of
headings:
is used for main headings
is used for subheadings
**Paragraphs:**
To create a paragraph, surround
the words that make up the
paragraph with an opening
tag and closing tag.
By default, a browser will show
each paragraph on a new line
with some space between it and
any subsequent paragraphs.
**Bold & Italic:**
"By enclosing words in the tags
and we can make
characters appear bold.
The element also represents
a section of text that would be
presented in a visually different
way (for example key words in a
paragraph) although the use of
the element does not imply
any additional meaning"
* By enclosing words in the tags
and we can make
characters appear italic.
The element also represents
a section of text that would be
said in a different way from
surrounding content — such as
technical terms, names of ships,
foreign words, thoughts, or other
terms that would usually be
italicized.
**Strong & Emphasis:**
> The use of the
element indicates that its
content has strong importance.
For example, the words
contained in this element might
be said with strong emphasis.
By default, browsers will show
the contents of a
element in bold
> The element indicates
emphasis that subtly changes
the meaning of a sentence.
By default browsers will show
the contents of an element
in italic.
**bbreviations &
Acronyms:**
If you use an abbreviation or
an acronym, then the
element can be used. A title
attribute on the opening tag is
used to specify the full term.
**Citations &
Definitions:**
* When you are referencing a
piece of work such as a book,
film or research paper, the
element can be used
to indicate where the citation is
from.
In HTML5, should not
really be used for a person's
name — but it was allowed in
HTML 4, so most people are
likely to continue to use it.
* The first time you explain some
new terminology (perhaps an
academic concept or some
jargon) in a document, it is
known as the defining instance
of it.
The element is used to
indicate the defining instance of
a new term.
* The element has
quite a specific use: to contain
contact details for the author of
the page.
It can contain a physical address,
but it does not have to. For
example, it may also contain a
phone number or email address.
* The element can be used
to show content that has been
inserted into a document, while
the < element can show text
that has been deleted from it.
* The s element indicates
something that is no longer
accurate or relevant (but that
should not be deleted)
### Introducing CSS:
* CSS allows you to create rules that control the
way that each individual box (and the contents
of that box) is presented.
* CSS works by associating rules with HTML elements. These rules govern
how the content of specified elements should be displayed. A CSS rule
contains two parts: a selector and a declaration.
I[dd](https://miro.medium.com/max/3840/1*naFDyXh9iGtmvNRhhFY-og.png)
**Using External CSS:**
The element
can be used
in an HTML document to tell the
browser where to find the CSS
file used to style the page. It is an
empty element (meaning it does
not need a closing tag), and it
lives inside the element.
It should use three attributes:
href
This specifies the path to the
CSS file (which is often placed in
a folder called css or styles).
type
This attribute specifies the type
of document being linked to. The
value should be text/css.
rel
This specifies the relationship
between the HTML page and
the file it is linked to. The value
should be stylesheet when
linking to a CSS file.
**Using Internal CSS:**
You can also include CSS rules
within an HTML page by placing
them inside a