/DataBootcamp-Web-Module

Primary LanguageHTML

Data Bootcamp Web Module

File Structure - Basic HTML Tags

HTML Tag Purpose More info
<html> Delimits the start & end of an HTML document W3 Schools HTML basics
<!Doctype html> Helps define the HTML Document as HTML5 W3 Schools HTML basics
<head> The container that defines, or links, the document's metadata and other important sources W3 Schools HTML basics
<body> The container that will have the contents of the HTML file. This is the information/images/videos/etc that you see rendered in the web browser W3 Schools HTML basics
<title> This tag is part of the metadata of the HTML's head tag used to define the title of the whole document. W3 Schools HTML Head
<style> This tag is used modify the style behavior of whichever HTML element it is embedded into. W3 Schools HTML Head
<script> This tag is used to call upon embedded/external client-side scripts that will enhance the webpage's beavior in the browser. W3 Schools HTML Head
<link> This tag is used to call upon external stylesheets. Styiling is al ot cleaner this way. W3 Schools HTML Head
<meta> This tag is used to define the documents' metadata which include: character set, page description, keywords, author and more. W3 Schools HTML Head
<base> This tag is used to define the base URL and base target for all relative urls in this document. W3 Schools HTML Head

Document Contents - Basic HTML Tags

HTML Tag Purpose More info
<p> This tag is the container for paragraphs of text that the webpage will display as written. W3 Schools HTML basics
<a> This tag is the container for external links that you want to include in your HTML document. W3 Schools HTML basics
<ul> This tag is the container for unordered lists W3 Schools HTML basics
<ol> This tag is the container for ordered lists. W3 Schools HTML basics
<img> This tag is the container for images (static media) that you want to display in your HTML document. W3 Schools HTML basics
<video> This tag is the container & controller for videos you want to embed into your HTML Document. The video format must be defined. W3 Schools HTML basics
<button> This tag is the container & controller for buttons that the user can interact with in your HTML Document W3 Schools HTML basics
<form> This tag is the container & controller for web forms that your HTML document will host. W3 Schools HTML basics
<div> This tag is a a block-level element always starts on a new line and takes up the full width available (stretches out to the left and right as far as it can). W3 Schools HTML blocks
<span> This tag is an inline element does not start on a new line and only takes up as much width as necessary. W3 Schools HTML blocks
<q> This tag defines a short quotation and the browser inserts the quotation marks automatically. W3 Schools HTML quotations
<code> This tag is a phrase tag. It defines a piece of computer code. W3 Schools HTML code blocks
<textarea> This tag tag defines a multi-line text input control. This tag is used inside the form tag W3 Schools HTML text input
<select> This tag defines a multi-line text input control. This tag is used inside the form tag W3 Schools HTML dropdown lists
<input> This element is used within a form element to declare input controls that allow users to input data. W3 Schools HTML input element