Muotoiluvinkkejä
finnishpair

Tekstimuodot

Filtered HTML

  • Www-osoitteet ja email-osoitteet muutetaan automaattisesti linkeiksi.
  • Sallitut HTML-tagit: <a> <em> <strong> <cite> <blockquote> <code> <ul> <ol> <li> <dl> <dt> <dd>

    Sivusto sallii HTML sisällön. Kaikkien HTML tagien opiskelu voi vaikuttaa turhalta joten voit opetella niistä vain yksinkertaisimmat. Tämä taulukko tarjoaa esimerkkejä jokaisesta sivustolla sallitusta HTML tagista.

    Lisätietoa saat W3C:n HTML-määrittelystä tai hakemalla suosikkihakukoneellasi muita sivustoja, jotka kertovat HTML:stä.

    Koodin kuvausKun kirjoitatNäet seuraavaa
    Ankkureilla luodaan linkkejä muille sivuille.<a href="http://finnishpair.fi">finnishpair</a>finnishpair
    Korostettu<em>Korostettu</em>Korostettu
    Lihavoitu<strong>Lihavoitu</strong>Lihavoitu
    Siteerattu<cite>Siteerattu</cite>Siteerattu
    Lohkolainaus<blockquote>Lohkolainaus</blockquote>
    Lohkolainaus
    Ohjelmointikielisen lähdekoodin näyttämiseen käytettävä koodimuotoinen teksti.<code>Koodattu</code>Koodattu
    Järjestämätön lista - käytä <li>-merkkausta kunkin kohdan alussa<ul> <li>Ensimmäinen kohta</li> <li>Toinen kohta</li> </ul>
    • Ensimmäinen kohta
    • Toinen kohta
    Järjestetty lista - käytä <li>-merkkausta kunkin kohdan alussa.<ol> <li>Ensimmäinen kohta</li> <li>Toinen kohta</li> </ol>
    1. Ensimmäinen kohta
    2. Toinen kohta
    Tagille li ei löydy ohjetta.
    Määrityslistat ovat samankaltaisia kuin muut HTML-listat. <dl> aloittaa listan, <dt> aloittaa määritystermin ja <dd> määrityskuvauksen.<dl> <dt>Ensimmäinen termi</dt> <dd>Ensimmäinen määritys</dd> <dt>Toinen termi</dt> <dd>Toinen määritys</dd> </dl>
    Ensimmäinen termi
    Ensimmäinen määritys
    Toinen termi
    Toinen määritys
    Tagille dt ei löydy ohjetta.
    Tagille dd ei löydy ohjetta.

    Suurin osa erikoismerkeistä voidaan syöttää suoraan ilman ongelmia.

    Jos törmäät ongelmiin, kokeile HTML-merkkikoodeja. Yleinen esimerkki on merkkikoodi &amp; merkille &. Täydellisen listan merkkikoodeista löydät HTML:n merkkikoodit-sivulta. Joitain käytettävissä olevia merkkejä ovat:

    Merkin kuvausKun kirjoitatNäet seuraavaa
    &-merkki&amp;&
    Suurempi kuin&gt;>
    Pienempi kuin&lt;<
    Lainausmerkki&quot;"
  • Rivit ja kappaleet tunnistetaan automaattisesti. Rivinvaihdon kohdalle merkitään <br />-tagi, ja kaksi rivinvaihtoa tuottaa kappaleenvaihdon <p> </p> -tagit. Jos kappaleen vaihtoa ei tunnisteta, lisää pari ylimääräistä rivinvaihtoa.

Plain text

  • HTML-merkit ovat kiellettyjä.
  • Www-osoitteet ja email-osoitteet muutetaan automaattisesti linkeiksi.
  • Rivit ja kappaleet tunnistetaan automaattisesti. Rivinvaihdon kohdalle merkitään <br />-tagi, ja kaksi rivinvaihtoa tuottaa kappaleenvaihdon <p> </p> -tagit. Jos kappaleen vaihtoa ei tunnisteta, lisää pari ylimääräistä rivinvaihtoa.
input:focus, select:focus, textarea:focus { border-color: #002f6c; } a { color: #002f6c; } .radio i, .checkbox i { color: #002f6c; } .radio i:before { background-color: #002f6c; } .button, .btn-default { border-color: #002f6c; background-color: #002f6c; } .button:hover { color: #002f6c; } .page-header-top { background-color: #002f6c; } .page-header-bottom-alt { background-color: #002f6c; } .page-intro:after { background-color: #002f6c; } .page-intro:before { background-color: #002f6c; } .page-content-section-bg { background-color: #002f6c; } .page-content-section-bg:before { background-color: #002f6c; } .page-content-section-border { border-top-color: #002f6c; } .page-footer { background-color: #002f6c; } .block-head-1 { border-bottom-color: #002f6c; } .block-head-1 i { background-color: #002f6c; } .block-head-2:after { background-color: #002f6c; } .block-head-2 i:after, .block-head-2 i:before { background-color: #002f6c; } .block-head-3 { border-bottom-color: #002f6c; } .block-head-3 i:after { background-color: #002f6c; } .block-head-4:after { background-color: #002f6c; } .block-head-7 { border-bottom-color: #002f6c; } .block-head-7:after { background-color: #002f6c; } .page-content-section-bg .block-head-3 i { color: #002f6c; } .main-search button { color: #002f6c; } .main-search button:after { background: #002f6c; } .main-nav li a { color: #002f6c; } .main-nav li a:before { background-color: #002f6c; } .main-nav li ul { background-color: #002f6c; } .main-nav li li:hover > a, .main-nav li li.active > a, #block-newsletter-newsletter-subscribe .form-submit:hover, .block-product-details .add-wishlist .button-alt:hover, .block-product-details-2 .add-wishlist .button-alt:hover { color: #002f6c; } .main-nav .switcher { border-color: #002f6c; background-color: #002f6c; } .main-nav .mega > div { background-color: #002f6c; } #block-newsletter-newsletter-subscribe .form-submit, .btn-primary:hover, .btn-primary:focus, .btn-primary:active { border-color: #002f6c; background-color: #002f6c; } .art-portfolio ol li.active, .ui-slider-horizontal .ui-slider-handle, .ui-slider-horizontal .ui-slider-range, .btn-primary.link { background-color: #002f6c; } .btn-primary, .button:hover, .btn-default:hover, .btn-default:focus, .btn-default:active { border-color: #002f6c; color: #002f6c; } .btn-primary.link:hover, .btn-primary.link:focus, .btn-primary.link:active { color: #002f6c; } } @media screen and (max-width: 767px) { /* phone */ .main-nav ul { background-color: #002f6c; } .main-nav li a { color: #ecf0f1; } .main-nav li ul { background: #e9e9e9; } .main-nav li li { border-top-color: #002f6c; } .main-nav li li a { color: #002f6c; } .main-nav li li a:hover { background-color: #002f6c; color: #fff; } .main-nav li li ul { border-top-color: #002f6c; } .main-nav .mega ul li { border-top-color: #002f6c; } } .slider-revolution .fa:after { background-color: #002f6c; } .slider-revolution .title { border-top-color: 1px solid #002f6c; border-bottom-color: 1px solid #002f6c; } .slider-revolution .button-my { border-color: #002f6c; background-color: #002f6c; } .slider-revolution .button-my:hover { color: #002f6c; } .pagination-1 a:hover { border-color: #002f6c; color: #002f6c; } .pagination-1 .active, .pagination-1 .active:hover { border-color: #002f6c; background: #002f6c; } .pagination-2 a:hover { color: #002f6c; } .pagination-2 .active, .pagination-2 .active:hover { background: #002f6c; } .pagination-3 a:before { box-shadow: inset 0 0 0 1px #002f6c; } .pagination-3 .active:before, .pagination-3 .active:hover:before { background: #002f6c; } .pagination-4 a:hover { border-color: #002f6c; } .pagination-4 .active { border-color: #002f6c; background: #002f6c; } .pagination-5 a { border-color: #002f6c; background-color: #002f6c; color: #002f6c; } .block-benefits div:hover { border-color: #002f6c; background-color: #002f6c; } .block-benefits i { color: #002f6c; } .block-benefits-2 li i { color: #002f6c; } .block-benefits-2 .tabs a:hover { border-color: #002f6c; background-color: #002f6c; } .block-benefits-2 .tabs .active a, .block-benefits-2 .tabs .active a:hover { color: #002f6c; } .block-benefits-3 i { color: #002f6c; } .block-about .button { border-color: #002f6c; color: #002f6c; } .block-about .button:hover { background: #002f6c; color: #ecf0f1; } .block-about .owl-prev:hover, .block-about .owl-next:hover { color: #002f6c; } .block-about-2 .bar { background: #002f6c; } .block-about-2 .value { color: #002f6c; } .block-about-4 .owl-pagination div { border-color: #002f6c; background: #002f6c; } .block-about-5 .owl-prev, .block-about-5 .owl-next { display: inline-block; border-color: #002f6c; background-color: #002f6c; } .block-about-5 .owl-prev:hover, .block-about-5 .owl-next:hover { color: #002f6c; } .block-about-6 .icons a:hover { color: #002f6c; } .block-mission .year { background: #002f6c; } .block-mission .years a:after { border-bottom-color: #002f6c; } .block-recent-works ol li:hover { color: #002f6c; } .block-recent-works ol .active { border-color: #002f6c; background: #002f6c; } .block-recent-works .description { background: #002f6c; } .block-recent-works .description:before { border-right-color: #002f6c; } .block-recent-works-3 h3 { border-top-color: #002f6c; } .block-recent-works-3 .link { border-color: #002f6c; } .block-recent-works-3 .fancybox { background-color: #002f6c; } .block-recent-works-3 .owl-pagination div { border-color: #002f6c; background: #002f6c; } .block-recent-works-4:before { background: #002f6c; } .block-recent-works-4 .fancybox { background: #002f6c; } .block-recent-works-4 .owl-prev:hover, .block-recent-works-4 .owl-next:hover { color: #002f6c; } .block-recent-works-6 a:before { background: #002f6c; } .block-recent-works-6 .owl-prev, .block-recent-works-6 .owl-next { border-color: #002f6c; background: #002f6c; } .block-recent-works-6 .owl-prev:hover, .block-recent-works-6 .owl-next:hover { color: #002f6c; } .block-portfolio ol li:hover { color: #002f6c; } .block-portfolio ol li.active { border-bottom-color: #002f6c; } .block-portfolio ul .pic span:after, .block-portfolio ul .pic span:before { background: #002f6c; } .block-portfolio ul .pic span i { color: #002f6c; } .block-portfolio-2 ol li:hover { color: #002f6c; } .block-portfolio-2 ol li.active { background: #002f6c; } .block-portfolio-2 ul .pic:before { background: #002f6c; } .block-portfolio-2 ul .pic a { background: #002f6c; } .block-portfolio-2 ul .pic a:hover { color: #002f6c; } .block-portfolio-3 ol li:hover { color: #002f6c; } .block-portfolio-3 ol li.active { background: #002f6c; } .block-portfolio-4 h3 { border-top-color: #002f6c; } .block-portfolio-4 .link { border-color: #002f6c; } .block-portfolio-4 .fancybox { background: #002f6c; } .block-portfolio-5 ol li:hover { color: #002f6c; } .block-portfolio-5 ol li.active { background: #002f6c; } .block-portfolio-5 .info:before { background: #002f6c; } .block-portfolio-6 ol li:hover { color: #002f6c; } .block-portfolio-6 ol li.active { background: #002f6c; } .block-portfolio-6 ul a:before { background: #002f6c; } .block-portfolio-7 ol li:hover { color: #002f6c; } .block-portfolio-7 ol li.active { background: #002f6c; } .block-portfolio-7 ul li:before { background: #002f6c; } .block-portfolio-7 ul a:hover { color: #002f6c; } .block-portfolio-8 li div:before { background: #002f6c; } .block-portfolio-8 li a { background: #002f6c; } .block-clients .owl-prev, .block-clients .owl-next { color: #002f6c; } .block-testimonials-3 .carousel h3 { border-bottom-color: #002f6c; } .block-testimonials-3 .owl-pagination div { border-color: #002f6c; } .block-testimonials-3 .owl-pagination .active { background: #002f6c; } .block-testimonials-4 .owl-prev, .block-testimonials-4 .owl-next { border-color: #002f6c; background: #002f6c; } .block-testimonials-4 .owl-prev:hover, .block-testimonials-4 .owl-next:hover { color: #002f6c; } .block-services li a { border-color: #002f6c; } .block-services li a:hover { background-color: #002f6c; } .block-services-2 li a:hover { background: none; } .block-services-2 li a:after { box-shadow: inset 0 0 0 2px #002f6c; } .block-services-2 li a:hover:after { background-color: #002f6c; } .block-services-3 li a:hover { background: none; } .block-services-3 li a:after { box-shadow: inset 0 0 0 2px #002f6c; } .block-services-3 li a:before { background: #002f6c; box-shadow: inset 0 0 0 2px #002f6c; } .block-services-3 li a:hover:after { background-color: #002f6c; } .block-services-4 li a { border-color: #002f6c; } .block-services-4 li a:hover { background-color: #002f6c; } .block-services-5 li i { color: #002f6c; } .block-services-5 li i:hover { background: #002f6c; } .block-services-6 h3 span { color: #002f6c; } .block-services-6 li a { border-color: #002f6c; background: #002f6c; } .block-services-6 li a:hover { color: #002f6c; } .block-services-7 .info i { background: #002f6c; } .block-services-7 .carousel .active { background: #002f6c; } .block-services-7 .carousel .owl-prev, .block-services-7 .carousel .owl-next { border-color: #002f6c; background: #002f6c; } .block-services-7 .carousel .owl-prev:hover, .block-services-7 .carousel .owl-next:hover { color: #002f6c; } .block-pricing dt { color: #002f6c; } .block-pricing .price:before { background: #002f6c; } .block-pricing li:hover .inner { background: #002f6c; } .block-pricing li:hover .button { color: #002f6c; } .block-pricing li:hover .button:hover { background: #002f6c; } .page-content-section .block-pricing .inner { box-shadow: 0 0 0 1px #002f6c; } .block-pricing-2 dt { color: #002f6c; } .block-pricing-2 .price { background: #002f6c; } .block-pricing-2 .button { color: #002f6c; } .block-pricing-2 li:hover .inner { background: #002f6c; } .block-pricing-2 li:hover .button:hover { background: #002f6c; } .block-progress li i { border-color: #002f6c; color: #002f6c; } .block-team-2 .pic:before { background-color: #002f6c; } .block-team-2 .icons a { color: #002f6c; } .block-team-3 .pic:before { background-color: #002f6c; } .block-team-3 .icons a { color: #002f6c; } .block-team-3 .info h3 { color: #002f6c; } .block-team-list .pic span:after { background-color: #002f6c; } .block-team-list .icons a:hover { color: #002f6c; } .block-team-list .icons a:before { background: #002f6c; } .block-team-list .skills { border-top-color: #002f6c; border-bottom-color: #002f6c; } .block-team-grid .pic:before { background-color: #002f6c; } .block-skills i:before { background-color: #002f6c; } .block-skills .bar { border-color: #002f6c; background-color: #002f6c; } .block-skills-2 i:before { background-color: #002f6c; } .block-skills-2 .bar { border-color: #002f6c; background-color: #002f6c; } .block-capabilities h3 { color: #002f6c; } .block-capabilities-2 h3 { color: #002f6c; } .block-recent-posts .info { background-color: #002f6c; } .block-recent-posts-2:before { background-color: #002f6c; } .block-recent-posts-2 li .button { color: #002f6c; } .block-recent-posts-2 li .button:hover { background-color: #002f6c; } .block-recent-posts-2 .button-more { color: #002f6c; } .block-recent-posts-2 .button-more:hover { background-color: #002f6c; } .block-featured-posts .pic:before { background-color: #002f6c; } .block-blog-list .link { background: #002f6c; } .block-blog-list .date:before { background-color: #002f6c; } .block-blog-list .date-alt { background-color: #002f6c; } .block-blog-list .zoom { background-color: #002f6c; } .block-blog-grid .link { background: #002f6c; } .block-blog-grid .date:before { background-color: #002f6c; } .block-blog-grid .pic:hover .date { color: #002f6c; } .block-blog-grid .zoom { color: #002f6c; } .block-blog-details .date:before, .block-blog-details .reply:before, .block-blog-details .type:before { background-color: #002f6c; } .block-blog-details .date-alt { background-color: #002f6c; } .block-blog-details .share a:before { border-color: #002f6c; background: #002f6c; } .block-blog-details .share a:hover { color: #002f6c; } .block-blog-details .about:before { background: #002f6c; } .block-catalog-toolbar .view a:hover { border-color: #002f6c; color: #002f6c; } .block-catalog-toolbar .view .active, .block-catalog-toolbar .view .active:hover { border-color: #002f6c; background: #002f6c; } .block-catalog-toolbar .direction { border-color: #002f6c; background: #002f6c; } .block-catalog-toolbar .direction:hover { color: #002f6c; } .block-catalog-grid .pic:before { background: #002f6c; } .block-catalog-grid .badge { background: #002f6c; } .block-catalog-grid .price { color: #002f6c; } .block-catalog-grid .owl-prev, .block-catalog-grid .owl-next { border-color: #002f6c; background: #002f6c; } .block-catalog-grid .owl-prev:hover, .block-catalog-grid .owl-next:hover { color: #002f6c;; } .block-catalog-list .pic:after { background-color: #002f6c; } .block-catalog-list .badge:before { background-color: #002f6c; } .block-catalog-list .price { color: #002f6c; } .block-catalog-list .owl-prev, .block-catalog-list .owl-next { border-color: #002f6c; background-color: #002f6c; } .block-catalog-list .owl-prev:hover, .block-catalog-list .owl-next:hover { color: #002f6c;; } .block-product-details .price { color: #002f6c; } .block-product-details .button-alt { color: #002f6c; } .block-product-details-2 .button-alt { color: #002f6c; } .block-product-details-2 .share a:before { background-color: #002f6c; box-shadow: 0 0 0 2px #002f6c; } .block-product-details-2 .share a:hover { color: #002f6c; } .block-product-info .owl-prev, .block-product-info .owl-next { border-color: #002f6c; background-color: #002f6c; } .block-product-info .owl-prev:hover, .block-product-info .owl-next:hover { color: #002f6c; } .block-product-tabs .head .active { color: #002f6c; } .block-product-tabs .head .active:before { border-top-color: #002f6c; } .block-shopping-cart th { border-top-color: #002f6c; color: #002f6c; } .block-shopping-cart .price { color: #002f6c; } .block-shopping-cart .remove { border-color: #002f6c; background-color: #002f6c; } .block-shopping-cart .remove:hover { color: #002f6c; } .block-shopping-cart .quantity a { color: #002f6c; } .block-shopping-cart .empty td { border-bottom-color: #002f6c; } .block-shopping-cart-totals dd { color: #002f6c; } .block-shopping-cart-totals .button-alt { color: #002f6c; } .block-checkout-order td:last-child { color: #002f6c; } .block-checkout-payment label { color: #002f6c; } .block-welcome .icons i:after { border-color: #002f6c; background: #002f6c; } .block-welcome .icons a:hover i { color: #002f6c; } .block-pasteboard:before { background: #002f6c; } .block-pasteboard .icons a:hover { color: #002f6c; } .block-map-3 .block-head { color: #002f6c; } .block-contacts ul li:after, .block-contacts ul li:before { border-color: #002f6c; background-color: #002f6c; } .block-contacts ul li:before { background-color: #fff; } .block-contacts ul li span { border-bottom-color: #002f6c; } .block-contacts ul .active { color: #002f6c; } .block-contacts ul .active:before { background-color: #002f6c; } .block-contacts ol { border-top-color: #002f6c; } .block-contacts ol li { color: #002f6c; } .block-contacts ol li i:after { background-color: #002f6c; } .block-feedback .message i, .block-feedback-2 .message i { color: #002f6c; } .block-not-found h3 { color: #002f6c; } .block-not-found .pic:before { background-color: #002f6c; } .block-not-found .pic div:before { background-color: #002f6c; } .block-not-found-2 .button { color: #002f6c; } .block-not-found-2 .button:hover { background: #002f6c; } .block-coming-soon li:before { background-color: #002f6c; } .block-coming-soon-2 li:after { background-color: #002f6c; } .widget-categories a:hover, .widget-categories a.active { color: #002f6c; } .widget-top-posts a:hover { color: #002f6c; } .widget-text hr { border-top-color: #002f6c; } .widget-text em { color: #002f6c; } .widget-archive a:hover, .widget-archive a.active { color: #002f6c; } .widget-tags a:hover { color: #002f6c; } .widget-categories-filter a:hover { color: #002f6c; } .widget-categories-filter .active { color: #002f6c; } .widget-categories-filter .active span { background-color: #002f6c; } .widget-price-filter .ui-slider-range { background-color: #002f6c; } .widget-price-filter .ui-slider-handle { background-color: #002f6c; } .widget-color-filter .active:before { border-color: #002f6c; } .widget-top-products .pic i { background-color: #002f6c; } .main-nav ul { background-color: #002f6c; }