Table Headers

Each table row starts with a <tr> and end with a </tr> tag.

Table Rows

Table Cells

HTML Table

To add a favicon to your website, either save your favicon image to the root directory of your webserver, or create a folder in the root directory called images, and save your favicon image in this folder. A common name for a favicon image is "favicon.ico".

Next, add a <link> element to your "index.html" file, after the <title> element, like this:

HTML Favicon

Both examples above are using an absolute URL (a full web address) in the href attribute.

A local link (a link to a page within the same website) is specified with a relative URL (without the "https://www" part):

absolute &  relative URL

External CSS

An internal CSS is used to define a style for a single HTML page.

An internal CSS is defined in the <head> section of an HTML page, within a <style> element.

The following example sets the text color of ALL the <h1> elements (on that page) to blue, and the text color of ALL the <p> elements to red. In addition, the page will be displayed with a "powderblue" background color: 

Internal CSS

An inline CSS is used to apply a unique style to a single HTML element.

An inline CSS uses the style attribute of an HTML element.

The following example sets the text color of the <h1> element to blue, and the text color of the <p> element to red:

Inline CSS

The “controls” attribute can be set to true or false and will handle whether controls such as the play/pause button or volume slider appear. You set it to true by adding it into the tag, if it is not present in the tag it is set to false.

HTML5 controls

The “poster” attribute is the image that shows on the video until the user clicks to play it.

HTML5 poster

“autoplay” can be set to either true or false. You set it to true by adding it into the tag, if it is not present in the tag it is set to false. If set to true, the video will begin playing as soon as enough of the video has buffered for it to be able to play. Many people find autoplaying videos as disruptive or annoying so use this feature sparingly. Also note, that some mobile browsers, such as Safari for iOS, ignore this attribute.

HTML5 autoplay

Before HTML5, in order to have a video play in a webpage you would need to use a plugin, like Adobe Flash Player. With the introduction of HTML5, you can now place it directly into the page itself. The HTML

To embed video file into web page, just add this code snippet and change the src of audio file.

HTML5 video

<figure> is for wrapping your image content around it, and <figcaption> is to caption your image.

HTML5 figure

The <time> element allows an unambiguous ISO 8601 date to be attached to a human-readable version of that date.

HTML5 time

The <small> element often appears within a <footer> or <aside> element which would usually contain copyright information or legal disclaimers, and other such fine print. However, this is not intended to make the text smaller. It is just describing its content, not prescribing presentation.

HTML5 small

If there is a <header> there must be a <footer>. A <footer> is generally found at the bottom of a document, a section, or an article. Just like the <header> the content is generally metainformation, such as author details, legal information, and/or links to related information. It is also valid to include <section>elements within a footer.

HTML5 footer

 we can separate our menu items with a <nav>, for navigation between your pages. You can have any number of <nav> elements on a page, for example, its common to have global navigation across the top (in the <header>) and local navigation in a sidebar (in an <aside> element).

HTML5 nav

The <aside> element is intended for content that is not part of the flow of the text in which it appears, however still related in some way. This of <aside> as a sidebar to your main content.

HTML5 aside

The <hgroup> element should be used where you want a main heading with one or more subheadings.

HTML5 hgroup

The <header> element is generally found at the top of a document, a section, or an article and usually contains the main heading and some navigation and search tools.

HTML5 header

Semantic HTML elements clearly describe it’s meaning in a human and machine readable way. Elements such as <header>, <footer> and <article> are all considered semantic because they accurately describe the purpose of the element and the type of content that is inside them.

HTML5 Section

HTML5 Audio

Img Src Attribute

Img Width Attribute

The align attribute of an image specifies where the image should be aligned according to the surrounding element.

Attribute Values:
right - Align image to the right left - Align image to the left
top - Align image to the top
bottom - Align image to the bottom
middle - Align image to the middle

 Img Align Attribute

This attribute specifies the font size as either a numeric or relative value. Numeric values range from 1 to 7with 1 being the smallest and 3 the default. It can also be defined using a relative value, like +2 or -3, which set it relative to the value of the size attribute of the <basefont> element, or relative to 3, the default value, if none does exist.

 Font Size Attribute

RGB attribute

Hex code attribute

Color name attribute

This attribute is no longer supported in html5. css is the way to go.

The Div Align attribute can be used to horizontally align the contents within a div. In the below example, the text will be centered within the div.

Important!

The <div align=""> attribute is used for aligning the text in a div tag to The Left, Right, center or justify.

 Div Align

Body Bgcolor 

If you want to add a background image instead of a color, one solution is the <body background> attribute. It specifies a background image for an HTML

 Body Background

The <a href> attribute refers to a destination provided by a link. The a (anchor) tag is dead without the <href> attribute. Sometimes in your workflow, you don’t want a live link or you won’t know the link destination yet. In this case, it’s useful to set the href attribute to "#" to create a dead link. The hrefattribute can be used to link to local files or files on the internet.

A Href Attribute 

ll HTML documents must start with a document type declaration: <!DOCTYPE html>.

The HTML document itself begins with <html> and ends with </html>.

The visible part of the HTML document is between <body> and </body>.

1st program html

Bottom Page Visibility

This snippet splits values into two groups, based on a predicate function. If the predicate function returns a truthy value, the element will be placed in the first group. Otherwise, it will be placed in the second group.

Bifurcate

This snippet splits values into two groups and then puts a truthy element of filterin the first group, and in the second group otherwise.

Name	Language	Author	Uses
Table Headers	HTML	y yogesh manthan	0
Table Rows	HTML	y yogesh manthan	0
Table Cells	HTML	y yogesh manthan	0
HTML Table	HTML	y yogesh manthan	1
HTML Favicon	HTML	y yogesh manthan	1
absolute & relative URL	HTML	y yogesh manthan	0
External CSS	HTML	y yogesh manthan	0
Internal CSS	HTML	y yogesh manthan	0
Inline CSS	HTML	y yogesh manthan	0
HTML5 controls	HTML	y yogesh manthan	0
HTML5 poster	HTML	y yogesh manthan	0
HTML5 autoplay	HTML	y yogesh manthan	0
HTML5 video	HTML	y yogesh manthan	1
HTML5 figure	HTML	y yogesh manthan	0
HTML5 time	HTML	y yogesh manthan	0
HTML5 small	HTML	y yogesh manthan	0
HTML5 footer	HTML	y yogesh manthan	1
HTML5 nav	HTML	y yogesh manthan	3
HTML5 aside	HTML	y yogesh manthan	0
HTML5 hgroup	HTML	y yogesh manthan	0
HTML5 header	HTML	y yogesh manthan	4
HTML5 Section	HTML	y yogesh manthan	0
HTML5 Audio	HTML	y yogesh manthan	0
Img Src Attribute	HTML	y yogesh manthan	0
Img Width Attribute	HTML	y yogesh manthan	0
Img Align Attribute	HTML	y yogesh manthan	0
Font Size Attribute	HTML	y yogesh manthan	0
RGB attribute	HTML	y yogesh manthan	0
Hex code attribute	HTML	y yogesh manthan	0
Color name attribute	HTML	y yogesh manthan	0
Important!	HTML	y yogesh manthan	0
Div Align	HTML	y yogesh manthan	0
Body Bgcolor	HTML	y yogesh manthan	0
Body Background	HTML	y yogesh manthan	1
A Href Attribute	HTML	y yogesh manthan	0
1st program html	HTML	y yogesh manthan	0
Bottom Page Visibility	JavaScript	m monizb	0
Bifurcate	JavaScript	m monizb	0
Split Array	JavaScript	m monizb	0
Average Of Numbers	JavaScript	m monizb	0
Attempt Function	JavaScript	m monizb	0
Array to HTML list	JavaScript	m monizb	0
Array To CSV	JavaScript	m monizb	0
Approximately equal	JavaScript	m monizb	0
All array elements equal	JavaScript	m monizb	1
Remove Duplicate	JavaScript	m molaycule	0
Capitialize string	JavaScript	m molaycule	2
Get random item from Array	JavaScript	m monizb	1
Factorial Number	Rust	GG Giovanny Gongora	0
Node.js class addon	Rust	GG Giovanny Gongora	2

Codiga Snippets, page 70