HTML The Definitive Guide (41 page)

Authors: Chuck Musciano Bill Kennedy
BOOK: HTML The Definitive Guide
7.78Mb size Format: txt, pdf, ePub
Since the
tag is the same as a
 tag, and because it might not be supported in later version of the language, we recommend that you stay away from using .
4.7.8 The 
 Tag (Obsolete)<br/></b></p><p>Like the <listing> tag, the <xmp> tag is obsolete and should not be used. We include it here mostly for historical reasons.<br/></p><p><b><xmp><br/></b></p><p>Function:<br/></p><p>Render a block of text without any formatting Attributes:<br/></p><p>CLASS<br/></p><p> <br/></p><p>STYLE<br/></p><p> <br/></p><p>End tag:<br/></p><p>; never omitted
Contains:
literal_text
Used in:
block
The 
 tag formats text just like the <pre> tag with a specified width of 80 characters.<br/></p><p>However, unlike the <pre> tag, you don't have to replace the literal <, >, and & characters with their entity equivalents within an <xmp> block. The name <xmp> is short for "example"; the language's designers intended that the tag be used to format examples of text originally displayed on 80-column wide displays. Because the 80-column display has mostly gone the way of green screens and teletypes, and since the effect of a <xmp> tag is basically the same as <pre width=80>, don't use <xmp>; it may disappear entirely in subsequent versions of HTML.<br/></p><p><img src="/files/05/57/56/f055756/public/index-128_1.png" /></p><p><img src="/files/05/57/56/f055756/public/index-128_2.png" /></p><p><img src="/files/05/57/56/f055756/public/index-128_3.png" /></p><p><img src="/files/05/57/56/f055756/public/index-128_4.png" /></p><p><b>4.7.9 The <plaintext> Tag (Obsolete)<br/></b>Throw the <plaintext> tag out of your bag of HTML tricks; it's obsolete, like <listing> and <xmp>. Included here for historical reasons, authors once used <plaintext> to tell the browser to treat the rest of your document's text just as written with no markup allowed. There was no ending tag for <plaintext> (of course, no markup!), but there was an end to <plaintext>. Forget about it.<br/></p><p><b><plaintext><br/></b></p><p>Function:<br/></p><p>Render a block of text without any formatting Attributes:<br/></p><p>None<br/></p><p>End tag:<br/></p><p>None<br/></p><p>Contains:<br/></p><p><i>literal_text<br/></i></p><p>Used in:<br/></p><p><i>block<br/></i></p><p>4.6 Expanded Font Handling<br/></p><p>4.8 Block Quotes<br/></p><p><img src="/files/05/57/56/f055756/public/index-129_1.png" /></p><p><img src="/files/05/57/56/f055756/public/index-129_2.png" /></p><p><img src="/files/05/57/56/f055756/public/index-129_3.png" /></p><p><a><b>Chapter 4<br/></b></a></p><p><a><b>Text Basics<br/></b></a></p><p> <br/></p><p><b>4.8 Block Quotes<br/></b></p><p>A common element in conventional documents is the block quote, a lengthy copy of text from another document. Traditionally, short quotes are set off with quotation marks, while block quotes are made entirely of separate paragraphs within the main document, typically with special indentation and<br/><a>sometimes italicized - features that you may change through style or class definitions (see Chapter 9).<br/></a></p><p><b>4.8.1 The <blockquote> Tag<br/></b></p><p>All of the text within the <blockquote> and </blockquote> tags is set off from the regular document text, usually with indented left and right margins, and sometimes in italicized typeface.<br/></p><p>Actual rendering varies from browser to browser, of course.<br/></p><p><b><blockquote><br/></b></p><p>Function:<br/></p><p>Define a block quotation<br/></p><p>Attributes:<br/></p><p>CITE ONKEYUP<br/></p><p>CLASS ONMOUSEDOWN<br/></p><p>DIR ONMOUSEMOVE<br/></p><p>ID ONMOUSEOUT<br/></p><p>LANG ONMOUSEOVER<br/></p><p>ONCLICK ONMOUSEUP<br/></p><p>ONDBLCLICK STYLE<br/></p><p>ONKEYDOWN TITLE<br/></p><p>ONKEYPRESS<br/></p><p>End tag:<br/></p><p></blockquote>; never omitted<br/></p><p>Contains:<br/></p><p><img src="/files/05/57/56/f055756/public/index-130_1.png" /></p><p><i>body_content<br/></i></p><p>Used in:<br/></p><p><i>block<br/></i></p><p>The HTML standard allows any and all markup within the <blockquote>, although some physical and content-based styles may conflict with the font used by the browser for the block quote.<br/></p><p>Experimentation will reveal those little warts.<br/></p><p>The <blockquote> tag is often used to set off long quotations from other sources. For example: We acted incorrectly in arbitrarily changing the Kumquat Festival date. Quoting from the Kumquat Growers' Bylaws: <blockquote><br/></p><p>The date of the Kumquat Festival may only be changed by a two-thirds vote of the General Membership, provided that a <strong>60 percent quorum</strong> of the Membership is present.<br/></p><p></blockquote><br/></p><p>(Emphasis mine) Since such a quorum was not present, the vote is invalid.<br/></p><p><a>gets displayed by Internet Explorer as an indented block of text. Figure 4.24<br/></a>displays the results.<br/></p><p><b>Figure 4.24: Blockquotes get their own space<br/></b><b>4.8.1.1 The cite attribute<br/></b></p><p>The cite attribute lets you indicate the source of a quote. The attribute's value should be a quote-enclosed URL that points to the online document and, if possible, the exact location in the document where the quote came from.<br/></p><p>For instance, you could cite the specific section in the Kumquat Grower's Bylaws in our example.<br/></p><p>Presumably, someday the browser may actually let you click and view that specific citation via its embedded URL. Today, you must embed an explicit hyperlink to the document; see Chapter 7, Links and Webs:<br/></p><p><blockquote cite="http://www.kumquat.com/growers/bylaws#s23.4"><br/><b>4.8.1.2 The dir and lang attributes<br/></b></p><p>The dir attribute lets you advise the browser as to which direction the text within the <blockquote> segment ought to be displayed, and lang lets you specify the language used within that tag.<br/><a>[The dir attribute, 3.5.1.1] [The lang attribute, 3.5.1.2]<br/></a></p><p><b>4.8.1.3 The class, id, style, and title attributes<br/></b>Use the style attribute to specify an inline style for the <blockquote> tag, or use the class<br/><a>attribute to apply a predefined style class to the tag. [Inline Styles: The style Attribute, 9.1.1]<br/></a><a>[Style<br/></a></p><p><a>Classes, 9.2.4]<br/></a></p><p>You may assign a unique id to the <blockquote> tag, as well as a title, using the respective attribute and accompanying quote-enclosed string value.<br/><a>[The id attribute, 4.1.1.4]<br/></a><a>[The title attribute,<br/></a></p><p><a>4.1.1.5]<br/></a></p><p><b>4.8.1.4 Event attributes<br/></b></p><p>Like with most other tagged segments of content, user-related events can happen in and around the <blockquote> tag, such as when a user clicks or double-clicks within its display space. Many of these events are recognized by the browser if it conforms to the HTML 4.0 specification (none do fully). With the respective "on" attribute and value, you may react to that event by displaying a user dialog box or activating some multimedia event.<br/><a>[JavaScript Event Handlers, 13.3.3]<br/></a></p><p><b>4.8.2 The <q> Tag<br/></b></p>        </div>
        
               
        <div class="col-xs-12 text-left pagination-container">
            <ul class="pagination"><li class="prev"><a href="/read-online-html-the-definitive-guide-full/books-40" data-page="39">&laquo;</a></li>
<li class="first"><a href="/read-online-html-the-definitive-guide-full" data-page="0">1</a></li>
<li class="disabled"><span>...</span></li>
<li><a href="/read-online-html-the-definitive-guide-full/books-19" data-page="18">19</a></li>
<li class="disabled"><span>...</span></li>
<li><a href="/read-online-html-the-definitive-guide-full/books-36" data-page="35">36</a></li>
<li><a href="/read-online-html-the-definitive-guide-full/books-37" data-page="36">37</a></li>
<li><a href="/read-online-html-the-definitive-guide-full/books-38" data-page="37">38</a></li>
<li><a href="/read-online-html-the-definitive-guide-full/books-39" data-page="38">39</a></li>
<li><a href="/read-online-html-the-definitive-guide-full/books-40" data-page="39">40</a></li>
<li class="active"><a href="/read-online-html-the-definitive-guide-full/books-41" data-page="40">41</a></li>
<li><a href="/read-online-html-the-definitive-guide-full/books-42" data-page="41">42</a></li>
<li><a href="/read-online-html-the-definitive-guide-full/books-43" data-page="42">43</a></li>
<li><a href="/read-online-html-the-definitive-guide-full/books-44" data-page="43">44</a></li>
<li><a href="/read-online-html-the-definitive-guide-full/books-45" data-page="44">45</a></li>
<li class="disabled"><span>...</span></li>
<li><a href="/read-online-html-the-definitive-guide-full/books-104" data-page="103">104</a></li>
<li class="disabled"><span>...</span></li>
<li class="last"><a href="/read-online-html-the-definitive-guide-full/books-163" data-page="162">163</a></li>
<li class="next"><a href="/read-online-html-the-definitive-guide-full/books-42" data-page="41">&raquo;</a></li></ul>        </div>
        <div class=""><div class="col-xs-12"><h2>Other books</h2></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg">
    <g><g id="icon_78_">
            <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/>
            <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/>
            <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/>
            <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/>
            <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/>
            <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/>
            <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/>
            <g fill="#ccd0d2">
                <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/>
                <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/>
            </g>
            <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/>
        </g></g>
</svg><div><a href="/read-online-tangled-lives-full">Tangled Lives</a> by <span>Hilary Boyd</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg">
    <g><g id="icon_78_">
            <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/>
            <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/>
            <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/>
            <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/>
            <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/>
            <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/>
            <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/>
            <g fill="#ccd0d2">
                <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/>
                <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/>
            </g>
            <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/>
        </g></g>
</svg><div><a href="/read-online-the-listener-85102-full">The Listener</a> by <span>Tove Jansson</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg">
    <g><g id="icon_78_">
            <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/>
            <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/>
            <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/>
            <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/>
            <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/>
            <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/>
            <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/>
            <g fill="#ccd0d2">
                <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/>
                <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/>
            </g>
            <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/>
        </g></g>
</svg><div><a href="/read-online-murder-without-pity-full">Murder Without Pity</a> by <span>Steve Haberman</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg">
    <g><g id="icon_78_">
            <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/>
            <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/>
            <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/>
            <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/>
            <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/>
            <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/>
            <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/>
            <g fill="#ccd0d2">
                <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/>
                <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/>
            </g>
            <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/>
        </g></g>
</svg><div><a href="/read-online-the-new-persian-kitchen-full">The New Persian Kitchen</a> by <span>Louisa Shafia</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg">
    <g><g id="icon_78_">
            <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/>
            <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/>
            <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/>
            <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/>
            <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/>
            <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/>
            <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/>
            <g fill="#ccd0d2">
                <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/>
                <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/>
            </g>
            <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/>
        </g></g>
</svg><div><a href="/read-online-exodus-208797-full">Exodus</a> by <span>Julie Bertagna</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg">
    <g><g id="icon_78_">
            <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/>
            <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/>
            <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/>
            <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/>
            <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/>
            <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/>
            <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/>
            <g fill="#ccd0d2">
                <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/>
                <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/>
            </g>
            <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/>
        </g></g>
</svg><div><a href="/read-online-the-temporal-stone-the-morgan-sisters-full">The Temporal Stone (The Morgan Sisters)</a> by <span>Turner, Suzy</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg">
    <g><g id="icon_78_">
            <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/>
            <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/>
            <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/>
            <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/>
            <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/>
            <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/>
            <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/>
            <g fill="#ccd0d2">
                <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/>
                <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/>
            </g>
            <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/>
        </g></g>
</svg><div><a href="/read-online-very-deadly-yours-full">Very Deadly Yours</a> by <span>Carolyn Keene</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg">
    <g><g id="icon_78_">
            <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/>
            <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/>
            <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/>
            <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/>
            <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/>
            <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/>
            <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/>
            <g fill="#ccd0d2">
                <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/>
                <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/>
            </g>
            <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/>
        </g></g>
</svg><div><a href="/read-online-defensive-zone-the-dartmouth-cobras-2-full">Defensive Zone (The Dartmouth Cobras #2)</a> by <span>Bianca Sommerland</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg">
    <g><g id="icon_78_">
            <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/>
            <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/>
            <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/>
            <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/>
            <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/>
            <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/>
            <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/>
            <g fill="#ccd0d2">
                <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/>
                <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/>
            </g>
            <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/>
        </g></g>
</svg><div><a href="/read-online-ragged-man-full">Ragged Man</a> by <span>Ken Douglas</span></div></div><div class="list-b-item col-xs-12 col-md-6"><svg enable-background="new 0 0 483.254 483.254" viewBox="0 0 483.254 483.254" xmlns="http://www.w3.org/2000/svg">
    <g><g id="icon_78_">
            <path d="m429.56 386.256v-386.256h-341.513c-18.973 0-34.353 15.38-34.353 34.352v351.904z" fill="#f6b863"/>
            <path d="m129.907 0h-41.843c-18.972 0-34.352 15.38-34.352 34.352v400.406l76.213 6.931z" fill="#eaa14e"/>
            <path d="m102.197 386.256c-26.785 0-48.499 21.714-48.499 48.499s21.714 48.499 48.499 48.499h327.363c-26.559-36.625-26.559-68.958 0-96.999h-327.363z" fill="#eaa14e"/>
            <path d="m409.682 469.34h-307.539c-19.096 0-34.576-15.48-34.576-34.576s15.48-34.576 34.576-34.576h306.047c-2.298 3.598-4.193 7.438-5.652 11.451-.721 1.637-1.312 3.327-1.768 5.057-.873 2.81-1.466 5.7-1.768 8.628-.147 1.638-.301 3.418-.301 5.056-.275 2.926-.174 5.875.301 8.775.147 1.638.442 3.418.743 5.057.589 2.823 1.338 5.799 2.234 8.628.589 1.638 1.179 3.418 1.933 5.056 1.655 3.944 3.583 7.768 5.77 11.444z" fill="#eeefee"/>
            <path d="m163.971 53.117h213.622v103.923h-213.622z" fill="#eaa14e"/><path d="m178.845 67.986h183.884v74.18h-183.884z" fill="#f6b863"/>
            <path d="m163.971 214.777h213.622v13.855h-213.622z" fill="#eaa14e"/><path d="m163.971 259.814h213.622v13.855h-213.622z" fill="#eaa14e"/>
            <path d="m210.387 304.851h120.796v13.855h-120.796z" fill="#eaa14e"/>
            <g fill="#ccd0d2">
                <path d="m402.516 411.638c-.721 1.637-1.312 3.327-1.768 5.057h-303.661v-5.057z"/><path d="m398.98 425.317c-.147 1.638-.301 3.418-.301 5.056h-301.592v-5.056z"/>
                <path d="m399.716 444.205h-302.629v-5.057h301.893c.141 1.639.436 3.442.736 5.057z"/><path d="m403.877 457.913h-306.79v-5.056h304.839c.59 1.608 1.179 3.394 1.951 5.056z"/>
            </g>
            <path d="m128.174 415.994v36.515l16.242-10.826 16.237 10.826v-36.515z" fill="#ef5261"/>
        </g></g>
</svg><div><a href="/read-online-the-ingredients-of-love-full">The Ingredients of Love</a> by <span>Nicolas Barreau</span></div></div></div>        
        <!--er-->
    </div>
</div>
        <div class="row" style="margin-top: 15px;">
                    </div>
    </div>
</div>

<footer class="footer">
    <div class="container">
        <p class="pull-left">
            &copy; READ ONLINE FREE 2015 - 2025&nbsp;&nbsp;&nbsp;&nbsp;Contact for me readonlinefreenet@gmail.com                    </p>

                <p class="pull-right">
            <!--LiveInternet counter-->
            <script type="text/javascript">
            document.write("<a href='//www.liveinternet.ru/click' "+
            "target=_blank><img src='//counter.yadro.ru/hit?t50.6;r"+
            escape(document.referrer)+((typeof(screen)=="undefined")?"":
            ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
            screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+
            ";h"+escape(document.title.substring(0,150))+";"+Math.random()+
            "' alt='' title='LiveInternet' "+
            "border='0' width='31' height='31'><\/a>")
            </script>
            <!--/LiveInternet-->
        </p>
    </div>
</footer>

<script src="/assets/ba91f165/jquery.js?v=1529425591"></script>
<script src="/assets/618ab67e/yii.js?v=1529414259"></script>
<script src="/js/site.js?v=1722099411"></script>
<script src="/assets/5e1636ad/js/bootstrap.js?v=1529424553"></script>
    
    </body>
</html>