TIL: Intro HTML

Hyper Text Markup Language: a text file that a browser reads and displays to a user.
HTML uses lots of tags. To tag something, wrap angle brackets < > around text. e.g.:

      <p> </p>

The second tag is a closing tag indicated by the "/".

Elements

Elements tell the browser about the info between an opening and closing tag.
There are also empty elements with no closing tag like:

      <br>

This element's used to add a line break.

Attributes

Attributes give more info about a specific element, letting you do or display more. Examples include making a link open in a new tab or adjusting an image's size.
Attributes go inside the opening tag and are specific to the element it's modifying. They're made up of an attribute name, an equal sign, and an assigned value:

Attribute name	=	Assigned value
target	=	"_blank"

Here's what it looks like inside an element:

      <a href="http://www.example.com/index.html" target="_blank">Click me</a>

Embedding

HTML can insert things like links to another site, tables, forms and media like images and videos.

HTML Sections

Usually a doctype declaration is first to let the browser know what type of document the file is.

      <!DOCTYPE html>

Next, there's <html> and </html> tags to let the browser know when the html starts and ends.

Nested within the html tags are the:

Header: Contains the webpage title and metadata like the spoken language of the page.
Body: Most everything that's displayed to the user.

Comments

Comments can be added as private notes for your code that don't show up on the webpage.

      <!--Note listed here-->

That's all for today!
- Vivi Ramos