Skip to content

Instantly share code, notes, and snippets.

@jessepackwood
Last active August 11, 2017 20:44
Show Gist options
  • Save jessepackwood/d2411ebed1793b833aaf5b09b9751c2e to your computer and use it in GitHub Desktop.
Save jessepackwood/d2411ebed1793b833aaf5b09b9751c2e to your computer and use it in GitHub Desktop.

The purpose of HTML code on a website is to describe the structure of a web page.

The difference between an element and a tag HTML code is made up of characters inside angled brackets and those characters are called elements The elements are made up of two tags, an opening tag and a closing tag. Elements tell the browser something about the information that exists between the opening and closing tags

We use attributes in HTML elements to provide additional information about the contents of an element. Attributes appear in the opening tag and have two parts. The attribute name indicates what kind of extra information you are supplying about an element's content, it's written in lowercase. The "value" of the information is the setting for the attribute. ex. attribute called lang indicates language, the value of this attribute is english. written

Purpose of head, title, and body HTML elements Head This element contains information about the page, this information is not displayed in the main part of the browser. Title The contents of the title are shown above the space to type a URL or in the tab for a page Body Anything written between the body tags shows up in the main browser window

In Chrome, you can view view the source of a website by clicking view > developer > view source

5 HTML elements sup is used to contain characters that should be superscript such as the suffixes of dates or mathematical concepts like raising a number to a power such as 2^2 b bold text h1 main heading of a page br line break sub contains characters that should be subscript. commonly used with footnotes or chemical formulas such as H2O

Empty elements are are elements with no words between the opening and closing tag. An empty element usually only has one tag. Before the closing angled bracket of an empty element there will often be a space and a forward slash character.

Semantic markup includes text elements that are not intended to affect the structure of your web pages, but they do add extra information 
<strong> is a semantic markup element that indicates the content has a lot of importance. 
<em> stands for emphasis which will show the contents of the element in italic
<blockquote> is an element for longer quotes that take up an entire paragraph
  if you wanted to use a quote inside a paragraph you would use <q>

https://codepen.io/jessewood/pen/ayyZaw

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment