CINXE.COM

<!DOCTYPE html> <html class="client-nojs vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-toc-available" lang="en" dir="ltr"> <head> <meta charset="UTF-8"> <title>Editing Wikitext/Templates Ready to Use - Wikibooks, open books for an open world</title> <script>(function(){var className="client-js vector-feature-language-in-header-enabled vector-feature-language-in-main-page-header-disabled vector-feature-sticky-header-disabled vector-feature-page-tools-pinned-disabled vector-feature-toc-pinned-clientpref-1 vector-feature-main-menu-pinned-disabled vector-feature-limited-width-clientpref-1 vector-feature-limited-width-content-enabled vector-feature-custom-font-size-clientpref-1 vector-feature-appearance-pinned-clientpref-1 vector-feature-night-mode-disabled skin-theme-clientpref-day vector-toc-available";var cookie=document.cookie.match(/(?:^|; )enwikibooksmwclientpreferences=([^;]+)/);if(cookie){cookie[1].split('%2C').forEach(function(pref){className=className.replace(new RegExp('(^| )'+pref.replace(/-clientpref-\w+$|[^\w-]+/g,'')+'-clientpref-\\w+( |$)'),'$1'+pref+'$2');});}document.documentElement.className=className;}());RLCONF={"wgBreakFrames":false,"wgSeparatorTransformTable":["",""],"wgDigitTransformTable":["",""],"wgDefaultDateFormat": "dmy","wgMonthNames":["","January","February","March","April","May","June","July","August","September","October","November","December"],"wgRequestId":"008b53f3-8b7a-43f3-aa00-9af8ce5fe581","wgCanonicalNamespace":"","wgCanonicalSpecialPageName":false,"wgNamespaceNumber":0,"wgPageName":"Editing_Wikitext/Templates_Ready_to_Use","wgTitle":"Editing Wikitext/Templates Ready to Use","wgCurRevisionId":3676046,"wgRevisionId":3676046,"wgArticleId":160006,"wgIsArticle":true,"wgIsRedirect":false,"wgAction":"view","wgUserName":null,"wgUserGroups":["*"],"wgCategories":["Pages with deep filing","Book:Editing Wikitext"],"wgPageViewLanguage":"en","wgPageContentLanguage":"en","wgPageContentModel":"wikitext","wgRelevantPageName":"Editing_Wikitext/Templates_Ready_to_Use","wgRelevantArticleId":160006,"wgIsProbablyEditable":true,"wgRelevantPageIsProbablyEditable":true,"wgRestrictionEdit":[],"wgRestrictionMove":[],"wgNoticeProject":"wikibooks","wgCiteReferencePreviewsActive":true,"wgFlaggedRevsParams":{ "tags":{"value":{"levels":3}}},"wgStableRevisionId":3676046,"wgMediaViewerOnClick":true,"wgMediaViewerEnabledByDefault":true,"wgVisualEditor":{"pageLanguageCode":"en","pageLanguageDir":"ltr","pageVariantFallbacks":"en"},"wgMFDisplayWikibaseDescriptions":{"search":true,"watchlist":true,"tagline":false,"nearby":true},"wgWMESchemaEditAttemptStepOversample":false,"wgWMEPageLength":10000,"wgEditSubmitButtonLabelPublish":true,"wgULSPosition":"interlanguage","wgULSisCompactLinksEnabled":false,"wgVector2022LanguageInHeader":true,"wgULSisLanguageSelectorEmpty":false,"wgCheckUserClientHintsHeadersJsApi":["brands","architecture","bitness","fullVersionList","mobile","model","platform","platformVersion"],"wgSiteNoticeId":"2.24"};RLSTATE={"ext.globalCssJs.user.styles":"ready","site.styles":"ready","user.styles":"ready","ext.globalCssJs.user":"ready","user":"ready","user.options":"loading","ext.pygments":"ready","skins.vector.search.codex.styles":"ready","skins.vector.styles":"ready", "skins.vector.icons":"ready","jquery.tablesorter.styles":"ready","ext.flaggedRevs.basic":"ready","mediawiki.codex.messagebox.styles":"ready","ext.wikimediamessages.styles":"ready","ext.visualEditor.desktopArticleTarget.noscript":"ready","ext.uls.interlanguage":"ready","wikibase.client.init":"ready","ext.wikimediaBadges":"ready","ext.dismissableSiteNotice.styles":"ready"};RLPAGEMODULES=["ext.pygments.view","mediawiki.page.media","site","mediawiki.page.ready","jquery.tablesorter","mediawiki.toc","skins.vector.js","ext.centralNotice.geoIP","ext.centralNotice.startUp","ext.flaggedRevs.advanced","ext.gadget.wikidialog","ext.gadget.commons-file","ext.urlShortener.toolbar","ext.centralauth.centralautologin","mmv.bootstrap","ext.visualEditor.desktopArticleTarget.init","ext.visualEditor.targetLoader","ext.echo.centralauth","ext.eventLogging","ext.wikimediaEvents","ext.navigationTiming","ext.uls.interface","ext.checkUser.clientHints","ext.dismissableSiteNotice"];</script> <script>(RLQ=window.RLQ||[]).push(function(){mw.loader.impl(function(){return["user.options@12s5i",function($,jQuery,require,module){mw.user.tokens.set({"patrolToken":"+\\","watchToken":"+\\","csrfToken":"+\\"}); }];});});</script> <link rel="stylesheet" href="/w/load.php?lang=en&modules=ext.dismissableSiteNotice.styles%7Cext.flaggedRevs.basic%7Cext.pygments%2CwikimediaBadges%7Cext.uls.interlanguage%7Cext.visualEditor.desktopArticleTarget.noscript%7Cext.wikimediamessages.styles%7Cjquery.tablesorter.styles%7Cmediawiki.codex.messagebox.styles%7Cskins.vector.icons%2Cstyles%7Cskins.vector.search.codex.styles%7Cwikibase.client.init&only=styles&skin=vector-2022"> <script async="" src="/w/load.php?lang=en&modules=startup&only=scripts&raw=1&skin=vector-2022"></script> <meta name="ResourceLoaderDynamicStyles" content=""> <link rel="stylesheet" href="/w/load.php?lang=en&modules=site.styles&only=styles&skin=vector-2022"> <meta name="generator" content="MediaWiki 1.44.0-wmf.5"> <meta name="referrer" content="origin"> <meta name="referrer" content="origin-when-cross-origin"> <meta name="robots" content="max-image-preview:standard"> <meta name="format-detection" content="telephone=no"> <meta name="viewport" content="width=1120"> <meta property="og:title" content="Editing Wikitext/Templates Ready to Use - Wikibooks, open books for an open world"> <meta property="og:type" content="website"> <link rel="preconnect" href="//upload.wikimedia.org"> <link rel="alternate" media="only screen and (max-width: 640px)" href="//en.m.wikibooks.org/wiki/Editing_Wikitext/Templates_Ready_to_Use"> <link rel="alternate" type="application/x-wiki" title="Edit" href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&action=edit"> <link rel="icon" href="/static/favicon/wikibooks.ico"> <link rel="search" type="application/opensearchdescription+xml" href="/w/rest.php/v1/search" title="Wikibooks (en)"> <link rel="EditURI" type="application/rsd+xml" href="//en.wikibooks.org/w/api.php?action=rsd"> <link rel="canonical" href="https://en.wikibooks.org/wiki/Editing_Wikitext/Templates_Ready_to_Use"> <link rel="license" href="https://creativecommons.org/licenses/by-sa/4.0/deed.en"> <link rel="alternate" type="application/atom+xml" title="Wikibooks Atom feed" href="/w/index.php?title=Special:RecentChanges&feed=atom"> <link rel="dns-prefetch" href="//meta.wikimedia.org" /> <link rel="dns-prefetch" href="//login.wikimedia.org"> </head> <body class="skin--responsive skin-vector skin-vector-search-vue mediawiki ltr sitedir-ltr mw-hide-empty-elt ns-0 ns-subject mw-editable page-Editing_Wikitext_Templates_Ready_to_Use rootpage-Editing_Wikitext skin-vector-2022 action-view"><a class="mw-jump-link" href="#bodyContent">Jump to content</a> <div class="vector-header-container"> <header class="vector-header mw-header"> <div class="vector-header-start"> <nav class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-dropdown" class="vector-dropdown vector-main-menu-dropdown vector-button-flush-left vector-button-flush-right" > <input type="checkbox" id="vector-main-menu-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-main-menu-dropdown" class="vector-dropdown-checkbox " aria-label="Main menu" > <label id="vector-main-menu-dropdown-label" for="vector-main-menu-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-menu mw-ui-icon-wikimedia-menu"></span> <span class="vector-dropdown-label-text">Main menu</span> </label> <div class="vector-dropdown-content"> <div id="vector-main-menu-unpinned-container" class="vector-unpinned-container"> <div id="vector-main-menu" class="vector-main-menu vector-pinnable-element"> <div class="vector-pinnable-header vector-main-menu-pinnable-header vector-pinnable-header-unpinned" data-feature-name="main-menu-pinned" data-pinnable-element-id="vector-main-menu" data-pinned-container-id="vector-main-menu-pinned-container" data-unpinned-container-id="vector-main-menu-unpinned-container" > <div class="vector-pinnable-header-label">Main menu</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-main-menu.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-main-menu.unpin">hide</button> </div> <div id="p-navigation" class="vector-menu mw-portlet mw-portlet-navigation" > <div class="vector-menu-heading"> Navigation </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-mainpage" class="mw-list-item"><a href="/wiki/Main_Page" title="Visit the main page [z]" accesskey="z"><span>Main Page</span></a></li><li id="n-help" class="mw-list-item"><a href="/wiki/Help:Contents" title="Find help on how to use and edit Wikibooks"><span>Help</span></a></li><li id="n-Browse" class="mw-list-item"><a href="/wiki/Wikibooks:Card_Catalog_Office" title="Check out what Wikibooks has to offer"><span>Browse</span></a></li><li id="n-Cookbook" class="mw-list-item"><a href="/wiki/Cookbook:Table_of_Contents" title="Learn recipes from around the world"><span>Cookbook</span></a></li><li id="n-Wikijunior" class="mw-list-item"><a href="/wiki/Wikijunior" title="Books for children"><span>Wikijunior</span></a></li><li id="n-Featured-books" class="mw-list-item"><a href="/wiki/Wikibooks:Featured_books" title="The best of Wikibooks"><span>Featured books</span></a></li><li id="n-recentchanges" class="mw-list-item"><a href="/wiki/Special:RecentChanges" title="A list of recent changes in the wiki [r]" accesskey="r"><span>Recent changes</span></a></li><li id="n-randomrootpage" class="mw-list-item"><a href="/wiki/Special:RandomInCategory/Book:Wikibooks_Stacks/Books"><span>Random book</span></a></li><li id="n-Using-Wikibooks" class="mw-list-item"><a href="/wiki/Using_Wikibooks"><span>Using Wikibooks</span></a></li> </ul> </div> </div> <div id="p-community" class="vector-menu mw-portlet mw-portlet-community" > <div class="vector-menu-heading"> Community </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-Reading-room-forum" class="mw-list-item"><a href="/wiki/Wikibooks:Reading_room"><span>Reading room forum</span></a></li><li id="n-portal" class="mw-list-item"><a href="/wiki/Wikibooks:Community_Portal" title="Find your way around the Wikibooks community"><span>Community portal</span></a></li><li id="n-currentevents" class="mw-list-item"><a href="/wiki/Wikibooks:Reading_room/Bulletin_Board" title="Important community news"><span>Bulletin Board</span></a></li><li id="n-maintenance" class="mw-list-item"><a href="/wiki/Wikibooks:Maintenance" title="Frequent tasks that you can help with"><span>Help out!</span></a></li><li id="n-Policies-and-guidelines" class="mw-list-item"><a href="/wiki/Wikibooks:Policies_and_guidelines" title="Pages detailing important rules and procedures"><span>Policies and guidelines</span></a></li><li id="n-contact" class="mw-list-item"><a href="/wiki/Wikibooks:Contact_us" title="Alternative methods of communication"><span>Contact us</span></a></li> </ul> </div> </div> </div> </div> </div> </div> </nav> <a href="/wiki/Main_Page" class="mw-logo"> <img class="mw-logo-icon" src="/static/images/icons/wikibooks.svg" alt="" aria-hidden="true" height="50" width="50"> <span class="mw-logo-container skin-invert"> <img class="mw-logo-wordmark" alt="Wikibooks" src="/static/images/mobile/copyright/wikibooks-wordmark-vi.svg" style="width: 7.5em; height: 0.9375em;"> <img class="mw-logo-tagline" alt="The Free Textbook Project" src="/static/images/mobile/copyright/wikibooks-tagline-en.svg" width="120" height="10" style="width: 7.5em; height: 0.625em;"> </span> </a> </div> <div class="vector-header-end"> <div id="p-search" role="search" class="vector-search-box-vue vector-search-box-collapses vector-search-box-show-thumbnail vector-search-box-auto-expand-width vector-search-box"> <a href="/wiki/Special:Search" class="cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only search-toggle" title="Search Wikibooks [f]" accesskey="f"><span class="vector-icon mw-ui-icon-search mw-ui-icon-wikimedia-search"></span> <span>Search</span> </a> <div class="vector-typeahead-search-container"> <div class="cdx-typeahead-search cdx-typeahead-search--show-thumbnail cdx-typeahead-search--auto-expand-width"> <form action="/w/index.php" id="searchform" class="cdx-search-input cdx-search-input--has-end-button"> <div id="simpleSearch" class="cdx-search-input__input-wrapper" data-search-loc="header-moved"> <div class="cdx-text-input cdx-text-input--has-start-icon"> <input class="cdx-text-input__input" type="search" name="search" placeholder="Search Wikibooks" aria-label="Search Wikibooks" autocapitalize="sentences" title="Search Wikibooks [f]" accesskey="f" id="searchInput" > <span class="cdx-text-input__icon cdx-text-input__start-icon"></span> </div> <input type="hidden" name="title" value="Special:Search"> </div> <button class="cdx-button cdx-search-input__end-button">Search</button> </form> </div> </div> </div> <nav class="vector-user-links vector-user-links-wide" aria-label="Personal tools"> <div class="vector-user-links-main"> <div id="p-vector-user-menu-preferences" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-userpage" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-dropdown" class="vector-dropdown " title="Change the appearance of the page's font size, width, and color" > <input type="checkbox" id="vector-appearance-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-appearance-dropdown" class="vector-dropdown-checkbox " aria-label="Appearance" > <label id="vector-appearance-dropdown-label" for="vector-appearance-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-appearance mw-ui-icon-wikimedia-appearance"></span> <span class="vector-dropdown-label-text">Appearance</span> </label> <div class="vector-dropdown-content"> <div id="vector-appearance-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <div id="p-vector-user-menu-notifications" class="vector-menu mw-portlet emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> <div id="p-vector-user-menu-overflow" class="vector-menu mw-portlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_en.wikibooks.org&uselang=en" class=""><span>Donations</span></a> </li> <li id="pt-createaccount-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:CreateAccount&returnto=Editing+Wikitext%2FTemplates+Ready+to+Use" title="You are encouraged to create an account and log in; however, it is not mandatory" class=""><span>Create account</span></a> </li> <li id="pt-login-2" class="user-links-collapsible-item mw-list-item user-links-collapsible-item"><a data-mw="interface" href="/w/index.php?title=Special:UserLogin&returnto=Editing+Wikitext%2FTemplates+Ready+to+Use" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o" class=""><span>Log in</span></a> </li> </ul> </div> </div> </div> <div id="vector-user-links-dropdown" class="vector-dropdown vector-user-menu vector-button-flush-right vector-user-menu-logged-out" title="More options" > <input type="checkbox" id="vector-user-links-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-user-links-dropdown" class="vector-dropdown-checkbox " aria-label="Personal tools" > <label id="vector-user-links-dropdown-label" for="vector-user-links-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-ellipsis mw-ui-icon-wikimedia-ellipsis"></span> <span class="vector-dropdown-label-text">Personal tools</span> </label> <div class="vector-dropdown-content"> <div id="p-personal" class="vector-menu mw-portlet mw-portlet-personal user-links-collapsible-item" title="User menu" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-sitesupport" class="user-links-collapsible-item mw-list-item"><a href="//donate.wikimedia.org/wiki/Special:FundraiserRedirector?utm_source=donate&utm_medium=sidebar&utm_campaign=C13_en.wikibooks.org&uselang=en"><span>Donations</span></a></li><li id="pt-createaccount" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:CreateAccount&returnto=Editing+Wikitext%2FTemplates+Ready+to+Use" title="You are encouraged to create an account and log in; however, it is not mandatory"><span class="vector-icon mw-ui-icon-userAdd mw-ui-icon-wikimedia-userAdd"></span> <span>Create account</span></a></li><li id="pt-login" class="user-links-collapsible-item mw-list-item"><a href="/w/index.php?title=Special:UserLogin&returnto=Editing+Wikitext%2FTemplates+Ready+to+Use" title="You are encouraged to log in; however, it is not mandatory [o]" accesskey="o"><span class="vector-icon mw-ui-icon-logIn mw-ui-icon-wikimedia-logIn"></span> <span>Log in</span></a></li> </ul> </div> </div> <div id="p-user-menu-anon-editor" class="vector-menu mw-portlet mw-portlet-user-menu-anon-editor" > <div class="vector-menu-heading"> Pages for logged out editors <a href="/wiki/Help:Introduction" aria-label="Learn more about editing"><span>learn more</span></a> </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="pt-anoncontribs" class="mw-list-item"><a href="/wiki/Special:MyContributions" title="A list of edits made from this IP address [y]" accesskey="y"><span>Contributions</span></a></li><li id="pt-anontalk" class="mw-list-item"><a href="/wiki/Special:MyTalk" title="Discussion about edits from this IP address [n]" accesskey="n"><span>Discussion for this IP address</span></a></li> </ul> </div> </div> </div> </div> </nav> </div> </header> </div> <div class="mw-page-container"> <div class="mw-page-container-inner"> <div class="vector-sitenotice-container"> <div id="siteNotice"><div id="mw-dismissablenotice-anonplace"></div><script>(function(){var node=document.getElementById("mw-dismissablenotice-anonplace");if(node){node.outerHTML="\u003Cdiv class=\"mw-dismissable-notice\"\u003E\u003Cdiv class=\"mw-dismissable-notice-close\"\u003E[\u003Ca tabindex=\"0\" role=\"button\"\u003Edismiss\u003C/a\u003E]\u003C/div\u003E\u003Cdiv class=\"mw-dismissable-notice-body\"\u003E\u003C!-- CentralNotice --\u003E\u003Cdiv id=\"localNotice\" data-nosnippet=\"\"\u003E\u003Cdiv class=\"anonnotice\" lang=\"en\" dir=\"ltr\"\u003E\u003Cdiv style=\"width: fit-content; padding: 5px; border: 3px solid gray; background-color: #fafafa; text-align: center; margin: auto;\"\u003E\n\u003Cp\u003E\u003Cspan typeof=\"mw:File\"\u003E\u003Ca href=\"/wiki/File:OOjs_UI_icon_robot.svg\" class=\"mw-file-description\"\u003E\u003Cimg src=\"//upload.wikimedia.org/wikipedia/commons/thumb/7/71/OOjs_UI_icon_robot.svg/40px-OOjs_UI_icon_robot.svg.png\" decoding=\"async\" width=\"40\" height=\"40\" class=\"mw-file-element\" srcset=\"//upload.wikimedia.org/wikipedia/commons/thumb/7/71/OOjs_UI_icon_robot.svg/60px-OOjs_UI_icon_robot.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/7/71/OOjs_UI_icon_robot.svg/80px-OOjs_UI_icon_robot.svg.png 2x\" data-file-width=\"20\" data-file-height=\"20\" /\u003E\u003C/a\u003E\u003C/span\u003E The Wikibooks community is developing a policy on the use of generative AI. Please review the \u003Ca href=\"/wiki/Wikibooks:Artificial_Intelligence\" title=\"Wikibooks:Artificial Intelligence\"\u003Edraft policy\u003C/a\u003E and provide feedback on \u003Ca href=\"/wiki/Wikibooks_talk:Artificial_Intelligence\" title=\"Wikibooks talk:Artificial Intelligence\"\u003Eits talk page\u003C/a\u003E.\n\u003C/p\u003E\n\u003C/div\u003E\u003C/div\u003E\u003C/div\u003E\u003C/div\u003E\u003C/div\u003E";}}());</script></div> </div> <div class="vector-column-start"> <div class="vector-main-menu-container"> <div id="mw-navigation"> <nav id="mw-panel" class="vector-main-menu-landmark" aria-label="Site"> <div id="vector-main-menu-pinned-container" class="vector-pinned-container"> </div> </nav> </div> </div> <div class="vector-sticky-pinned-container"> <nav id="mw-panel-toc" aria-label="Contents" data-event-name="ui.sidebar-toc" class="mw-table-of-contents-container vector-toc-landmark"> <div id="vector-toc-pinned-container" class="vector-pinned-container"> <div id="vector-toc" class="vector-toc vector-pinnable-element"> <div class="vector-pinnable-header vector-toc-pinnable-header vector-pinnable-header-pinned" data-feature-name="toc-pinned" data-pinnable-element-id="vector-toc" > <h2 class="vector-pinnable-header-label">Contents</h2> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-toc.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-toc.unpin">hide</button> </div> <ul class="vector-toc-contents" id="mw-panel-toc-list"> <li id="toc-mw-content-text" class="vector-toc-list-item vector-toc-level-1"> <a href="#" class="vector-toc-link"> <div class="vector-toc-text">Beginning</div> </a> </li> <li id="toc-Introduction" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Introduction"> <div class="vector-toc-text"> <span class="vector-toc-numb">1</span> <span>Introduction</span> </div> </a> <ul id="toc-Introduction-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Page_Building_Blocks" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Page_Building_Blocks"> <div class="vector-toc-text"> <span class="vector-toc-numb">2</span> <span>Page Building Blocks</span> </div> </a> <ul id="toc-Page_Building_Blocks-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Hidden_Contents" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Hidden_Contents"> <div class="vector-toc-text"> <span class="vector-toc-numb">3</span> <span>Hidden Contents</span> </div> </a> <ul id="toc-Hidden_Contents-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Image_Templates" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Image_Templates"> <div class="vector-toc-text"> <span class="vector-toc-numb">4</span> <span>Image Templates</span> </div> </a> <ul id="toc-Image_Templates-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Information_Boxes" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Information_Boxes"> <div class="vector-toc-text"> <span class="vector-toc-numb">5</span> <span>Information Boxes</span> </div> </a> <ul id="toc-Information_Boxes-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Highlight_Blocks" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Highlight_Blocks"> <div class="vector-toc-text"> <span class="vector-toc-numb">6</span> <span>Highlight Blocks</span> </div> </a> <button aria-controls="toc-Highlight_Blocks-sublist" class="cdx-button cdx-button--weight-quiet cdx-button--icon-only vector-toc-toggle"> <span class="vector-icon mw-ui-icon-wikimedia-expand"></span> <span>Toggle Highlight Blocks subsection</span> </button> <ul id="toc-Highlight_Blocks-sublist" class="vector-toc-list"> <li id="toc-Banded_Bullet_Points" class="vector-toc-list-item vector-toc-level-2"> <a class="vector-toc-link" href="#Banded_Bullet_Points"> <div class="vector-toc-text"> <span class="vector-toc-numb">6.1</span> <span>Banded Bullet Points</span> </div> </a> <ul id="toc-Banded_Bullet_Points-sublist" class="vector-toc-list"> </ul> </li> </ul> </li> <li id="toc-Hidden_Headings" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Hidden_Headings"> <div class="vector-toc-text"> <span class="vector-toc-numb">7</span> <span>Hidden Headings</span> </div> </a> <ul id="toc-Hidden_Headings-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Drop_Capitals" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Drop_Capitals"> <div class="vector-toc-text"> <span class="vector-toc-numb">8</span> <span>Drop Capitals</span> </div> </a> <ul id="toc-Drop_Capitals-sublist" class="vector-toc-list"> </ul> </li> <li id="toc-Writers'_Data_Lists" class="vector-toc-list-item vector-toc-level-1 vector-toc-list-item-expanded"> <a class="vector-toc-link" href="#Writers'_Data_Lists"> <div class="vector-toc-text"> <span class="vector-toc-numb">9</span> <span>Writers' Data Lists</span> </div> </a> <ul id="toc-Writers'_Data_Lists-sublist" class="vector-toc-list"> </ul> </li> </ul> </div> </div> </nav> </div> </div> <div class="mw-content-container"> <main id="content" class="mw-body"> <header class="mw-body-header vector-page-titlebar"> <nav aria-label="Contents" class="vector-toc-landmark"> <div id="vector-page-titlebar-toc" class="vector-dropdown vector-page-titlebar-toc vector-button-flush-left" > <input type="checkbox" id="vector-page-titlebar-toc-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-titlebar-toc" class="vector-dropdown-checkbox " aria-label="Toggle the table of contents" > <label id="vector-page-titlebar-toc-label" for="vector-page-titlebar-toc-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--icon-only " aria-hidden="true" ><span class="vector-icon mw-ui-icon-listBullet mw-ui-icon-wikimedia-listBullet"></span> <span class="vector-dropdown-label-text">Toggle the table of contents</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-titlebar-toc-unpinned-container" class="vector-unpinned-container"> </div> </div> </div> </nav> <h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">Editing Wikitext/Templates Ready to Use</span></h1> <div id="p-lang-btn" class="vector-dropdown mw-portlet mw-portlet-lang" > <input type="checkbox" id="p-lang-btn-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-p-lang-btn" class="vector-dropdown-checkbox mw-interlanguage-selector" aria-label="This article exist only in this language. Add the article for other languages" > <label id="p-lang-btn-label" for="p-lang-btn-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet cdx-button--action-progressive mw-portlet-lang-heading-0" aria-hidden="true" ><span class="vector-icon mw-ui-icon-language-progressive mw-ui-icon-wikimedia-language-progressive"></span> <span class="vector-dropdown-label-text">Add languages</span> </label> <div class="vector-dropdown-content"> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> <div class="after-portlet after-portlet-lang"><span class="uls-after-portlet-link"></span><span class="wb-langlinks-add wb-langlinks-link"><a href="https://www.wikidata.org/wiki/Special:NewItem?site=enwikibooks&page=Editing+Wikitext%2FTemplates+Ready+to+Use" title="Add interlanguage links" class="wbc-editpage">Add links</a></span></div> </div> </div> </div> </header> <div class="vector-page-toolbar"> <div class="vector-page-toolbar-container"> <div id="left-navigation"> <nav aria-label="Namespaces"> <div id="p-associated-pages" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-associated-pages" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-nstab-main" class="selected vector-tab-noicon mw-list-item"><a href="/wiki/Editing_Wikitext/Templates_Ready_to_Use" title="View the content page [c]" accesskey="c"><span>Book</span></a></li><li id="ca-talk" class="new vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Talk:Editing_Wikitext/Templates_Ready_to_Use&action=edit&redlink=1" rel="discussion" class="new" title="Discussion about the content page (does not exist) [t]" accesskey="t"><span>Discussion</span></a></li> </ul> </div> </div> <div id="vector-variants-dropdown" class="vector-dropdown emptyPortlet" > <input type="checkbox" id="vector-variants-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-variants-dropdown" class="vector-dropdown-checkbox " aria-label="Change language variant" > <label id="vector-variants-dropdown-label" for="vector-variants-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">English</span> </label> <div class="vector-dropdown-content"> <div id="p-variants" class="vector-menu mw-portlet mw-portlet-variants emptyPortlet" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </nav> </div> <div id="right-navigation" class="vector-collapsible"> <nav aria-label="Views"> <div id="p-views" class="vector-menu vector-menu-tabs mw-portlet mw-portlet-views" > <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-view" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&stable=1"><span>Read</span></a></li><li id="ca-current" class="collapsible selected vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&stable=0&redirect=no" title="View this page with the pending changes [v]" accesskey="v"><span>Latest draft</span></a></li><li id="ca-ve-edit" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&veaction=edit" title="Edit this page [v]" accesskey="v"><span>Edit</span></a></li><li id="ca-edit" class="collapsible vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&action=edit" title="Edit the source code of this page [e]" accesskey="e"><span>Edit source</span></a></li><li id="ca-history" class="vector-tab-noicon mw-list-item"><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&action=history" title="Past revisions of this page [h]" accesskey="h"><span>View history</span></a></li> </ul> </div> </div> </nav> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-dropdown" class="vector-dropdown vector-page-tools-dropdown" > <input type="checkbox" id="vector-page-tools-dropdown-checkbox" role="button" aria-haspopup="true" data-event-name="ui.dropdown-vector-page-tools-dropdown" class="vector-dropdown-checkbox " aria-label="Tools" > <label id="vector-page-tools-dropdown-label" for="vector-page-tools-dropdown-checkbox" class="vector-dropdown-label cdx-button cdx-button--fake-button cdx-button--fake-button--enabled cdx-button--weight-quiet" aria-hidden="true" ><span class="vector-dropdown-label-text">Tools</span> </label> <div class="vector-dropdown-content"> <div id="vector-page-tools-unpinned-container" class="vector-unpinned-container"> <div id="vector-page-tools" class="vector-page-tools vector-pinnable-element"> <div class="vector-pinnable-header vector-page-tools-pinnable-header vector-pinnable-header-unpinned" data-feature-name="page-tools-pinned" data-pinnable-element-id="vector-page-tools" data-pinned-container-id="vector-page-tools-pinned-container" data-unpinned-container-id="vector-page-tools-unpinned-container" > <div class="vector-pinnable-header-label">Tools</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-page-tools.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-page-tools.unpin">hide</button> </div> <div id="p-cactions" class="vector-menu mw-portlet mw-portlet-cactions emptyPortlet vector-has-collapsible-items" title="More options" > <div class="vector-menu-heading"> Actions </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="ca-more-view" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&stable=1"><span>Read</span></a></li><li id="ca-more-current" class="collapsible selected vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&stable=0&redirect=no"><span>Latest draft</span></a></li><li id="ca-more-ve-edit" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&veaction=edit" title="Edit this page [v]" accesskey="v"><span>Edit</span></a></li><li id="ca-more-edit" class="collapsible vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&action=edit" title="Edit the source code of this page [e]" accesskey="e"><span>Edit source</span></a></li><li id="ca-more-history" class="vector-more-collapsible-item mw-list-item"><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&action=history"><span>View history</span></a></li> </ul> </div> </div> <div id="p-tb" class="vector-menu mw-portlet mw-portlet-tb" > <div class="vector-menu-heading"> General </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="t-whatlinkshere" class="mw-list-item"><a href="/wiki/Special:WhatLinksHere/Editing_Wikitext/Templates_Ready_to_Use" title="A list of all wiki pages that link here [j]" accesskey="j"><span>What links here</span></a></li><li id="t-recentchangeslinked" class="mw-list-item"><a href="/wiki/Special:RecentChangesLinked/Editing_Wikitext/Templates_Ready_to_Use" rel="nofollow" title="Recent changes in pages linked from this page [k]" accesskey="k"><span>Related changes</span></a></li><li id="t-upload" class="mw-list-item"><a href="//commons.wikimedia.org/wiki/Special:UploadWizard?uselang=en" title="Upload files [u]" accesskey="u"><span>Upload file</span></a></li><li id="t-specialpages" class="mw-list-item"><a href="/wiki/Special:SpecialPages" title="A list of all special pages [q]" accesskey="q"><span>Special pages</span></a></li><li id="t-permalink" class="mw-list-item"><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&oldid=3676046" title="Permanent link to this revision of this page"><span>Permanent link</span></a></li><li id="t-info" class="mw-list-item"><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&action=info" title="More information about this page"><span>Page information</span></a></li><li id="t-cite" class="mw-list-item"><a href="/w/index.php?title=Special:CiteThisPage&page=Editing_Wikitext%2FTemplates_Ready_to_Use&id=3676046&wpFormIdentifier=titleform" title="Information on how to cite this page"><span>Cite this page</span></a></li><li id="t-urlshortener" class="mw-list-item"><a href="/w/index.php?title=Special:UrlShortener&url=https%3A%2F%2Fen.wikibooks.org%2Fwiki%2FEditing_Wikitext%2FTemplates_Ready_to_Use"><span>Get shortened URL</span></a></li><li id="t-urlshortener-qrcode" class="mw-list-item"><a href="/w/index.php?title=Special:QrCode&url=https%3A%2F%2Fen.wikibooks.org%2Fwiki%2FEditing_Wikitext%2FTemplates_Ready_to_Use"><span>Download QR code</span></a></li> </ul> </div> </div> <div id="p-sister_projects" class="vector-menu mw-portlet mw-portlet-sister_projects" > <div class="vector-menu-heading"> Sister projects </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="n-Wikipedia" class="mw-list-item"><a href="https://en.wikipedia.org/wiki/Main_Page"><span>Wikipedia</span></a></li><li id="n-Wikiversity" class="mw-list-item"><a href="https://en.wikiversity.org/wiki/Wikiversity:Main_Page"><span>Wikiversity</span></a></li><li id="n-Wiktionary" class="mw-list-item"><a href="https://en.wiktionary.org/wiki/Wiktionary:Main_Page"><span>Wiktionary</span></a></li><li id="n-Wikiquote" class="mw-list-item"><a href="https://en.wikiquote.org/wiki/Main_Page"><span>Wikiquote</span></a></li><li id="n-Wikisource" class="mw-list-item"><a href="https://en.wikisource.org/wiki/Main_Page"><span>Wikisource</span></a></li><li id="n-Wikinews" class="mw-list-item"><a href="https://en.wikinews.org/wiki/Main_Page"><span>Wikinews</span></a></li><li id="n-Wikivoyage" class="mw-list-item"><a href="https://en.wikivoyage.org/wiki/Main_Page"><span>Wikivoyage</span></a></li><li id="n-Commons" class="mw-list-item"><a href="https://commons.wikimedia.org/wiki/Main_Page"><span>Commons</span></a></li><li id="n-Wikidata" class="mw-list-item"><a href="https://www.wikidata.org/wiki/Wikidata:Main_Page"><span>Wikidata</span></a></li><li id="n-MediaWiki" class="mw-list-item"><a href="https://www.mediawiki.org/wiki/Main_Page"><span>MediaWiki</span></a></li><li id="n-Meta-Wiki" class="mw-list-item"><a href="https://meta.wikimedia.org/wiki/Main_Page"><span>Meta-Wiki</span></a></li> </ul> </div> </div> <div id="p-coll-print_export" class="vector-menu mw-portlet mw-portlet-coll-print_export" > <div class="vector-menu-heading"> Print/export </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> <li id="coll-create_a_book" class="mw-list-item"><a href="/w/index.php?title=Special:Book&bookcmd=book_creator&referer=Editing+Wikitext%2FTemplates+Ready+to+Use"><span>Create a collection</span></a></li><li id="coll-download-as-rl" class="mw-list-item"><a href="/w/index.php?title=Special:DownloadAsPdf&page=Editing_Wikitext%2FTemplates_Ready_to_Use&action=show-download-screen"><span>Download as PDF</span></a></li><li id="t-print" class="mw-list-item"><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&printable=yes" title="Printable version of this page [p]" accesskey="p"><span>Printable version</span></a></li> </ul> </div> </div> <div id="p-wikibase-otherprojects" class="vector-menu mw-portlet mw-portlet-wikibase-otherprojects emptyPortlet" > <div class="vector-menu-heading"> In other projects </div> <div class="vector-menu-content"> <ul class="vector-menu-content-list"> </ul> </div> </div> </div> </div> </div> </div> </nav> </div> </div> </div> <div class="vector-column-end"> <div class="vector-sticky-pinned-container"> <nav class="vector-page-tools-landmark" aria-label="Page tools"> <div id="vector-page-tools-pinned-container" class="vector-pinned-container"> </div> </nav> <nav class="vector-appearance-landmark" aria-label="Appearance"> <div id="vector-appearance-pinned-container" class="vector-pinned-container"> <div id="vector-appearance" class="vector-appearance vector-pinnable-element"> <div class="vector-pinnable-header vector-appearance-pinnable-header vector-pinnable-header-pinned" data-feature-name="appearance-pinned" data-pinnable-element-id="vector-appearance" data-pinned-container-id="vector-appearance-pinned-container" data-unpinned-container-id="vector-appearance-unpinned-container" > <div class="vector-pinnable-header-label">Appearance</div> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-pin-button" data-event-name="pinnable-header.vector-appearance.pin">move to sidebar</button> <button class="vector-pinnable-header-toggle-button vector-pinnable-header-unpin-button" data-event-name="pinnable-header.vector-appearance.unpin">hide</button> </div> </div> </div> </nav> </div> </div> <div id="bodyContent" class="vector-body" aria-labelledby="firstHeading" data-mw-ve-target-container> <div class="vector-body-before-content"> <div class="mw-indicators"> </div> <div id="siteSub" class="noprint">From Wikibooks, open books for an open world</div> </div> <div id="contentSub"><div id="mw-content-subtitle"><div class="subpages">< <bdi dir="ltr"><a href="/wiki/Editing_Wikitext" title="Editing Wikitext">Editing Wikitext</a></bdi></div><div id="mw-fr-revision-messages"><div class="cdx-message mw-fr-message-box cdx-message--block cdx-message--notice mw-fr-basic mw-fr-draft-not-synced plainlinks noprint"><span class="cdx-message__icon"></span><div class="cdx-message__content">The <a class="external text" href="https://en.wikibooks.org/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&stable=1">latest reviewed version</a> was <a class="external text" href="https://en.wikibooks.org/w/index.php?title=Special:Log&type=review&page=Editing_Wikitext/Templates_Ready_to_Use">checked</a> on <i>16 April 2020</i>. There are <a class="external text" href="https://en.wikibooks.org/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&oldid=3676046&diff=cur&diffonly=0">template/file changes</a> awaiting review.</div></div></div></div></div> <div id="mw-content-text" class="mw-body-content"><div class="mw-content-ltr mw-parser-output" lang="en" dir="ltr"><div class="PrettyTextBox noprint" style="background:linen;width: 90%; clear: all; padding: 5px; margin: 5px auto; text-align:center;"><big><b><a href="/wiki/Editing_Wikitext" title="Editing Wikitext">Editing Wikitext</a></b></big> </div> <div style="background:beige;padding:10px;border:1px solid #aaaaaa;"> <meta property="mw:PageProp/toc" /> <div class="mw-heading mw-heading2"><h2 id="Introduction">Introduction</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&veaction=edit&section=1" title="Edit section: Introduction" class="mw-editsection-visualeditor"><span>edit</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&action=edit&section=1" title="Edit section's source code: Introduction"><span>edit source</span></a><span class="mw-editsection-bracket">]</span></span></div> <p><b>This page introduces a few <i>existing</i> templates</b>, and others can be found: </p> <ul><li><b>To <i>make</i> a template or <i>modify</i> one</b>, refer to <a href="/wiki/Editing_Wikitext/Templates_A101" class="mw-redirect" title="Editing Wikitext/Templates A101">Templates A101</a>.</li> <li><b>To search for templates <i>alphabetically</i></b> within Wikibooks, (not Wikipedia), follow the link to the <a class="external text" href="https://en.wikibooks.org/w/index.php?title=Special:AllPages&namespace=10"><b>All Templates Namespace</b></a>.</li> <li><b>To search for templates organised by <i>category</i></b>, follow the link to <a href="/wiki/Category:Templates" title="Category:Templates">Category:Templates</a>.</li> <li><b>To search for a template by name</b>, for example <i>dropimage</i>, then enter the following in the search box on the left of any Wiki page and select <i>go</i>:</li></ul> <div style="display:block;background:transparent;color:black;font-weight:normal; border:1px solid lightgrey; padding:0.5em 1.5em 0.5em 1.5em; line-height:1.4em;font-family:'Courier New',Courier,fixedsys, monospace;font-size:SIZE}}};text-align:center;width:auto;max-width:100%;">template:dropimage</div> <p><br /> Writers are encouraged to add links for useful Wikibooks templates, perhaps in tabular form within these or other sections. </p> <div class="mw-heading mw-heading2"><h2 id="Page_Building_Blocks">Page Building Blocks</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&veaction=edit&section=2" title="Edit section: Page Building Blocks" class="mw-editsection-visualeditor"><span>edit</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&action=edit&section=2" title="Edit section's source code: Page Building Blocks"><span>edit source</span></a><span class="mw-editsection-bracket">]</span></span></div> <table align="none" width="100%" cellpadding="0px" style="border-collapse:separate;border-spacing:5px;border:3px dashed brown;margin:0;background:transparent;"> <tbody><tr><td colspan="3" width="100%" align="left" valign="top" style="background:transparent;font-family:inherit;font-size:inherit;color:inherit;padding:0 5px 5px 5px;border:none;"><div style="color: black;background: none;font-weight: normal;margin: 0;padding-top: .5em;padding-bottom: .17em;border-bottom: none;font-size: 132%;font-weight: bold;">Layout Options; template <a href="/wiki/Template:Thetop" title="Template:Thetop">Thetop</a></div> Pages each have certain similarities. Most of the time the text extends across the page and the colorings match the default set. Sometimes a more complicated layout is needed, and the setting of styles every time becomes laborious. This becomes especially tedious when there are lots of spaced elements such as tables, lists, images, and text. This template, within the perimeter border, has both page-wide sections and panels across the page. There are many options for each of its five parameters and configuring it is straightforward. This text is written in the leader section of the template <a href="/wiki/Template:Thetop" title="Template:Thetop">Thetop</a>, and the other sections below include three boxes across the page and a trailer section, similar to the leader.</td> </tr><tr> <td width="34%" align="left" valign="top" style="background:transparent;font-family:inherit;font-size:inherit;color:inherit;padding:0 5px 5px 5px;border:none;"><div class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span><span class="p"><</span><span class="nt">table</span> <span class="na">border</span><span class="o">=</span><span class="s">1</span><span class="p">></span> <span class="p"><</span><span class="nt">caption</span><span class="p">></span>Caption<span class="p"></</span><span class="nt">caption</span><span class="p">></span> <span class="p"><</span><span class="nt">tr</span><span class="p">></span> <span class="p"><</span><span class="nt">th</span><span class="p">></span>Heading 1<span class="p"></</span><span class="nt">th</span><span class="p">></span> <span class="p"><</span><span class="nt">th</span><span class="p">></span>Heading 2<span class="p"></</span><span class="nt">th</span><span class="p">></span> <span class="p"></</span><span class="nt">tr</span><span class="p">></span> <span class="p"><</span><span class="nt">tr</span><span class="p">></span> <span class="p"><</span><span class="nt">td</span><span class="p">></span>A<span class="p"></</span><span class="nt">td</span><span class="p">></span> <span class="p"><</span><span class="nt">td</span><span class="p">></span>B<span class="p"></</span><span class="nt">td</span><span class="p">></span> <span class="p"></</span><span class="nt">tr</span><span class="p">></span> <span class="p"><</span><span class="nt">tr</span><span class="p">></span> <span class="p"><</span><span class="nt">td</span><span class="p">></span>[[image:crocus_4.jpg|75px]]<span class="p"></</span><span class="nt">td</span><span class="p">></span> <span class="p"><</span><span class="nt">td</span><span class="p">></span>D<span class="p"></</span><span class="nt">td</span><span class="p">></span> <span class="p"></</span><span class="nt">tr</span><span class="p">></span> <span class="p"></</span><span class="nt">table</span><span class="p">></span> </pre></div></td> <td width="33%" align="center" valign="top" style="background:transparent;font-family:inherit;font-size:inherit;color:inherit;padding:0 5px 5px 5px;border:none;"><table border="1"> <caption>Caption</caption> <tbody><tr> <th>Heading 1</th> <th>Heading 2</th> </tr> <tr> <td>A</td> <td>B</td> </tr> <tr> <td><span typeof="mw:File"><a href="/wiki/File:Crocus_4.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/2/22/Crocus_4.jpg/75px-Crocus_4.jpg" decoding="async" width="75" height="56" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/22/Crocus_4.jpg/113px-Crocus_4.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/22/Crocus_4.jpg/150px-Crocus_4.jpg 2x" data-file-width="800" data-file-height="600" /></a></span></td> <td>D</td> </tr> </tbody></table></td> <td width="33%" align="left" valign="top" style="background:transparent;font-family:inherit;font-size:inherit;color:inherit;padding:0 5px 5px 5px;border:none;">The sections are adjustable <ul><li>Widths can be changed to remove a section or extend another.</li> <li>Padding can be changed, and colors too.</li> <li>Font details can be changed also.</li> <li>To make an empty section, enter a non-breaking space.</li></ul></td> </tr> <tr> <td colspan="3" width="100%" align="left" valign="top" style="background:transparent;font-family:inherit;font-size:inherit;color:inherit;padding:0 5px 5px 5px;border:none;">The width of this building block matches the top section template exactly. In fact, if it is preferred, <i>this</i> template could be used for a top section. By the use of such a building block, greater consistency is afforded, and the addition of background colors allows a more interesting panelled page. <p>Note that a template is not needed to simply apply a more interesting color to a page. Writers and editors with this in mind need only place all of their page text within styled HTML ''div'' tags. The styling of tags is covered in <a href="/wiki/Editing_Wikitext/Class_and_Style_Notes#Figure_5:_Typical_'in-line'_block_formats" title="Editing Wikitext/Class and Style Notes">Typical 'in-line' block formats</a>, and if necessary, an example can be found near the top of the mark-up text for this page. </p> An example of the template's use can be seen throughout the page <a href="/wiki/Editing_Wikitext/Tables" title="Editing Wikitext/Tables">Tables</a>.</td> </tr> </tbody></table> <p><br /> </p> <div class="mw-heading mw-heading2"><h2 id="Hidden_Contents">Hidden Contents</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&veaction=edit&section=3" title="Edit section: Hidden Contents" class="mw-editsection-visualeditor"><span>edit</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&action=edit&section=3" title="Edit section's source code: Hidden Contents"><span>edit source</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>Sometimes a page gets a bit cluttered. Much <i>detailed</i> information is best tucked away where it can be accessed when needed, but where it does not detract from what is being said. </p><p>For this purpose there are templates such as <a href="/wiki/Template:Dropimage" title="Template:Dropimage">Dropimage</a> or <a href="/wiki/Template:FullWidthDrop" title="Template:FullWidthDrop">FullWidthDrop</a>. The quoted example presents a neat box with a heading and a link. The link toggles; left-clicking it the first time drops the box to show the contents. Clicking the link again closes the box. The amount of content can be considerable. Notice that whereas Dropimage can be narrower than the page, the template FullWidthPage is made to occupy it fully at all times. </p><p>Despite their names, both boxes also can contain text or other elements, including other templates. For Dropimage and FullWidthDrop, HTML tables are preferred to Wiki ones. </p><p>Examples of the use of Dropimage are shown below for an image, for text and for an HTML table. Further examples of its use can be seen throughout the <a href="/wiki/Editing_Wikitext" title="Editing Wikitext">Editing Wikitext</a> series. <br style="clear:both;" /> </p> <table align="center" style="background:transparent;border:none;"> <tbody><tr><td> <table class="collapsible" cellpadding="0px" style="width:300px;background-color:white; border:1px solid black;"> <tbody><tr><th style="font-family:Arial;font-size: 1.2em;font-weight:normal; background: transparent;color:black; padding-right:3em;text-align: center;">Image Example</th></tr> <tr> <td style="font-family:Arial;font-size: 1em;font-weight:normal;padding:10px;color: black;background-color:white;line-height: normal;word-spacing:normal;letter-spacing: normal;text-align:left;"> <figure class="mw-halign-center" typeof="mw:File"><a href="/wiki/File:Crocus_4.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/2/22/Crocus_4.jpg/250px-Crocus_4.jpg" decoding="async" width="250" height="188" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/22/Crocus_4.jpg/375px-Crocus_4.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/22/Crocus_4.jpg/500px-Crocus_4.jpg 2x" data-file-width="800" data-file-height="600" /></a><figcaption></figcaption></figure><br /><i>A Purple Crocus</i></td> </tr> </tbody></table> </td></tr> </tbody></table> <p><br /> </p> <table align="center" style="background:transparent;border:none;"> <tbody><tr><td> <table class="collapsible" cellpadding="0px" style="width:100%;background-color:white; border:1px solid black;"> <tbody><tr><th style="font-family:Arial;font-size:1.2em;font-weight:normal; background:white;color:black; padding-right:3em;text-align: center;">CSS Properties Summary</th></tr> <tr> <td style="font-family:Arial;font-size:1em;font-weight:normal;padding:10px;color: black;background-color:transparent;line-height: normal;word-spacing:normal;letter-spacing: normal;text-align:left;"> <big><b>Commonly used style rules for Wiki markup tables :</b></big><br /><br /><figure class="mw-halign-center" typeof="mw:File"><a href="/wiki/File:Tables2.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/1/18/Tables2.jpg/588px-Tables2.jpg" decoding="async" width="588" height="435" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/1/18/Tables2.jpg 1.5x" data-file-width="749" data-file-height="554" /></a><figcaption></figcaption></figure> <p><b>There are <i>two</i> different sets of style rules in use;</b> a set of HTML attributes that is associated with the specific elements in tables, and a Cascading Style Sheet set, CSS properties, that is of more general use. </p><p>Each of <i>table</i>, <i>caption</i>, <i>row</i>, and <i>cell</i> can be considered as separate <i>elements</i> in the more general building of tables. In each case where an attribute refers to the same format as a CSS property at the same level of the same element, the CSS property takes priority. </p><p>A short list of each style-set is given for quick reference though these listings are by no means complete. A link has been provided at the bottom of this drop-list for a full CSS properties reference. </p> <hr /> <hr /> <p><br /> <b>HTML Attributes for Tables; <i>use the format;</i> </b> </p><p><i>attribute1=value1 attribute2=value2 attributeN=valueN</i> </p> <div style="border:1px solid dimgray;background:white;font-size:1.1em;" class="mw-highlight mw-highlight-lang-moin mw-content-ltr" dir="ltr"><pre><span></span> Example Values Element* Purpose >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> align=left** left,right,center, T, R, C positions table or text** (plus justify for text) in immediate container valign=top**** top, middle, bottom R, C vertical alignment of TEXT border=1***** 0 for none, 1-7 T all borders at once cellpadding=5px 0 for none, px, pt, em T padding for all cell text with one entry cellspacing=5px****** 0 for none, px, pt, em T between all table cells with one entry height=100px*** px, pt, cm, em, % C cell height, though likely to increase with contents width=200px*** px, pt, cm, em, % T, C table or cell width colspan="2" number of columns. C joins cells rightward rowspan="2" number of rows. C joins cells downward >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> * T=Table, R=Rows, C=Cells of any kind ** Align in cells applies horizontal text-alignment. *** If not specified, the dimensions will adjust to the text. **** If not specified, the default is middle ***** Do not use border spacing styles with this attribute; only <span class="c">''</span>cellspacing<span class="c">''</span>. ****** Do not use border styles with this attribute; only the <span class="c">''</span>border<span class="c">''</span> attribute. </pre></div> <hr /> <hr /> <p><br /> <b>CSS Style Rules; <i>use the format;</i> </b> </p><p><i>style=<b>"</b>property1<b>:</b>value1<b>;</b> property2<b>:</b>value2<b>;</b> propertyN<b>:</b>valueN<b>;"</b></i> </p> <div style="border:1px solid dimgray;background:white;font-size:1.1em;" class="mw-highlight mw-highlight-lang-html mw-content-ltr" dir="ltr"><pre><span></span>Example Values Elements** Purpose >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> caption-side:top top,right,bottom, T only some browsers and left text-align:right left,right,center, T, R, C horizontal alignment of text and justify vertical-align:top top, middle, bottom C Vertical-align text or image background:yellow name, rgb, hex, T, R, C background color and transparent color:blue name, rgb, hex T, R, C text color mix-blend-mode:multiply mode T blend mode >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> font-family:arial font or family name T, R, C font or font-list font-size:20pt px, pt, cm, em, % T, R, C text size font-style:italic italic, normal T, R, C text style font-weight:bold bold, normal T, R, C text weight >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> padding:5px 0 0 0 px, pt, cm, em T, C sequence top,right,bottom,left margin:0 0 5px 0 px, pt, cm, em, % T sequence top,right,bottom,left border:2px solid red* width, type, color T, C border on all four sides border-collapse: separate or collapse T cell spacing or not border-spacing:10px px, pt, cm, em T cell spacing all-round border-spacing:7px 5px px, pt, cm, em T in form horizontal vertical table-layout:fixed auto or fixed T expands with text or not width:400px px, pt, cm, em  % T, C sets table or cell width height:200px px, pt, cm, em  % T, C sets table or cell height >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> line-height:2em*** px, pt, cm, em T, R, C height between text lines letter-spacing:5px px, pt, cm, em T, R, C space between text characters word-spacing:10px px, pt, cm, em T, R, C space between words of text white-space:pre-wrap browser issues T long line text wrapping,(soon) >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> * Separate border properties also exist; border-top,border-right,border-bottom, and border-left. ** T=Table, R=Rows, C=Cells of any kind *** Line-height applies only to Block Level Elements; e.g. <span class="p"><</span><span class="nt">blockquote</span><span class="p">></span>, <span class="p"><</span><span class="nt">center</span><span class="p">></span>,<span class="p"><</span><span class="nt">div</span><span class="p">></span>, <span class="p"><</span><span class="nt">h1-h6</span><span class="p">></span>, <span class="p"><</span><span class="nt">hr</span><span class="p">></span>, <span class="p"><</span><span class="nt">ol</span><span class="p">></span>, <span class="p"><</span><span class="nt">p</span><span class="p">></span>, <span class="p"><</span><span class="nt">pre</span><span class="p">></span>, <span class="p"><</span><span class="nt">table</span><span class="p">></span>, and <span class="p"><</span><span class="nt">ul</span><span class="p">></span>. Line-height fails within a <span class="p"><</span><span class="nt">span</span><span class="p">></span>. </pre></div> <hr /> <hr /> <p><br /> <b>Style Expression Spacing Rules for WIKITEXT</b> </p> <hr /> <p><b>Main Points to Avoid</b> </p> <ul><li>Line breaks are <i>not</i> permitted <i>within</i> style expressions. Let the software do the wrapping.</li> <li>Spaces are not permitted immediately <i>before</i> colons or semi-colons.</li></ul> <p><b>These have Latitude</b> </p> <ul><li>Space between the various table symbols and the word <i>style</i> is OK.</li> <li>Space around any <i>equals</i> symbol is OK.</li> <li>Space between the style rules and their <i>outside</i> parentheses is OK.</li> <li>Spaces <i>after</i> colons and semi-colons are OK.</li> <li>A semi-colon can be placed immediately <i>after</i> the last style rule.</li></ul> <p><b>In addition</b> </p> <ul><li>Compound values like '2px solid black' <i>must</i> be space-separated.</li> <li>HTML attributes <i>must</i> be separated from CSS style expressions with space.</li> <li>HTML <i>element</i> line-spacing is permitted but not for Wikitext elements.</li> <li>Wikitext and HTML table elements <i>can</i> be indented for clarity.</li> <li>Long lines in code LISTINGS can wrap <i>only</i> if there are some spaces added.</li></ul> <hr /> <hr /> <p><br /> <b>Combining the two style rule methods:</b> </p><p>It is possible to mix the attributes with CSS styles provided that they keep to their own local formats. That is to say; nothing with an equals sign between the quotes, and no CSS rules outside of them. Note that the Wiki apostrophe codes and various HTML tags can still be used directly on text. An example of mixed styles is shown below. </p> <pre style="border:1px solid dimgray;background:white;font-size:1.1em;">{| border=1 width=300px style="background:lightyellow;color:maroon;" | height=100px| <u>''First''</u> cell | style="background:black;color:white;" width=200px align=center|''Second'' cell |}</pre> <p><br /> <b>Priorities for Inline Styles.</b> </p><p>When there is a contest at the same level between an attribute and a style, the <i>style will have priority</i>. </p><p>When two similar properties exist in a style expression, each having a different value, the <i>second</i> value will be taken. </p><p>When there are two <i>entire</i> style expressions in the same table line, the second is <i>ignored</i>. The same situation applies for two similar attributes in a line; the second is ignored. </p><p><br /> </p> <hr /> <hr /> <p><br /> </p> Refer to <a rel="nofollow" class="external text" href="https://www.w3schools.com/cssref/default.asp"><b>CSS Reference List</b></a> for more detailed descriptions of properties and values.</td> </tr> </tbody></table> </td></tr> </tbody></table> <p><br /> </p> <table align="center" style="background:transparent;border:none;"> <tbody><tr><td> <table class="collapsible" cellpadding="0px" style="width:300px;background-color:white; border:1px solid black;"> <tbody><tr><th style="font-family:Arial;font-size: 1.2em;font-weight:normal; background: transparent;color:black; padding-right:3em;text-align: center;">Light Colors</th></tr> <tr> <td style="font-family:Arial;font-size: 1em;font-weight:normal;padding:10px;color: black;background-color:white;line-height: normal;word-spacing:normal;letter-spacing: normal;text-align:left;"> <table width="600px"> <tbody><tr><td> <table class="sortable" width="95%" border="1" align="center" cellpadding="10px" style="border-collapse:collapse;text-align:center;"> <tbody><tr> <th colspan="4">Pastel Color Names and Values </th> </tr> <tr> <th style="text-align:left">Colour Name</th> <th>Colour Sample</th> <th>Hex</th> <th>RGB value</th> </tr> <tr> <td width="15%" style="text-align:left">Aliceblue </td> <td width="40%" style="background:Aliceblue;"> </td> <td width="15%">#f0f8ff; </td> <td width="30%">rgb(240,248,255)</td> </tr><tr> <td style="text-align:left">Antiquewhite </td> <td style="background:Antiquewhite;"> </td> <td>#faebd7; </td> <td>rgb(250,235,215) </td> </tr><tr> <td style="text-align:left"> Azure</td> <td style="background: Azure;"> </td> <td>#f0ffff; </td> <td> rgb(240,255,255)</td> </tr><tr> <td style="text-align:left">Beige </td> <td style="background: Beige;"> </td> <td>#f5f5dc; </td> <td> rgb(245,245,220) </td> </tr><tr> <td style="text-align:left"> Bisque</td> <td style="background: Bisque;"> </td> <td>#ffe4c4; </td> <td> rgb(255,228,196)</td> </tr><tr> <td style="text-align:left">Blanchedalmond </td> <td style="background: Blanchedalmond;"> </td> <td>#ffebcd; </td> <td> rgb(255,235,205)</td> </tr><tr> <td style="text-align:left">Cornsilk </td> <td style="background: Cornsilk;"> </td> <td>#fff8dc; </td> <td> rgb(255,248,220) </td> </tr><tr> <td style="text-align:left">Floralwhite </td> <td style="background: Floralwhite;"> </td> <td> #fffaf0;</td> <td> rgb(255,250,240) </td> </tr><tr> <td style="text-align:left">Gainsboro </td> <td style="background: Gainsboro;"> </td> <td> #dcdcdc; </td> <td>rgb(220,220,220) </td> </tr><tr> <td style="text-align:left">Ghostwhite </td> <td style="background: Ghostwhite;"> </td> <td> #f8f8ff; </td> <td> rgb(248,248,255)</td> </tr><tr> <td style="text-align:left">Honeydew </td> <td style="background: Honeydew;"> </td> <td> #f0fff0; </td> <td>rgb(240,255,240) </td> </tr><tr> <td style="text-align:left"> Ivory</td> <td style="background: Ivory;"> </td> <td>#fffff0; </td> <td> rgb(255,255,240) </td> </tr><tr> <td style="text-align:left">Lavender </td> <td style="background: Lavender;"> </td> <td> #e6e6fa; </td> <td> rgb(230,230,250)</td> </tr><tr> <td style="text-align:left"> Lavenderblush</td> <td style="background: Lavenderblush;"> </td> <td>#fff0f5; </td> <td>rgb(255,240,245)</td> </tr><tr> <td style="text-align:left">Lemonchiffon </td> <td style="background: Lemonchiffon;"> </td> <td>#fffacd; </td> <td> rgb(255,250,205)</td> </tr><tr> <td style="text-align:left">Lightcyan </td> <td style="background: Lightcyan;"> </td> <td> #e0ffff; </td> <td> rgb(224,255,255)</td> </tr><tr> <td style="text-align:left"> Lightgoldenrodyellow</td> <td style="background: Lightgoldenrodyellow;"> </td> <td>#fafad2; </td> <td> rgb(250,250,210) </td> </tr><tr> <td style="text-align:left">Lightyellow </td> <td style="background: Lightyellow;"> </td> <td>#ffffe0; </td> <td> rgb(255,255,224) </td> </tr><tr> <td style="text-align:left">Linen </td> <td style="background: Linen;"> </td> <td>#faf0e6; </td> <td> rgb(250,240,230)</td> </tr><tr> <td style="text-align:left">Mintcream </td> <td style="background: Mintcream;"> </td> <td>#f5fffa; </td> <td> rgb(245,255,250)</td> </tr><tr> <td style="text-align:left">Mistyrose </td> <td style="background: Mistyrose;"> </td> <td> #ffe4e1; </td> <td> rgb(255,228,225)</td> </tr><tr> <td style="text-align:left">Moccasin </td> <td style="background: Moccasin;"> </td> <td>#ffe4b5; </td> <td> rgb(255,228,181) </td> </tr><tr> <td style="text-align:left">Navajowhite </td> <td style="background: Navajowhite;"> </td> <td>#ffdead; </td> <td> rgb(255,222,173)</td> </tr><tr> <td style="text-align:left">Oldlace </td> <td style="background: Oldlace;"> </td> <td>#fdf5e6; </td> <td> rgb(253,245,230) </td> </tr><tr> <td style="text-align:left">Paleturquoise </td> <td style="background: Paleturquoise;"> </td> <td>#afeeee; </td> <td> rgb(175,238,238) </td> </tr><tr> <td style="text-align:left"> Papayawhip</td> <td style="background: Papayawhip;"> </td> <td> #ffefd5; </td> <td>rgb(255,239,213) </td> </tr><tr> <td style="text-align:left"> Peachpuff</td> <td style="background: Peachpuff;"> </td> <td>#ffdab9; </td> <td> rgb(255,218,185) </td> </tr><tr> <td style="text-align:left">Pink </td> <td style="background: Pink;"> </td> <td>#ffc0cb; </td> <td>rgb(255,192,203) </td> </tr><tr> <td style="text-align:left">Seashell </td> <td style="background: Seashell;"> </td> <td>#fff5ee; </td> <td>rgb(255,245,238) </td> </tr><tr> <td style="text-align:left"> Snow</td> <td style="background: Snow;"> </td> <td>#fffafa; </td> <td>rgb(255,250,250) </td> </tr><tr> <td style="text-align:left">Wheat </td> <td style="background: Wheat;"> </td> <td>#f5deb3; </td> <td> rgb(245,222,179) </td> </tr><tr> <td style="text-align:left"> White</td> <td style="background: White;"> </td> <td>#ffffff; </td> <td> rgb(255,255,255)</td> </tr><tr> <td style="text-align:left">Whitesmoke </td> <td style="background: Whitesmoke;"> </td> <td>#f5f5f5; </td> <td> rgb(245,245,245) </td> </tr> </tbody></table> </td> </tr></tbody></table></td> </tr> </tbody></table> </td></tr> </tbody></table> <p><br /> </p><p><br style="clear:both;" /> </p> <div class="mw-heading mw-heading2"><h2 id="Image_Templates">Image Templates</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&veaction=edit&section=4" title="Edit section: Image Templates" class="mw-editsection-visualeditor"><span>edit</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&action=edit&section=4" title="Edit section's source code: Image Templates"><span>edit source</span></a><span class="mw-editsection-bracket">]</span></span></div> <table align="left" style="line-height:1.5em;margin:10px;font-size:90%;background:;color:;border:;"> <tbody><tr> <td style="padding:0px;"><span typeof="mw:File"><a href="/wiki/File:Crocus_4.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/2/22/Crocus_4.jpg/200px-Crocus_4.jpg" decoding="async" width="200" height="150" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/22/Crocus_4.jpg/300px-Crocus_4.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/22/Crocus_4.jpg/400px-Crocus_4.jpg 2x" data-file-width="800" data-file-height="600" /></a></span></td> </tr> <tr> <td style="width:auto;font-family:;padding:;white-space:pre-wrap;">Note this frame-less caption.</td> </tr> </tbody></table> <div style="color: black;background: none;font-weight: normal;margin: 0;padding-top: .5em;padding-bottom: .17em;border-bottom: none;font-size: 132%;font-weight: bold;">Frameless Image Captions</div> <p>Images cannot include captions unless the image syntax makes use of a <i>frame</i> or a <i>thumbnail</i>. Borders tend also to be of a standard format and cannot ordinarily be customised. </p><p>These limitations are overcome by using the set of templates <a href="/wiki/Template:Noframeleft" title="Template:Noframeleft">Noframeleft</a>, <a href="/wiki/Template:Noframeright" title="Template:Noframeright">Noframeright</a>, <a href="/wiki/Template:Noframecenter" title="Template:Noframecenter">Noframecenter</a>, and <a href="/wiki/Template:Noframenone" title="Template:Noframenone">Noframenone</a>. A brief inspection of their names shows that there one for each of the standard image positions. These templates also have a number of options. </p><p>An example of the captioning is given with the image on the left, and can also be seen on the page <a href="/wiki/Editing_Wikitext/Pictures/The_Quick_Course" title="Editing Wikitext/Pictures/The Quick Course">The Quick Course</a>. <br style="clear:both;" /> </p> <div style="color: black;background: none;font-weight: normal;margin: 0;padding-top: .5em;padding-bottom: .17em;border-bottom: none;font-size: 132%;font-weight: bold;">Mouse-over Images</div> <p>Users of Internet Explorer will find that the mouseover functions do not work for them. </p> <div class="hoverbox"> <div class="hoveritem selected"> <figure class="mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Big_yellow.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Big_yellow.jpg/200px-Big_yellow.jpg" decoding="async" width="200" height="200" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Big_yellow.jpg/300px-Big_yellow.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Big_yellow.jpg/400px-Big_yellow.jpg 2x" data-file-width="1920" data-file-height="1920" /></a><figcaption>Gerbera:<i>hover for more<br />HoverImage as a thumbnail.</i></figcaption></figure> </div> <div class="hoveritem"> <figure class="mw-halign-right" typeof="mw:File/Thumb"><a href="/wiki/File:Red_chrysanthemum.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Red_chrysanthemum.jpg/200px-Red_chrysanthemum.jpg" decoding="async" width="200" height="200" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Red_chrysanthemum.jpg/300px-Red_chrysanthemum.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Red_chrysanthemum.jpg/400px-Red_chrysanthemum.jpg 2x" data-file-width="2111" data-file-height="2112" /></a><figcaption>Chrysanthemum: <i>the alternative<br />HoverImage as a thumbnail.</i></figcaption></figure> </div> </div> <table align="left" style="line-height:1.5em;margin:10px;font-size:90%;background:;color:;border:;"> <tbody><tr> <td style="padding:0px;"><div class="hoverbox"> <div class="hoveritem selected"> <p><span typeof="mw:File"><a href="/wiki/File:Big_yellow.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Big_yellow.jpg/200px-Big_yellow.jpg" decoding="async" width="200" height="200" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Big_yellow.jpg/300px-Big_yellow.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/0/0a/Big_yellow.jpg/400px-Big_yellow.jpg 2x" data-file-width="1920" data-file-height="1920" /></a></span> </p> </div> <div class="hoveritem"> <p><span typeof="mw:File"><a href="/wiki/File:Red_chrysanthemum.jpg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Red_chrysanthemum.jpg/200px-Red_chrysanthemum.jpg" decoding="async" width="200" height="200" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Red_chrysanthemum.jpg/300px-Red_chrysanthemum.jpg 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/1/1f/Red_chrysanthemum.jpg/400px-Red_chrysanthemum.jpg 2x" data-file-width="2111" data-file-height="2112" /></a></span> </p> </div> </div></td> </tr> <tr> <td style="width:auto;font-family:;padding:;white-space:pre-wrap;">Gerbera:<i>Hover for the Chrysanthemum. HoverImage used within Noframeleft.</i></td> </tr> </tbody></table> <p>Images are usually fixed on the page but there is a technique that allows <i>two</i> images to occupy the same space. An example is shown on the right. When the mouse moves over the image, a different image is shown instead. It is designed by persons more clever than me as a template. The whole thing allows the use of the standard image options, and the template is called <a href="/wiki/Template:HoverImage" title="Template:HoverImage">HoverImage</a>. </p><p>HoverImage's first two parameters are the <i>file names</i> of the two images to use; the first is the default image and the second is the alternative. There are separate caption options too; they are written in the same sequence as the image names. The other options like <i>position</i>, <i>size</i>, and <i>type of border</i> can be added and apply to both images at once. The template can be used in places where a normal image syntax line is used. The code to make the hover-image on the right is just: <br style="clear:both;" /> </p> <div style="display:block;background:ivory;color:black;font-weight:normal; border:1px solid lightgrey; padding:0.5em 1.5em 0.5em 1.5em; line-height:1.4em;font-family:'Courier New',Courier,fixedsys, monospace;font-size:SIZE}}};text-align:left;width:auto;max-width:100%;">{{HoverImage|Big yellow.jpg|Red chrysanthemum.jpg|right|thumb|200px|Gerbera:''hover for more<br />HoverImage alone as thumbnail.'' |Chrysanthemum: ''the alternative<br />HoverImage alone as thumbnail.''}} </div> <p>If the template is used for images with different shapes, some improvement is achieved by setting the height exactly and by setting the base dimension as some impossibly high value; in this way both images will be set to the intended height. Note also that the entire template can become the <i>content</i> of the <a href="/wiki/Template:Dropimage" title="Template:Dropimage">Dropimage</a> template, and still works well; in this event set the image option to <i>center</i>. </p><p>The unwanted white border in the image example is not a fault in the template but is a consequence of using images with frames on a colored page background; it is a bug. To avoid this, simply use a frame-less image. If a caption is needed as well then use the HoverImage template as the image parameter of e.g., <i>Noframeleft</i>, to make a frame-less image <i>with</i> a single caption. The image on the <i>left</i> was made in this way. The coding for mouse-hover frameless images with a single caption is just: </p> <div style="display:block;background:ivory;color:black;font-weight:normal; border:1px solid lightgrey; padding:0.5em 1.5em 0.5em 1.5em; line-height:1.4em;font-family:'Courier New',Courier,fixedsys, monospace;font-size:SIZE}}};text-align:left;width:auto;max-width:100%;">{{noframeleft|margin=10px|cwidth=200px|{{HoverImage|Big yellow.jpg|Red chrysanthemum.jpg|200px}}|Gerbera:''Hover for the Chrysanthemum. HoverImage used within Noframeleft.''}}</div> <p><br /> </p> <div class="mw-heading mw-heading2"><h2 id="Information_Boxes">Information Boxes</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&veaction=edit&section=5" title="Edit section: Information Boxes" class="mw-editsection-visualeditor"><span>edit</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&action=edit&section=5" title="Edit section's source code: Information Boxes"><span>edit source</span></a><span class="mw-editsection-bracket">]</span></span></div> <table align="center" style="background:#f9f9f9;;border:1px solid #aaaaaa;; width:75%;"> <tbody><tr> <td style="font-size:inherit; vertical-align:top; padding:0.5em; width:20%; text-align:center;"><figure class="mw-halign-center" typeof="mw:File/Frameless"><a href="/wiki/File:Tick_green_modern.svg" class="mw-file-description"><img src="//upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Tick_green_modern.svg/50px-Tick_green_modern.svg.png" decoding="async" width="50" height="44" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Tick_green_modern.svg/75px-Tick_green_modern.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/2/2f/Tick_green_modern.svg/100px-Tick_green_modern.svg.png 2x" data-file-width="364" data-file-height="318" /></a><figcaption></figcaption></figure></td> <td rowspan="2" style="width:80%; padding:1em 1em 1em 0;line-height:1.5em;vertical-align:top; text-align:{{{left}}};">This box is made with the template <a href="/wiki/Template:Technote" title="Template:Technote">Technote</a> and is intended for use at certain points within a technical page, possibly for excessively terse points that most choose to ignore. Since the heading can be changed also, it can take on any useful form for which the green tick-mark image is suitable.</td> </tr> <tr> <td style="padding:0 0.5em 0.5em 0.5em; vertical-align:top; font-family:lucida handwriting; text-align:center;"><b>Technical Note:</b></td> </tr> </tbody></table> <p><br style="clear:both;" /> </p> <style data-mw-deduplicate="TemplateStyles:r4440582">.mw-parser-output .ambox{border:1px solid #a2a9b1;border-left:10px solid #36c;background-color:#fbfbfb;box-sizing:border-box}.mw-parser-output .ambox+link+.ambox,.mw-parser-output .ambox+link+style+.ambox,.mw-parser-output .ambox+link+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+style+.ambox,.mw-parser-output .ambox+.mw-empty-elt+link+link+.ambox{margin-top:-1px}html body.mediawiki .mw-parser-output .ambox.mbox-small-left{margin:4px 1em 4px 0;overflow:hidden;width:238px;border-collapse:collapse;font-size:88%;line-height:1.25em}.mw-parser-output .ambox-speedy{border-left:10px solid #b32424;background-color:#fee7e6}.mw-parser-output .ambox-delete{border-left:10px solid #b32424}.mw-parser-output .ambox-content{border-left:10px solid #f28500}.mw-parser-output .ambox-style{border-left:10px solid #fc3}.mw-parser-output .ambox-move{border-left:10px solid #9932cc}.mw-parser-output .ambox-protection{border-left:10px solid #a2a9b1}.mw-parser-output .ambox .mbox-text{border:none;padding:0.25em 0.5em;width:100%}.mw-parser-output .ambox .mbox-image{border:none;padding:2px 0 2px 0.5em;text-align:center}.mw-parser-output .ambox .mbox-imageright{border:none;padding:2px 0.5em 2px 0;text-align:center}.mw-parser-output .ambox .mbox-empty-cell{border:none;padding:0;width:1px}.mw-parser-output .ambox .mbox-image-div{width:52px}html.client-js body.skin-minerva .mw-parser-output .mbox-text-span{margin-left:23px!important}@media(min-width:720px){.mw-parser-output .ambox{margin:0 10%}}@media print{body.ns-0 .mw-parser-output .ambox{display:none!important}}</style><table class="box-Caution plainlinks metadata ambox ambox-style" role="presentation"><tbody><tr><td class="mbox-image"><div class="mbox-image-div"><span typeof="mw:File"><span title="Caution"><img alt="Caution" src="//upload.wikimedia.org/wikipedia/commons/thumb/7/74/Ambox_warning_yellow.svg/40px-Ambox_warning_yellow.svg.png" decoding="async" width="40" height="35" class="mw-file-element" srcset="//upload.wikimedia.org/wikipedia/commons/thumb/7/74/Ambox_warning_yellow.svg/60px-Ambox_warning_yellow.svg.png 1.5x, //upload.wikimedia.org/wikipedia/commons/thumb/7/74/Ambox_warning_yellow.svg/80px-Ambox_warning_yellow.svg.png 2x" data-file-width="386" data-file-height="334" /></span></span></div></td><td class="mbox-text" style="text-align: left;"><div class="mbox-text-span">This box is made with the template <a href="/wiki/Template:Caution" title="Template:Caution">Caution</a> and could be used in pages to focus attention on possible hazards or difficulties needing more careful attention. It is similar in that the heading can be rephrased; thus it could also be used to indicate an error, or any form for which the red cross is appropriate.</div></td></tr></tbody></table> <p><br style="clear:both;" /> There are many information boxes available within Wikibooks. The majority of them find use for administrative comments and reminders. The background color and the text alignment are options. As is clear from the above examples, the text can also contain hyperlinks. <br style="clear:both;" /> </p> <div class="mw-heading mw-heading2"><h2 id="Highlight_Blocks">Highlight Blocks</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&veaction=edit&section=6" title="Edit section: Highlight Blocks" class="mw-editsection-visualeditor"><span>edit</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&action=edit&section=6" title="Edit section's source code: Highlight Blocks"><span>edit source</span></a><span class="mw-editsection-bracket">]</span></span></div> <div style="display:block;background:ivory;color:black;font-weight:normal; border:1px solid lightgrey; padding:0.5em 1.5em 0.5em 1.5em; line-height:1.4em;font-family:'Courier New',Courier,fixedsys, monospace;font-size:SIZE}}};text-align:center;width:auto;max-width:100%;">style = "background:lightyellow; color:navyblue;" </div> <p>The above example shows another box, this time made with the template <a href="/wiki/Template:Block" title="Template:Block">Block</a> to emphasise the code lines that need to be learned for some context or another. </p><p>It uses a Courier font for programming and mark-up code descriptions. It is intended for single lines though it will expand, and background color, font, alignment, and other elements are options. </p><p>At a more general level, the template can be used for page-building. When one instance of the template immediately follows another, color banding becomes possible. Since it is based on the <i>div tag</i> it has very few differences from the main page. </p><p>A version called <a href="/wiki/Template:Blockwrap" title="Template:Blockwrap">Blockwrap</a> also exists to be contained in sections of text that wrap left or right. This was needed to overcome a bug, where <i>divs</i> insist on using the full width of a page. </p><p>The template <i>Block</i> stacks neatly top to bottom for page-building like this: </p> <div style="display:block;background:beige;color:black;font-weight:normal; border:1px solid lightgrey; padding:0.5em 1.5em 0.5em 1.5em; line-height:1.4em;font-family:'Courier New',Courier,fixedsys, monospace;font-size:SIZE}}};text-align:left;width:auto;max-width:100%;">|background=Beige|ta=left|</div> <div style="display:block;background:ivory;color:black;font-weight:normal; border:1px solid lightgrey; padding:0.5em 1.5em 0.5em 1.5em; line-height:1.4em;font-family:'Courier New',Courier,fixedsys, monospace;font-size:SIZE}}};text-align:left;width:auto;max-width:100%;">|background=Ivory|ta=left|</div> <div style="display:block;background:mistyrose;color:black;font-weight:normal; border:1px solid lightgrey; padding:0.5em 1.5em 0.5em 1.5em; line-height:1.4em;font-family:'Courier New',Courier,fixedsys, monospace;font-size:SIZE}}};text-align:left;width:auto;max-width:100%;">|background=mistyrose|ta=left|</div> <p><br style="clear:both;" /> </p> <div class="mw-heading mw-heading3"><h3 id="Banded_Bullet_Points">Banded Bullet Points</h3><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&veaction=edit&section=7" title="Edit section: Banded Bullet Points" class="mw-editsection-visualeditor"><span>edit</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&action=edit&section=7" title="Edit section's source code: Banded Bullet Points"><span>edit source</span></a><span class="mw-editsection-bracket">]</span></span></div> <table align="center" cellpadding="0" border="0" style="border-collapse:collapse;margin:5px none none none;background:transparent;width:80%"> <tbody><tr><td><table cellspacing="0" border="0" style="width:100%;border:1px solid lightgrey; background:rgb(220,220,220);"> <tbody><tr><td style="padding:2px 5px 2px 5px;"><ul><li>The usual bullets make use of the page formats as its defaults. </li></ul></td> </tr></tbody></table> <table cellspacing="0" border="0" style="width:100%; border:1px solid lightgrey; background:{[[:Template:BG]];"> <tbody><tr><td style="padding:2px 5px 2px 5px;"><ul><li><i><b>These</b></i> bullet points are banded and although the coloring normally extends across the entire available width, both the width and position of the container are options. </li></ul></td> </tr></tbody></table> <table cellspacing="0" border="0" style="width:100%;border:1px solid lightgrey; background:rgb(220,220,220);"> <tbody><tr><td style="padding:2px 5px 2px 5px;"><ul><li>They are clumsy by template standards since they need the use of the three separate templates <a href="/wiki/Template:Container" title="Template:Container">Container</a>, and within it a stack of <a href="/wiki/Template:Dul" title="Template:Dul">Dul</a>, and <a href="/wiki/Template:Lul" title="Template:Lul">Lul</a> to make it work. </li></ul></td> </tr></tbody></table> </td> </tr></tbody></table> <p>Although this set of templates lacks elegance it has been found to save time over the more laborious method that involves a custom table. The template call for the above example uses a custom width and position and looks like this: </p> <div style="display:block;background:ivory;color:black;font-weight:normal; border:1px solid lightgrey; padding:0.5em 1.5em 0.5em 1.5em; line-height:1.4em;font-family:'Courier New',Courier,fixedsys, monospace;font-size:SIZE}}};text-align:left;width:auto;max-width:100%;">{{container|align=center|width=80%|1=<br />{{dul|first point}}<br />{{lul|second point}}<br />{{dul|third point}}<br />etc...<br />}}<br /></div> <p><br /> </p> <div class="mw-heading mw-heading2"><h2 id="Hidden_Headings">Hidden Headings</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&veaction=edit&section=8" title="Edit section: Hidden Headings" class="mw-editsection-visualeditor"><span>edit</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&action=edit&section=8" title="Edit section's source code: Hidden Headings"><span>edit source</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>As will no doubt be known, every heading in a Wiki is listed as a link in the table of contents. </p><p>Sometimes, there is no need for a table of contents entry, but a heading is still needed. This is one way to avoid too many levels within the contents box. For this purpose, the set of six templates <a href="/wiki/Template:Hiddenh1" title="Template:Hiddenh1">Hiddenh1</a> through <a href="/wiki/Template:Hiddenh6" title="Template:Hiddenh6">Hiddenh6</a> has been made to imitate the heading styles. </p><p>For example, the use of <i>Hiddenh3</i> corresponds to a <i>level three</i> heading in Wiki, and an <i>h3</i> heading in HTML. Use them, for example, within drop-boxes, where otherwise closed boxes might cause listing confusion. Because they are not taken formally as listings, it will not be possible to link to such headings as would otherwise be the case. <br style="clear:both;" /> </p><p><br /> </p> <div class="mw-heading mw-heading2"><h2 id="Drop_Capitals">Drop Capitals</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&veaction=edit&section=9" title="Edit section: Drop Capitals" class="mw-editsection-visualeditor"><span>edit</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&action=edit&section=9" title="Edit section's source code: Drop Capitals"><span>edit source</span></a><span class="mw-editsection-bracket">]</span></span></div> <div style="font-size: 400%;line-height:50%; float: left; font-family:serif; margin-right:4px; padding-top: 10px">A</div> <p>drop capital is this big letter at the start of the paragraph. It is sometimes used in art work or to start stanzas in prose, though at the most general level, it finds use where there is no formal heading style. It is a form of text emphasis, in that it directs attention to the start of a section. </p><p>The example uses the template <a href="/wiki/Template:Drop" title="Template:Drop">Drop</a>. It is only the first letter that is contained in the template call, and in every case, the next text character, (ignore any space), is typed hard left against the template's closing brackets. </p><p>For those who need a more complicated format of their own, it will be necessary to make one, since as far as is known, this is the only one on file. A point worth noting is that drop capitals are unlikely to line up vertically, unless a mono-spaced font is found for the purpose. For this reason they tend to be used far enough apart to avoid the discrepancy. <br style="clear:both;" /> </p> <div class="mw-heading mw-heading2"><h2 id="Writers'_Data_Lists"><span id="Writers.27_Data_Lists"></span>Writers' Data Lists</h2><span class="mw-editsection"><span class="mw-editsection-bracket">[</span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&veaction=edit&section=10" title="Edit section: Writers' Data Lists" class="mw-editsection-visualeditor"><span>edit</span></a><span class="mw-editsection-divider"> | </span><a href="/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&action=edit&section=10" title="Edit section's source code: Writers' Data Lists"><span>edit source</span></a><span class="mw-editsection-bracket">]</span></span></div> <p>While working on a page there is often some CSS code or color format that needs reference. To avoid the need for page-searching a number of templates containing such information can be placed adjacent to the work, on the page or sandbox, ready for use. The lists are compact since they are hidden in drop-boxes until they are needed. The list so far includes these: </p> <ul><li><a href="/wiki/Template:Tablestyles" title="Template:Tablestyles">Tablestyles</a>; <i>a list of CSS styles and HTML attributes of particular use for making tables. The text also contains notes on code spacing and priorities.</i></li> <li><a href="/wiki/Template:Lightcolors" title="Template:Lightcolors">Lightcolors</a>; <i>a list of selected pastels and light color names, with their RGB and HEX values.</i></li> <li><a href="/wiki/Template:Mediumcolors" title="Template:Mediumcolors">Mediumcolors</a>; <i>a list of medium density color names and their codes.</i></li> <li><a href="/wiki/Template:Darkcolors" title="Template:Darkcolors">Darkcolors</a>;<i>a list of dark colors and their codes.</i></li> <li><a href="/wiki/Template:Greycolors" title="Template:Greycolors">Greycolors</a>;<i>a density spaced list of greys with their RGB values.</i></li> <li><a href="/wiki/Template:Flowers" title="Template:Flowers">Flowers</a>;<i>a gallery of high quality flower thumbnails for quick image-finding.</i></li></ul> </div> <div class="navbox-styles"><style data-mw-deduplicate="TemplateStyles:r4271531">.mw-parser-output .hlist dl,.mw-parser-output .hlist ol,.mw-parser-output .hlist ul{margin:0;padding:0}.mw-parser-output .hlist dd,.mw-parser-output .hlist dt,.mw-parser-output .hlist li{margin:0;display:inline}.mw-parser-output .hlist.inline,.mw-parser-output .hlist.inline dl,.mw-parser-output .hlist.inline ol,.mw-parser-output .hlist.inline ul,.mw-parser-output .hlist dl dl,.mw-parser-output .hlist dl ol,.mw-parser-output .hlist dl ul,.mw-parser-output .hlist ol dl,.mw-parser-output .hlist ol ol,.mw-parser-output .hlist ol ul,.mw-parser-output .hlist ul dl,.mw-parser-output .hlist ul ol,.mw-parser-output .hlist ul ul{display:inline}.mw-parser-output .hlist .mw-empty-li{display:none}.mw-parser-output .hlist dt::after{content:": "}.mw-parser-output .hlist dd::after,.mw-parser-output .hlist li::after{content:" · ";font-weight:bold}.mw-parser-output .hlist dd:last-child::after,.mw-parser-output .hlist dt:last-child::after,.mw-parser-output .hlist li:last-child::after{content:none}.mw-parser-output .hlist dd dd:first-child::before,.mw-parser-output .hlist dd dt:first-child::before,.mw-parser-output .hlist dd li:first-child::before,.mw-parser-output .hlist dt dd:first-child::before,.mw-parser-output .hlist dt dt:first-child::before,.mw-parser-output .hlist dt li:first-child::before,.mw-parser-output .hlist li dd:first-child::before,.mw-parser-output .hlist li dt:first-child::before,.mw-parser-output .hlist li li:first-child::before{content:" (";font-weight:normal}.mw-parser-output .hlist dd dd:last-child::after,.mw-parser-output .hlist dd dt:last-child::after,.mw-parser-output .hlist dd li:last-child::after,.mw-parser-output .hlist dt dd:last-child::after,.mw-parser-output .hlist dt dt:last-child::after,.mw-parser-output .hlist dt li:last-child::after,.mw-parser-output .hlist li dd:last-child::after,.mw-parser-output .hlist li dt:last-child::after,.mw-parser-output .hlist li li:last-child::after{content:")";font-weight:normal}.mw-parser-output .hlist ol{counter-reset:listitem}.mw-parser-output .hlist ol>li{counter-increment:listitem}.mw-parser-output .hlist ol>li::before{content:" "counter(listitem)"\a0 "}.mw-parser-output .hlist dd ol>li:first-child::before,.mw-parser-output .hlist dt ol>li:first-child::before,.mw-parser-output .hlist li ol>li:first-child::before{content:" ("counter(listitem)"\a0 "}</style><style data-mw-deduplicate="TemplateStyles:r4274675">.mw-parser-output .navbox{box-sizing:border-box;border:1px solid #a2a9b1;width:100%;clear:both;font-size:88%;text-align:center;padding:1px;margin:1em auto 0}.mw-parser-output .navbox .navbox{margin-top:0}.mw-parser-output .navbox+.navbox,.mw-parser-output .navbox+.navbox-styles+.navbox{margin-top:-1px}.mw-parser-output .navbox-inner,.mw-parser-output .navbox-subgroup{width:100%}.mw-parser-output .navbox-group,.mw-parser-output .navbox-title,.mw-parser-output .navbox-abovebelow{padding:0.25em 1em;line-height:1.5em;text-align:center}.mw-parser-output .navbox-group{white-space:nowrap;text-align:right}.mw-parser-output .navbox,.mw-parser-output .navbox-subgroup{background-color:#fdfdfd}.mw-parser-output .navbox-list{line-height:1.5em;border-color:#fdfdfd}.mw-parser-output .navbox-list-with-group{text-align:left;border-left-width:2px;border-left-style:solid}.mw-parser-output tr+tr>.navbox-abovebelow,.mw-parser-output tr+tr>.navbox-group,.mw-parser-output tr+tr>.navbox-image,.mw-parser-output tr+tr>.navbox-list{border-top:2px solid #fdfdfd}.mw-parser-output .navbox-title{background-color:#ccf}.mw-parser-output .navbox-abovebelow,.mw-parser-output .navbox-group,.mw-parser-output .navbox-subgroup .navbox-title{background-color:#ddf}.mw-parser-output .navbox-subgroup .navbox-group,.mw-parser-output .navbox-subgroup .navbox-abovebelow{background-color:#e6e6ff}.mw-parser-output .navbox-even{background-color:#f7f7f7}.mw-parser-output .navbox-odd{background-color:transparent}.mw-parser-output .navbox .hlist td dl,.mw-parser-output .navbox .hlist td ol,.mw-parser-output .navbox .hlist td ul,.mw-parser-output .navbox td.hlist dl,.mw-parser-output .navbox td.hlist ol,.mw-parser-output .navbox td.hlist ul{padding:0.125em 0}.mw-parser-output .navbox .navbar{display:block;font-size:100%}.mw-parser-output .navbox-title .navbar{float:left;text-align:left;margin-right:0.5em}</style></div><div role="navigation" class="navbox" aria-labelledby="Pages_in_Editing_Wikitext" style="padding:3px"><table class="nowraplinks navbox-inner" style="border-spacing:0;background:transparent;color:inherit"><tbody><tr><th scope="col" class="navbox-title" colspan="2"><link rel="mw-deduplicated-inline-style" href="mw-data:TemplateStyles:r4271531"><style data-mw-deduplicate="TemplateStyles:r4271518">.mw-parser-output .navbar{display:inline;font-size:88%;font-weight:normal}.mw-parser-output .navbar-collapse{float:left;text-align:left}.mw-parser-output .navbar-boxtext{word-spacing:0}.mw-parser-output .navbar ul{display:inline-block;white-space:nowrap;line-height:inherit}.mw-parser-output .navbar-brackets::before{margin-right:-0.125em;content:"[ "}.mw-parser-output .navbar-brackets::after{margin-left:-0.125em;content:" ]"}.mw-parser-output .navbar li{word-spacing:-0.125em}.mw-parser-output .navbar a>span,.mw-parser-output .navbar a>abbr{text-decoration:inherit}.mw-parser-output .navbar-mini abbr{font-variant:small-caps;border-bottom:none;text-decoration:none;cursor:inherit}.mw-parser-output .navbar-ct-full{font-size:114%;margin:0 7em}.mw-parser-output .navbar-ct-mini{font-size:114%;margin:0 4em}</style><div class="navbar plainlinks hlist navbar-mini"><ul><li class="nv-view"><a href="/wiki/Template:Ewlinks" title="Template:Ewlinks"><abbr title="View this template" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">v</abbr></a></li><li class="nv-talk"><a href="/w/index.php?title=Template_talk:Ewlinks&action=edit&redlink=1" class="new" title="Template talk:Ewlinks (does not exist)"><abbr title="Discuss this template" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">t</abbr></a></li><li class="nv-edit"><a class="external text" href="https://en.wikibooks.org/w/index.php?title=Template:Ewlinks&action=edit"><abbr title="Edit this template" style=";;background:none transparent;border:none;box-shadow:none;padding:0;">e</abbr></a></li></ul></div><div id="Pages_in_Editing_Wikitext" style="font-size:114%;margin:0 4em">Pages in <i>Editing Wikitext</i></div></th></tr><tr><td class="navbox-abovebelow" colspan="2"><div id="Editing_Wikitext"><a href="/wiki/Editing_Wikitext" title="Editing Wikitext">Editing Wikitext</a></div></td></tr><tr><td colspan="2" class="navbox-list navbox-odd" style="width:100%;padding:0"><div style="padding:0 0.25em"><a href="/wiki/Editing_Wikitext/Emphasis_and_Links" title="Editing Wikitext/Emphasis and Links">Emphasis and Links</a> <span style="font-weight:bold;"> ·</span> <a href="/wiki/Editing_Wikitext/Indents_and_Lists" title="Editing Wikitext/Indents and Lists">Indents and Lists</a> <span style="font-weight:bold;"> ·</span> <a href="/wiki/Editing_Wikitext/Headers" class="mw-redirect" title="Editing Wikitext/Headers">Headings</a> <span style="font-weight:bold;"> ·</span> <a href="/wiki/Editing_Wikitext/Preformatted_Text" title="Editing Wikitext/Preformatted Text">Preformatted Text</a> <span style="font-weight:bold;"> ·</span> <a href="/wiki/Editing_Wikitext/Pictures/The_Quick_Course" title="Editing Wikitext/Pictures/The Quick Course">The Quick Image Course</a> <span style="font-weight:bold;"> ·</span> <a href="/wiki/Editing_Wikitext/Pictures/Tiled_Images" title="Editing Wikitext/Pictures/Tiled Images">Tiled Images</a> <span style="font-weight:bold;"> ·</span> <a href="/wiki/Editing_Wikitext/Pictures/Images_in_Containers" title="Editing Wikitext/Pictures/Images in Containers">Images in Containers</a> <span style="font-weight:bold;"> ·</span> <a href="/wiki/Editing_Wikitext/Tables" title="Editing Wikitext/Tables">Tables</a> <span style="font-weight:bold;"> ·</span> <a href="/wiki/Editing_Wikitext/Tables_Ready_to_Use" title="Editing Wikitext/Tables Ready to Use">Tables Ready to Use</a> <span style="font-weight:bold;"> ·</span> <a href="/wiki/Editing_Wikitext/Making_Templates_A101" title="Editing Wikitext/Making Templates A101">Making Templates A101</a> <span style="font-weight:bold;"> ·</span> <a class="mw-selflink selflink">Templates Ready to Use</a> <span style="font-weight:bold;"> ·</span> <a href="/wiki/Editing_Wikitext/Class_and_Style_Notes" title="Editing Wikitext/Class and Style Notes">Class and Style Notes</a> <span style="font-weight:bold;"> ·</span> <a href="/wiki/Editing_Wikitext/Indexing_Your_Work" title="Editing Wikitext/Indexing Your Work">Indexing Your Work</a></div></td></tr></tbody></table></div>    </div><noscript><img src="https://login.wikimedia.org/wiki/Special:CentralAutoLogin/start?type=1x1&useformat=desktop" alt="" width="1" height="1" style="border: none; position: absolute;"></noscript> <div class="printfooter" data-nosnippet="">Retrieved from "<a dir="ltr" href="https://en.wikibooks.org/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&oldid=3676046">https://en.wikibooks.org/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&oldid=3676046</a>"</div></div> <div id="catlinks" class="catlinks" data-mw="interface"><div id="mw-normal-catlinks" class="mw-normal-catlinks"><a href="/wiki/Special:Categories" title="Special:Categories">Category</a>: <ul><li><a href="/wiki/Category:Book:Editing_Wikitext" title="Category:Book:Editing Wikitext">Book:Editing Wikitext</a></li></ul></div><div id="mw-hidden-catlinks" class="mw-hidden-catlinks mw-hidden-cats-hidden">Hidden category: <ul><li><a href="/wiki/Category:Pages_with_deep_filing" title="Category:Pages with deep filing">Pages with deep filing</a></li></ul></div></div> </div> </main> </div> <div class="mw-footer-container"> <footer id="footer" class="mw-footer" > <ul id="footer-info"> <li id="footer-info-lastmod"> This page was last edited on 16 April 2020, at 05:47.</li> <li id="footer-info-copyright">Text is available under the <a rel="nofollow" class="external text" href="//creativecommons.org/licenses/by-sa/4.0/">Creative Commons Attribution-ShareAlike License</a>; additional terms may apply. By using this site, you agree to the <a class="external text" href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Terms_of_Use">Terms of Use</a> and <a class="external text" href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy Policy.</a></li> </ul> <ul id="footer-places"> <li id="footer-places-privacy"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Privacy_policy">Privacy policy</a></li> <li id="footer-places-about"><a href="/wiki/Wikibooks:Welcome">About Wikibooks</a></li> <li id="footer-places-disclaimers"><a href="/wiki/Wikibooks:General_disclaimer">Disclaimers</a></li> <li id="footer-places-wm-codeofconduct"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Universal_Code_of_Conduct">Code of Conduct</a></li> <li id="footer-places-developers"><a href="https://developer.wikimedia.org">Developers</a></li> <li id="footer-places-statslink"><a href="https://stats.wikimedia.org/#/en.wikibooks.org">Statistics</a></li> <li id="footer-places-cookiestatement"><a href="https://foundation.wikimedia.org/wiki/Special:MyLanguage/Policy:Cookie_statement">Cookie statement</a></li> <li id="footer-places-mobileview"><a href="//en.m.wikibooks.org/w/index.php?title=Editing_Wikitext/Templates_Ready_to_Use&mobileaction=toggle_view_mobile" class="noprint stopMobileRedirectToggle">Mobile view</a></li> </ul> <ul id="footer-icons" class="noprint"> <li id="footer-copyrightico"><a href="https://wikimediafoundation.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/static/images/footer/wikimedia-button.svg" width="84" height="29" alt="Wikimedia Foundation" loading="lazy"></a></li> <li id="footer-poweredbyico"><a href="https://www.mediawiki.org/" class="cdx-button cdx-button--fake-button cdx-button--size-large cdx-button--fake-button--enabled"><img src="/w/resources/assets/poweredby_mediawiki.svg" alt="Powered by MediaWiki" width="88" height="31" loading="lazy"></a></li> </ul> </footer> </div> </div> </div> <div class="vector-settings" id="p-dock-bottom"> <ul></ul> </div><script>(RLQ=window.RLQ||[]).push(function(){mw.config.set({"wgHostname":"mw-web.codfw.main-79d9bc49cc-4gk9m","wgBackendResponseTime":225,"wgPageParseReport":{"limitreport":{"cputime":"0.222","walltime":"0.403","ppvisitednodes":{"value":1429,"limit":1000000},"postexpandincludesize":{"value":45341,"limit":2097152},"templateargumentsize":{"value":15949,"limit":2097152},"expansiondepth":{"value":11,"limit":100},"expensivefunctioncount":{"value":3,"limit":500},"unstrip-depth":{"value":0,"limit":20},"unstrip-size":{"value":20744,"limit":5000000},"entityaccesscount":{"value":0,"limit":400},"timingprofile":["100.00% 338.228 1 -total"," 25.08% 84.813 1 Template:Ewlinks"," 24.35% 82.354 1 Template:Thetop"," 23.96% 81.053 1 Template:Navbox"," 13.65% 46.168 1 Template:Container"," 11.61% 39.274 1 Template:Caution"," 10.55% 35.668 2 Template:BookCat"," 10.36% 35.030 1 Template:Mbox"," 9.59% 32.428 1 Template:Editing_Wikitext"," 2.92% 9.865 2 Template:Evalx"]},"scribunto":{"limitreport-timeusage":{"value":"0.103","limit":"10.000"},"limitreport-memusage":{"value":1585715,"limit":52428800}},"cachereport":{"origin":"mw-web.codfw.main-6b7f745dd4-rqwnw","timestamp":"20241125095935","ttl":2592000,"transientcontent":false}}});});</script> </body> </html>