Tech Terms you Must Know : Front End development

Image Source : Simpalm

Front End development

FRONT END

Front end describes all the parts of a website that can be seen and interacted with by users. Front end web development usually involves coding with HTML, CSS, and JavaScript.

HTML (HYPERTEXT MARKUP LANGUAGE)

HTML is the standard language used to create web pages. It’s the most basic building block you’ll need for developing websites. You might remember basic HTML tags from early personal websites like Myspace, where you could customize your page with commands inside <>.

HTML5

HTML5 is (as of this writing) the latest version of HTML. HTML5 focuses on features that can be used on low-powered devices (making it ideal for creating mobile applications), the native ability to work with multimedia and graphic content, and new semantic web tag elements (features you use to structure your pages and documents).

ELEMENTS

Elements are individual HTML components of an document or webpage. For example, a paragraph in an HTML document is an element. Elements are made up of an opening tag (<p>), a closing tag (</p>), and information between them:

<p>This is my paragraph!</p>

META ELEMENTS

Meta elements are HTML elements that don’t appear visibly for the user on a webpage, but give the web browsers additional information about the page—keywords, author of the document, last modified, etc.

SEMANTIC ELEMENTS

Semantic elements are HTML elements that provide information to the web browser processing the page as well as the developer building it. While non-semantic elements like <div> and <span> don’t describe their content, semantic elements like <header>, <section>, and <article> define their content in their name.

STRUCTURAL ELEMENTS

Structural elements are the HTML elements used to organize the content of a web page. Structural elements like <div> and <span> are used to group block level and inline content together, respectively, while <header> contains the header content of a page, <footer> contains the footer content, etc.

ATTRIBUTES

Attributes are used to provide additional information about HTML elements. For example an HTML element like a paragraph can have an attribute of being aligned (left, center, or right). Attributes are included in the opening tag and made up of the attribute name, an equal sign, and a value in double quotes.

Example: <p = align=”right”>This is my paragraph!</p>

OPENING TAG AND CLOSING TAGS

Opening and closing tags are sets of angle brackets with an HTML element character(s) that contains a piece of content or part of the structure for a web page

Example of opening tag: <p>

Example of closing tag: </p>

SELF-CLOSING TAG

Self-closing tags are opening tags that don’t have a corresponding closing tag but instead close themselves with a forward slash before the right angle bracket. If you look at this tag to insert an image, you’ll see that it has the / which typically denotes closing a tag inside the opening tag.

Example: <img src=”http://example.com/myimage.jpg” alt=”My image”/>