Theme Layout

Boxed or Wide or Framed

Wide

Theme Translation

Display Featured Slider

Featured Slider Styles

Display Grid Slider

yes

Grid Slider Styles

Display Trending Posts

Display Author Bio

Display Instagram Footer

off

Dark or Light Style

Light
Powered by Blogger.
Navigation Menu

All rights reserved
komorebi 2016

Friday, February 24, 2017

[HTML5] Styles - CSS

[HTML5] Styles - CSS

Posted by 3:12:00 PM

# HTML Styles - CSS

● Styling HTML with CSS

CSS stands for Cascading Style Sheets.
CSS describes how HTML elements are to be displayed on screen, paper, or in other media.
CSS saves a lot of work. It can control the layout of multiple web pages all at once.
CSS can be added to HTML elements in 3 ways.

  • Inline - by using the style attribute in HTML elements
  • Internal - by using a <style> element in the <head> section
  • External - by using an external CSS file

The most common way to add CSS, is to keep the styles in separate CSS files.

● Inline 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.

● Internal 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.

● External CSS

An external style sheet is used to define the style for many HTML pages.
With an external style sheet, Programmer can change the look of an entire web site, by changing one file!
To use an external style sheet, add a link to it in the <head> section of the HTML page.


● CSS Fonts

The CSS color property defines the text color to be used.
The CSS font-family property defines the font to be used.
The CSS font-size property defines the text size to be used.

● CSS Border

The CSS border property defines a border around an HTML element.

● CSS Padding

The CSS padding property defines a padding between the text and the border.

● CSS Margin

The CSS margin property defines a margin outside the border.

● The id Attribute

To define a specific style for one special element, add an id attribute to the element.

● The class Attirbute

To define a style for a special type of elements, add  a class attribute to  the element.


● External References

External style sheets can be referenced with a Full URL or with a path relative to the current web page.


Read more »
Unknown
0 Comments

You Might Also Like

Study
[HTML5] Computer Code Elements

[HTML5] Computer Code Elements

Posted by 1:58:00 PM

# HTML Computer Code Elements

● HTML Computer Code Formatting

HTML normally uses variable letter size and spacing.
This is not what we want when displaying computer code.
The <kbd>,<samp>, and <code> elements are all displayed in fixed letter size and spacing.

● HTML <kbd> For Keyboard Input

The HTML <kbd> element defines keyboard input.

● HTML <samp> For Computer Output

The HTML <samp> element defines sample output from a computer program.

● HTML <code> For Computer Code

The HTML <code> element defines a piece of programming code.

Notice that the <code> element does not preserve extra whitespace and line-breaks.
To fix this, Putting the <code> element inside a <pre> element.

● HTML <var> For Variables

The HTML <var> element defines a variable.
The variable could be a variable in a mathematical expression or a variable in programming context.

● HTML Computer Code Elements

https://www.w3schools.com/html/html_computercode_elements.asp

Read more »
Unknown
0 Comments

You Might Also Like

Study
[HTML5] Quotation and Citation Elements

[HTML5] Quotation and Citation Elements

Posted by 1:23:00 PM

# HTML Quotation and Citation Elements.

● HTML <q>  for Short Quotations

 The HTML <q> element defines a short quotation.
Browsers usually insert quotation marks around the <q> element.

● HTML <blockquote> for Quotations.

 The  HTML <blockquote> element defines a section that is quoted from another source. Browsers usually indent <blockquote> elements.

● HTML <abbr> for Abbreviations.

 The  HTML <abbr> element defines an abbreviation or an acronym.
Making abbreviations can give useful information to browsers, translation systems and search-engines.

● HTML <address> for Contact Information

 The HTML <address> element defines contact information of a document or article.
The <address> element is usually displayed in italic. Most browsers will add a line break before and after the element.

● HTML <cite> for work Title.

 The HTML <cite> element defines the title of a work.
Browsers usually display <cite> elements in italic.

● HTML <bdo> for Bi-Directional Override.

 The HTMl <bdo> element defines bi-directional override.
The <bro> element is used to override the current text direction.

● HTML Quotation and Citation Elements


Read more »
Unknown
0 Comments

You Might Also Like

Study
[HTML5] Text Formatting

[HTML5] Text Formatting

Posted by 12:21:00 PM

# HTML Text Formatting

● HTML Formatting Elements.

HTML defines special elements for defining text with a special meaning.
HTML uses elements like <b> and <i> for formatting output, like bold or italic text.
Formatting elements were designed to display special types of text.

  • <b> - Bold text
  • <strong> - Important text
  • <i> - Italic text
  • <em> - Emphasized text
  • <mark> - Marked text
  • <small> - Small text
  • <del> - Deleted text
  • <ins> - Inserted text
  • <sub> - Subscript text
  • <sup> - Superscript text

● HTML Text Formatting Elements

https://www.w3schools.com/html/html_formatting.asp

Read more »
Unknown
1 Comments

You Might Also Like

Study
[HTML5] Styles

[HTML5] Styles

Posted by 12:08:00 PM

# HTML Styles

● The HTML Style Attribute

 Setting the style of an HTML element, can be done with the style attribute.
The HTML style attribute has the following syntax.
<tagname style="property:value;">
The property is a CSS property. The value is a CSS value.

● HTML Background Color

 The background-color property defines the background color for an HTML element.
This example sets the background color for a page to powderblue.

● HTML Text Color

 The color property defines the text color for an HTML element.

● HTML Fonts


 The font-family property defines the font to be used for an HTML element.

● HTML Text Size


 The font-size property defines the text size for an HTML element.

● HTML Text Alignment

 The text-align property defines the horizontal text alignment for an HTML element.

Read more »
Unknown
0 Comments

You Might Also Like

Study

Thursday, February 23, 2017

[HTML5] Paragraphs

[HTML5] Paragraphs

Posted by 2:57:00 PM

# HTML Paragraphs

● HTML Paragraphs

 The HTML <p> element defines a paragraph.

● HTML Line Breaks

 The HTML <br> element defines a line break.

● The HTML <pre> Element

 The HTML <pre> element defines preformatted text. The text inside a <pre> element is displayed in a fixed-width font, and it preserves both spaces and line breaks.

● HTML Tag Reference


Read more »
Unknown
0 Comments

You Might Also Like

Study
[HTML5] Headings

[HTML5] Headings

Posted by 2:36:00 PM

#HTML Headings

Headings are important in HTML documents.

● HTML Headings

 Headings are defined with the <h1> to <h6> tags.
<h1< defines the most important heading. <h6> defines the least important heading.

● Headings are Important


Search engines use the headings to index the structure and content of your web pages.

Users skim your pages by its headings. It is important to use headings to show the document structure.
<h1> headings should be used for main headings, followed by <h2> headings, then the less important <h3>, and so on.

● HTML Horizontal Rules

 The <hr> tag defines a thematic break in an HTML page, and is most often displayed as a horizontal rule.
The <hr> element is used to separate content in an HTML page.

● The HTML <head> Element.

The HTML <head> element has nothing to do with HTML headings.
The <head> element is a container for metadata. HTML metadata is data about the HTML document. Metadata is not displayed.
The <head> element is placed between the <html> tag and the <body> tag.


Read more »
Unknown
0 Comments

You Might Also Like

Study
Subscribe to: Posts (Atom)

Follow @SunriseSunsetBlog