# data[].attributes.body
the number of headings possible: <h1> up to <h6>

<h1> --> largest

<h6> --> smallest (depends on the importance)

# data[].attributes.body
UNORDERED

<ul> <li> cheese

<li> ham

<li> lettuce

<li> bread

</ul>

(just lists in bulletin eg grocery list)

ORDERED

<ol> <li> get a dog

<li> wrap dog in tortilla

<li> feed it

<li> eat it

</ol>

(lists in order 1. 2. 3. eg recipe)

# data[].attributes.body
The <p> tag is used to define paragraphs in HTML.

# data[].attributes.body
<p class="intro"> --> attach a reusable name to any element

<p class="intro" id="article-intro">--> use unique names once in an entire html page

<blockquote contenteditable="true"> to edit content but it won't save

# data[].attributes.body
2 Types of Italics: Use <i> for visual italics and <em> for emphasis. <i> is for titles or names, while <em> conveys verbal emphasis.

2 Types of Bold: Use <b> for visual bold and <strong> for importance. <b> is for styling without meaning, while <strong> indicates importance or urgency.

# data[].attributes.body
<body>

keep all content which we want to display.

# data[].attributes.body
Block: <blockquote> element to distinguish quotes from surrounding text.

Inline: <q> element for quotes that are part of a larger text.

# data[].attributes.body
<head>

container for metadata (data about data) and is placed between the <html> tag and the <body> tag.

Metadata define the document title, character set, styles, scripts, and other meta information.

# data[].attributes.body
Creating Links: use <a> element with the href attribute to create links. href attribute specifies the URL the link points to.

Anchor Text: The clickable text or content goes between the opening <a> and closing </a> tags. This can be text, images, or more complex content.

# data[].attributes.body
Image: Use <img> tag to add images to a webpage. Essential attributes include src, alt , width, and height.

Alt Attribute: provides alternative text for the image, crucial for accessibility, especially for screen readers.

Width and Height: helps browser allocate space for the image before it loads, preventing layout shifts.

# data[].attributes.body
<title>This is my Title</title>

# data[].attributes.body
<!-- add comment - - >

The comments are usually hidden

# data[].attributes.body
"ill remember this..."