How To Create Table And Border in HTML Tutorial part8

If you merely need a border round the table, solely specify the border property for <table>
Width and height of a table area unit outlined by the breadth and height properties.

The text-align property sets the horizontal alignment (like left, right, or center) of the content in <th> or <td>.
By default, the content of <th> components area unit center-aligned and therefore the content of <td> components area unit left-aligned.

The following example left-aligns the text in <th> elements:
The vertical-align property sets the vertical alignment (like prime, bottom, or middle) of the content in <th> or <td>.

By default, the vertical alignment of the content during a table is middle (for each <th> and <td> elements).
The following example sets the vertical text alignment to bottom for <td> elements:

Add a instrumentality component (like <div>) with overflow-x:auto round the <table> component to form it responsive:

DOWNLOAD Output File

Comments

HOW TO CREATE BORDER USING HTML AND CSS

A border in your hypertext mark-up language pages will facilitate bring attention to an area of text or surround the other hypertext mark-up language component. As is seen below a border is created around any text victimization hypertext mark-up language and CSS on your website. within the example below we've enclosed a paragraph (<p></p>) with a red border. In the on top of code, the fashion is process the border size (px short for pixel), style type, and border color. the fashion of the border is however the border seems on screen. alternative kinds of border designs embrace dotted, dashed, double, groove, ridge, inset, and outset. The border color defines the colour you would like to use for the border. within the on top of example, the colour code #FF0000 was used, that is that the code for red. All of the on top of examples use "inline" designs to make the borders. you'll conjointly use "embedded" vogue sheets or "external...

How To Create Image Gallery In HTML Tutorial Part10

Create a photograph gallery, wizard vogue, Associate in Nursingd plant it into any website that accepts hypertext markup language or publish it as an RSS feed. it's conjointly totally compatible with many CMS programs like WordPress, Drupal, Joomla, TypePad, MediaWiki, Ning, Blogger, vBulletin, Weebly, WordPress letter of the alphabet and crony Press. JQuery, Flash templates to make your image galleries. additionally to specifications, a live demo is provided for all listed example. Because plenty of users asked within the comments wherever they will realize a gallery with navigation and slideshow, you'll check my newest tutorial with a whole hypertext markup language image gallery here, which incorporates navigation arrows, bullets, slideshow and thumbnails. Check it out, or if you do not want this advanced image gallery, you'll simply continue reading the straightforward hypertext markup language image gallery beneath the video. DOWNLOAD Output File

ALTEA || PARALLAX ONE PAGE HTML5 TEMPLATE

MULTIPURPOSE HTML5/CSS3 RESPONSIVE model Altea may be a paralax one page that comes in three versions (corporate, agency and app landing page) with ten pre-made color schemes. the company version includes a free exclusive custom created Infographics (AI). We accessorial plenty of handfull choices which will assist you create your web site distinctive and ideal for any reasonably project. LIVE DEMO DOWNLOAD

Learn web design | Free templates

Search This Blog