Email: Info@NapoliConstructionLLC.com Call: 856-202-5816

Text Styles

Headers

Headers are used to describe such elements as website name, slogan, section titles. HTML and XHTML specifications define 6 levels of headers, where h1 is the most important and h6 is the least important.

Header 1

Header 2

Header 3

Header 4

Header 5
Header 6

Headers with a following paragraph. BTW, there’s a horizontal rule above this paragraph.

Header 1

How vain and foolish, then, thought I, for timid untravelled man to try to comprehend aright this wondrous whale, by merely poring over his dead attenuated skeleton, stretched in this peaceful wood. No. Only in the heart of quickest perils; only when within the eddyings of his angry flukes; only on the profound unbounded sea, can the fully invested whale be truly and livingly found out.

Header 2

Within Pellucidar one time is as good as another. There were no nights to mask our attempted escape. All must be done in broad day-light—all but the work I had to do in the apartment beneath the building. So we determined to put our plan to an immediate test lest the Mahars who made it possible should awake before I reached them; but we were doomed to disappointment, for no sooner had we reached the main floor of the building on our way to the pits beneath, than we encountered hurrying bands of slaves being hastened under strong Sagoth guard out of the edifice to the avenue beyond.

Header 3

Within Pellucidar one time is as good as another. There were no nights to mask our attempted escape. All must be done in broad day-light—all but the work I had to do in the apartment beneath the building. So we determined to put our plan to an immediate test lest the Mahars who made it possible should awake before I reached them; but we were doomed to disappointment, for no sooner had we reached the main floor of the building on our way to the pits beneath, than we encountered hurrying bands of slaves being hastened under strong Sagoth guard out of the edifice to the avenue beyond.

Header 4

People were watching for Martians here from the church towers. My brother, very luckily for him as it chanced, preferred to push on at once to the coast rather than wait for food, although all three of them were very hungry. By midday they passed through Tillingham, which, strangely enough, seemed to be quite silent and deserted, save for a few furtive plunderers hunting for food. Near Tillingham they suddenly came in sight of the sea, and the most amazing crowd of shipping of all sorts that it is possible to imagine.

Header 5

“The unforeseen does not exist,” quietly replied Phileas Fogg.

Header 6

Another man now joined the group, and, after making his formal greetings to his ruler, said:


Links

Local link

External link

External link with encrypted connection

E-mail link


Block elements

Address

The address element

Block quote

The blockquote element is used to indicate the quotation of a bigger section of text from another source. Using the default HTML styling of most web browsers, it will indent the right and left margins both on the display and in printed form.Wikipedia, The Free Encyclopedia

Preformated text

	// This is preformated text: LFD
          ,--,
	,---.'|
	|   | :       ,---,.    ,---,
	:   : |     ,'  .' |  .'  .' `\
	|   ' :   ,---.'   |,---.'     \
	;   ; '   |   |   .'|   |  .`\  |
	'   | |__ :   :  :  :   : |  '  |
	|   | :.'|:   |  |-,|   ' '  ;  :
	'   :    ;|   :  ;/|'   | ;  .  |
	|   |  ./ |   |   .'|   | :  |  '
	;   : ;   '   :  '  '   : | /  ;
	|   ,/    |   |  |  |   | '` ,/
	'---'     |   :  \  ;   :  .'
	          |   | ,'  |   ,.'
	          `----'    '---'

WordPress Image Styles

This page is filled with sample content illustrating what various image types look like in 2010. Text is lorem ipsum filler.


Right-aligned medium

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas vel ultricies sapien. Proin eu accumsan metus. Pellentesque varius aliquet sapien, sed laoreet diam viverra vel. Phasellus condimentum congue ante. Donec porttitor eleifend erat eget faucibus. Vivamus mattis imperdiet sem a volutpat. Cras ultrices tincidunt hendrerit. Nulla facilisi. Morbi id lorem et sapien luctus eleifend. Vestibulum eleifend dapibus ornare. Ut at dui metus, in accumsan nibh. Nam ultricies turpis sit amet erat elementum nec mollis tellus vehicula. Phasellus mollis faucibus odio, id malesuada justo venenatis in. Sed ultricies, augue quis ullamcorper condimentum, diam turpis laoreet risus, quis pretium urna diam et nibh. Nunc molestie mauris vel est hendrerit tempus. Nam elit enim, pellentesque sit amet fringilla quis, bibendum at tellus. Nunc at tortor sapien. Nam feugiat libero ut nisl sodales eleifend. Nulla laoreet metus in dolor mattis vitae interdum massa.


Left-aligned Medium

Duis nec elit dui, sit amet feugiat urna. Aenean interdum laoreet pellentesque. Nullam neque magna, euismod nec varius et, aliquet a neque. Ut ac vestibulum odio. Aenean non lobortis nulla. Nulla facilisi. In cursus, sem eu ultricies elementum, nulla lacus pretium diam, ac congue mauris velit ut velit. Fusce ante odio, adipiscing eu interdum sit amet, laoreet id lacus. Nam ante nulla, gravida a placerat eu, fermentum vel sem. Praesent eros augue, congue et congue a, varius sit amet ipsum.

Vivamus iaculis mollis fringilla. Sed convallis consectetur tincidunt. Aenean a nunc odio, a commodo elit. In quis risus id dolor porta iaculis. Sed vel felis eu neque molestie eleifend vitae et sem. Aliquam magna est, sodales et rutrum ac, ullamcorper at ipsum. Sed volutpat accumsan tortor vulputate pulvinar. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur sit amet elit a augue bibendum tempus. Praesent auctor mauris vel purus mattis vel imperdiet arcu pulvinar. Nunc est nisi, viverra in tincidunt vitae, sodales vitae mi. Quisque nisl elit, luctus viverra venenatis eget, auctor pharetra turpis. Nam vel justo arcu, sollicitudin blandit quam.


Full-Width (Large)

Aenean eu urna felis. Vivamus placerat neque ac diam imperdiet eget sollicitudin nisl ornare. Ut adipiscing neque non sapien malesuada ullamcorper. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Fusce non tincidunt dui.

Suspendisse convallis pretium varius. Duis vitae sem ut quam dignissim pellentesque at id dolor. Etiam mi est, scelerisque sed viverra et, sollicitudin eget orci. Donec felis erat, ultrices sit amet molestie quis, ultrices nec libero. Donec eu odio neque, luctus laoreet urna. Integer eget augue ante, a facilisis dolor. Morbi non dui at lectus dignissim pulvinar. Nullam condimentum egestas feugiat. Aliquam elementum pharetra nibh id suscipit. Nam viverra tristique turpis.


Images with captions

Medium Image Caption

Fusce molestie erat vel augue lobortis sit amet ultrices eros interdum. Suspendisse lobortis gravida sapien, in mattis velit rutrum a. Vivamus condimentum neque scelerisque arcu cursus id viverra tellus adipiscing. In leo justo, gravida in suscipit lacinia, euismod non ligula. Nullam non cursus nisi. Pellentesque eu lectus lectus, sit amet imperdiet mauris. Phasellus leo metus, vulputate at tincidunt id, dictum sit amet purus. Praesent at nisi tortor, et consequat elit. Phasellus gravida velit tempus eros aliquam porttitor. Vivamus tempor ultrices ligula eu molestie. Donec eu enim nibh, nec pellentesque elit. Nam a ultricies felis. Duis cursus, massa ut mollis faucibus, enim ligula pulvinar felis, vitae bibendum diam sem non erat. In fringilla nisi vitae tortor varius at sagittis enim condimentum. Aliquam id leo at mi varius dictum et nec quam. Pellentesque tortor nunc, dignissim at scelerisque a, adipiscing non neque. Aliquam erat volutpat.


Thumbnails

Aenean interdum laoreet eros, ut sollicitudin velit tempor et. Aliquam sit amet euismod ante. Quisque orci orci, scelerisque et iaculis nec, interdum at erat. Cras eget risus nec orci mollis pellentesque. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec non risus nisl, eu feugiat nulla. Etiam congue ornare dui rhoncus tincidunt.

Donec tristique orci sed mi ullamcorper elementum. Sed elit magna, blandit et porttitor nec, sollicitudin dictum diam. Nullam sed mattis mi. Proin sagittis purus at sapien facilisis pretium. Curabitur ac ullamcorper mi. Phasellus tristique, justo non tincidunt commodo, libero sapien gravida urna, eget commodo purus mi eu nisi. Nam risus sem, euismod at pretium vel, tincidunt eu eros. Maecenas fringilla, tortor sed feugiat rhoncus, purus arcu vestibulum odio, quis commodo justo purus non ligula.


Phrase elements

em

Element used to put emphasis on certain information. Most browsers display emphased text in italics by default.

Sample: This is emphasied text.

strong

This element stands for “stronger emphasis” and is used for marking more important text.

Sample: This is text with stronger emphasis

cite

According to W3C specification, we use cite element to define source of a quotation or reference.

Sample: This is quotation source

dfn

Element used to markup inline definition of a single term.

Sample: This is definition

code

This element informs the browser that it contains a computer code, such as XHTML markup.

Sample: document.write("Hello world");

samp

Defines computer output data, for example we can use it to markup error messages.

Sample:Error: no such file or directory

kbd

Means information that should be entered by the user.

Sample: press Alt + F4 to close this window. ESC

var

Means variables used in computer programs or scripts.

Sample: counter

abbr

Abbreviation / a shortened form of a word or phrase.

Sample: dr

acronym

Acronym / a word formed from the initial letters of other words.

Sample acronyms: XHTML

q

Inline quotation.

Sample: This is sample quotation


Numbers and miscellaneous characters

0 1 2 3 4 5 6 7 8 9

+ – – — _ = ? ! ~ ( ) [ ] { } * ^ | “” \’\’ `´ / \ & @ £ $ § ½ % ¨ ; : . ,

a b c d e f g h i j k l m n o p q r s t u v w x y z ö ä å

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Ö Ä Å


Lists

Unordered List

  • Apple
  • Pear
  • Banana
  • Orange
  • Carrot

Ordered List

  1. First
  2. Second
  3. Third
  4. Fourth

Definition List

Definition List Title
This is a definition list division.
Inkscape
Open Source vector graphics editor
SVG
Scalable Vector Graphics
W3C standard
GIMP
GNU Image Manipulation Program
Drupal
Content Management System

Nested lists

  1. one, two
    1. buckle my shoe
  2. three, four
    1. knock at the door
    2. (knock at the door, repeated)
  3. Five, six
    1. pick up sticks
  4. Seven, eight, lay them straight
    1. Nine, ten, a big fat hen
    2. Eleven, twelve, dig and delve
    3. Thirteen, fourteen, maids a’courting
    4. Fifteen, sixteen, maids in the kitchen
    5. Seventeen, eighteen, maids a’waiting
    6. Nineteen, twenty, my platter’s empty …

Paragraphs

According to Wikipedia: a paragraph (from the Greek paragraphos, “to write beside” or “written beside”) is a self-contained unit of a discourse in writing dealing with a particular point or idea. The start of a paragraph is indicated by beginning on a new line. Sometimes the first line is indented; sometimes it is indented without beginning a new line.

A paragraph typically consists of a unifying main point, thought, or idea accompanied by supporting details. The non-fiction paragraph usually begins with the general and moves towards the more specific so as to advance an argument or point of view. Each paragraph builds on what came before and lays the ground or run the length of multiple pages, and may consist of one or many sentences. When dialogue is being quoted in fiction, a new paragraph is used each time the person being quoted changed.

In (X)HTML, the p element marks a block of text as a paragraph – the opening tag <p> marks the beginning of a paragraph, and the closing tag </p> marks the end of a paragraph. The end tag is optional for legacy HTML as the browser automatically starts another paragraph at the next <p> tag, or the nextblock element.


Tables

Table title goes here
Mauris Tempor Praesent lacus nulla Quis
Mauris 23.000 Suspendisse viverra Yes
Trupis 1.000 Placerat tortor aesent semper No
Sagittis 122.000 Neque vel condimentum No
Libero 500 Hendrerit, lectus elit pretium Yes
Tristique 100.000 Ligula nec consequat Yes
Id Neque 600.000 Etiam sodales orci nec No

Other elements

Subscript and superscript samples

H2O,

E = mc2,

The 14th of September

Insertion and deletion samples

This information was just added.

Whilte this information is no longer valid.

Presentational elements

Bold text

Italic text

Typewriter text

Big

Small

Horizontal rule:


UTF-8 test

Ä, ä, Ö, ö, Ü, ü, ß

Š Ť Ž Ľ Č Ě Ď Ň Ř Ů Ĺ

ХЦЧШЩЬЫЪЭЮЯ


That’s all she wrote.

1 Comment
  1. Hi, this is a comment.
    To delete a comment, just log in and view the post's comments. There you will have the option to edit or delete them.


 
GWCC logo