tags are nested in the -tags. Text inside tags is displayed on the browser Title Bar. The text between the <BODY> tags is displayed inside the browser window. popo"> <meta property="og:description" content="HTML Each HTML document begins with a <HTML> and ends with </HTML> tags. Each document consists of a HEAD section surrounded by <HEAD> and </HEAD> tags and a BODY section with <BODY> and </BODY>. HTML tags come in pairs (usually) with the ending tag containing an additional "/". Some Tags can surround other tags. This is called Nesting. <TITLE> tags are nested in the <HEAD>-</HEAD>tags. Text inside <TITLE> tags is displayed on the browser Title Bar. The text between the <BODY> tags is displayed inside the browser window. popo"> <meta name="keywords" content="HTML popo."> <script> var page_data = {"page_id":2,"domain_id":1,"design_id":3,"rev":"3e32","window_load":0,"host":"slideplayer.com","mapper_key":"d01e61b0901f5"}; var is_nude = 0; </script> <link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700|PT+Sans+Narrow|Source+Sans+Pro:200,300,400,600,700,900&subset=all" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="/static/blue_design/css/3e32/total.css"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> (adsbygoogle = window.adsbygoogle || []).push({ google_ad_client: "ca-pub-6133583279631137", enable_page_level_ads: true }); </script> <style> .bottom-player-ads { width: 100%; } .ads_hidden { display: none!important; } #place_4 { margin: auto; } #place_9, #place_121 { display: inline-block; } #place_10, #place_123 { margin: 0 40px 40px 0; vertical-align: top; } #place_3, #place_35 { margin-left: 15px; vertical-align: top; } #place_7, #place_38 { display: inline-block; } #place_151, #place_148, #place_149, #place_163, #place_175, #place_176 { margin-top: -30px!important; } #place_189, #place_194,#place_201, #place_183, #place_179, #place_180, #place_186, #place_170, #place_167, #place_166, #place_163, #place_52, #place_29, #place_124, #place_125, #place_126, #place_127, #place_128, #place_129, #place_131, #place_143, #place_144, #place_145, #place_148, #place_149, #place_151, #place_156, #place_155 { margin: auto; } #place_130 { margin-left:auto; margin-right:auto; } #place_14 { overflow: hidden; width: auto; height: auto; float: left; margin: 0 20px 20px 0; z-index: 100; } #place_16 { z-index: 100; } #place_204{ position: fixed; top:0; right: 0; left: 0; margin: 0 auto; } div.ads_label span { margin-left: 1px; } div.ads_label { font-size: 16px; margin-bottom: 0px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; overflow: hidden; height: 15px; padding-top: 1px; line-height: 13px; border-top-left-radius: 5px; text-align: center; padding-bottom: 4px; } .ads_txt { text-align: center; } #place_9, #place_10, #place_11, #place_15, #place_137, #place_16 { width: 100%; } #place_14 { width: 250px; } @media (max-width: 500px) { #place_14 { width: 120px } } .uk-article > p { display: inline; } .uk-article br:last-of-type { line-height: 40px; } .slide-page { background: url(/cloud/images/backgrounds/7.jpg) center center no-repeat; background-size: cover; } </style> </head> <body onload="page_data.window_load = 1;"> <div class="tm-container tm-dark" id="header"> <div id="place_204" class="ads ads_hidden"></div> <div class="uk-container uk-container-center"> <div class="uk-navbar uk-navbar-attached"><a href="/" class="uk-navbar-brand"><img src="/static/blue_design/img/logo_slideplayer.png" class="tm-logo" title="SlidePlayer" alt="SlidePlayer"></a> <div class="uk-navbar-flip"> <div class="uk-navbar-nav"> <div class="uk-navbar-content"> <a href="/user/slides/" id="upload-button" class="uk-button uk-button-success"><span>Upload</span><span class="uk-icon-cloud-upload uk-margin-small-left"></span> </a> <button id="login-button" onclick="location.href='/user/slides/#login'" class="uk-button uk-margin-small-left"><span>Log in</span><span class="uk-icon-sign-in uk-margin-small-left"></span></button> <div id="user-nav" data-uk-dropdown class="uk-position-relative uk-button uk-button-primary uk-dropdown-flip"> <div> <span id="small-user-nav" class="uk-icon-user uk-text-large uk-margin-small-left"></span> <span id="user-nav-name"></span> <span class="uk-icon-caret-down uk-margin-small-left"></span> </div> <div id="user-dropdown" class="uk-dropdown"> <ul class="uk-nav uk-nav-dropdown"> <li><a href="/user/slides/"><span class="uk-icon-picture-o uk-margin-small-right"></span>My presentations</a></li> <li><a href="/user/account/"><span class="uk-icon-user uk-margin-small-right"></span>Profile</a></li> <li><a href="/user/account/feedback/"><span class="uk-icon-envelope-o uk-margin-small-right"></span>Feedback</a></li> <li><a href="/user/index/logout/"><span class="uk-icon-sign-out uk-margin-small-right"></span>Log out</a></li> </ul> </div> </div> </div> </div> </div> <div id="nav-search" class="uk-navbar-content uk-navbar-center"> <form method="get" action="/search/" id="search_form" class="search_form uk-form uk-margin-remove uk-display-inline-block"> <input name="q" id="search_query_top" type="text" required="required" placeholder="Search..." class="tm-form-width-nav" autocomplete="off" value=""> <button class="uk-button uk-button-primary" id="search_btn">Search</button> </form> </div> <div class="uk-container uk-container-center uk-nbfc"> <div class="uk-text-center"> <!-- list --> <!--grid--> <!-- google search --> <!-- download --> </div> <div class="uk-text-center"> </div> </div> </div> </div> <div id="login-window" class="modal fade" style="display: none"> <div style="width: 400px" class="uk-modal-dialog modal-dialog"> <h3>Log in</h3> <div id="modal-auth-error"><div class="uk-alert uk-alert-danger"></div></div> <form action="javascript:;" id="modal-auth-form" class="uk-form"> <div class="uk-form-row"> <input type="email" name="email" required="required" placeholder="Email" class="uk-width-1-1 uk-form-large"> </div> <div class="uk-form-row"> <input type="password" name="password" required="required" placeholder="Your password" class="uk-width-1-1 uk-form-large"> </div> <div class="uk-form-row"> <div class="g-recaptcha" auth_fail="" recap_id="" id="auth_recaptcha"></div> </div> <div class="uk-form-row"> <button type="submit" class="uk-width-1-1 uk-button uk-button-primary uk-button-large">Log in</button></div> <div class="uk-form-row uk-text-small"> <h4>Auth with social network: </h4> <a rel="nofollow" href="#" provider="facebook" class="uk-badge uk-badge-notification uk-badge-warning uk-margin-small-right social-icon"> <span class="uk-icon-facebook uk-text-large uk-margin-small-right uk-margin-small-left"></span> </a> <a rel="nofollow" href="#" provider="google" class="uk-badge uk-badge-notification uk-badge-warning uk-margin-small-right social-icon"> <span class="uk-icon-google-plus uk-text-large uk-margin-small-right uk-margin-small-left"></span> </a> <a rel="nofollow" href="#" provider="linkedin" class="uk-badge uk-badge-notification uk-badge-warning uk-margin-small-right social-icon"> <span class="uk-icon-linkedin uk-text-large uk-margin-small-right uk-margin-small-left"></span> </a> <div> <label class="uk-float-left"> <a href="/user/slides/" class="uk-margin-top uk-link">Registration</a> </label><a href="/user/index/restorepassword/" class="uk-float-right uk-link">Forgot your password?</a> </div> </div> </form> </div> </div></div> <div id="download-modal" class="modal fade"> <div class="uk-modal-dialog modal-dialog"> <button type="button" class="uk-modal-close uk-close"></button> <div class="uk-modal-header"> <p class="uk-h4">Download presentation</p> </div> <form id="download_form" method="post" action="/slide/download/"> <div class="modal-body"> <p>We think you have liked this presentation. If you wish to download it, please recommend it to your friends in any social system. Share buttons are a little bit lower. Thank you!</p> <p>Buttons:</p> <div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <a class="addthis_button_facebook"></a> <a class="addthis_button_twitter"></a> <a class="addthis_button_linkedin"></a> <a class="addthis_button_google_plusone_share"></a> <a class="addthis_button_blogger"></a> <a class="addthis_button_flipboard"></a> <a class="addthis_button_google"></a> <a class="addthis_button_gmail"></a> <a class="addthis_button_vk"></a> <a class="addthis_button_email"></a> <a class="addthis_button_pinterest_share"></a> <a class="addthis_button_tumblr"></a> <a class="addthis_button_myspace"></a> <a class="addthis_button_wordpress"></a> <a class="addthis_button_ziczac"></a> <a class="addthis_button_print"></a> <a class="addthis_button_favorites"></a> <a class="addthis_button_whatsapp"></a> <a class="addthis_button_reddit"></a> <a class="addthis_button_livejournal"></a> <a class="addthis_counter addthis_bubble_style"></a> </div> <!-- <div class="g-recaptcha" id="download_recaptcha"></div>--> <input type="hidden" name="slide_id" value="3384655" /> <!-- <input type="hidden" name="domain" value="http://player.--><!--">--> </div> <div class="uk-modal-footer uk-text-right"> <button type="button" data-dismiss="modal" class="uk-button uk-modal-close">Cancel</button> <button type="submit" disabled class="uk-button uk-button-success">Download</button> <!-- <button type="submit" class="uk-button uk-button-success">--><!--</button>--> </div> </form> </div> <!-- <div style="width: 400px" class="uk-modal-dialog"><a class="uk-modal-close uk-close"></a>--> <!-- </div>--> </div> <script> var is_nude = 0; </script> <style> .uk-article span.tr { display: block; } a.image_link { color: white; } </style> <section> <script> var slide_cat = [];</script> <!-- <div id="s_top" style ="width: 728px; height: 15px;"> </div>--> <div class="tm-container tm-top-background slide-page"> <div class="uk-container-fluid uk-container-center main-container" id="player_block"> <div class="uk-grid"> <div class="uk-width-1-1 uk-margin-top uk-text-center"> <style>#place_9 > ins[data-ad-slot="4353799203"]{display:none;} @media (min-width: 1025px) and (max-width: 1200px) { #place_9 > ins[data-ad-slot="4353799203"]{display:inline-block;} } </style><div id="place_9" class="ads uk-margin-small-bottom uk-text-center uk-margin-right"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="min-width:728px; max-width:970px; width:100%; height:90px" data-ad-client="ca-pub-6133583279631137" data-ad-slot="4353799203" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div> <div class="uk-width-1-1 top-wrapper"> <div class="left-player-ads"> <style>@media (min-width: 0px) and (max-width: 1023px){ #place_10 {display:none} } #place_10 > ins[data-ad-slot="4162227517"]{display:none;} @media (min-width: 1024px) and (max-width: 1200px) and (min-height:700px) { #place_10 > ins[data-ad-slot="4162227517"]{display:inline-block;} } #place_10 > ins[data-ad-slot="2657574157"]{display:none;} @media (min-width: 1200px) and (max-width: 1300px) { #place_10 > ins[data-ad-slot="2657574157"]{display:inline-block;} } #place_10 > ins[data-ad-slot="5295345785"]{display:none;} @media (min-width: 1301px) and (max-width: 5000px) { #place_10 > ins[data-ad-slot="5295345785"]{display:inline-block;} } </style><div id="place_10" class="ads uk-margin-small-bottom"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="min-width:160px; max-width:600px; width:100%; height:600px" data-ad-client="ca-pub-6133583279631137" data-ad-slot="4162227517" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="min-width:120px; max-width:160px; width:100%; height:600px" data-ad-client="ca-pub-6133583279631137" data-ad-slot="2657574157" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="min-width:120px; max-width:300px; width:100%; height:600px" data-ad-client="ca-pub-6133583279631137" data-ad-slot="5295345785" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div> <div class="playerWrapper"> <div class="uk-text-center"> </div> <div class="slide-loader"> <p class="uk-h3 uk-margin-bottom"> Presentation is loading. Please wait.</p> <img title="Presentation is loading. Please wait." alt="Presentation is loading. Please wait." src="/static/blue_design/img/slide-loader4.gif"/> </div> <div> <iframe id="playerFrame" src="//player.slideplayer.com/17/3384655/" scrolling="no" frameborder="0" allowfullscreen></iframe> </div> <div class="uk-text-center"> </div> </div> <div class="right-player-ads"> <style>@media (min-width: 0px) and (max-width: 567px){ #place_11 {display:none} } #place_11 > ins[data-ad-slot="8839839125"]{display:none;} @media (min-width: 568px) and (max-width: 807px) and (min-height:300px) and (max-height:414px) { #place_11 > ins[data-ad-slot="8839839125"]{display:inline-block;} } #place_11 > ins[data-ad-slot="3877132966"]{display:none;} @media (min-width: 808px) and (max-width: 5000px) and (min-height:364px) and (max-height:414px) { #place_11 > ins[data-ad-slot="3877132966"]{display:inline-block;} } #place_11 > ins[data-ad-slot="4577160486"]{display:none;} @media (min-width: 768px) and (max-width: 5000px) and (min-height:415px) { #place_11 > ins[data-ad-slot="4577160486"]{display:inline-block;} } </style><div id="place_11" class="ads uk-margin-small-bottom uk-margin-left"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="min-width:120px; max-width:160px; width:100%; height:250px" data-ad-client="ca-pub-6133583279631137" data-ad-slot="8839839125" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="min-width:250px; max-width:250px; width:100%; height:250px" data-ad-client="ca-pub-6133583279631137" data-ad-slot="3877132966" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="min-width:120px; max-width:120px; width:100%; height:600px" data-ad-client="ca-pub-6133583279631137" data-ad-slot="4577160486" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div> <div class="bottom-player-ads"> <div id="place_15" class="ads uk-display-inline-block uk-margin-top uk-margin-bottom uk-margin-right"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6133583279631137" data-ad-slot="4175148884" data-ad-format="horizontal, rectangle" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div> </div> </div> </div> </div> <div class="tm-container tm-grey"> <div class="uk-container uk-container-center" id="body-block" > <div class="uk-grid"> <div class="uk-width-small-4-4 uk-width-medium-4-4 with-sidebar uk-width-large-7-10 left-container" id="text_block"> <div class="uk-margin-top uk-margin-bottom"> <div id="top_panel" class="uk-panel uk-panel-box uk-panel-box-secondary uk-position-relative uk-margin"> <div class="uk-article"> <div class="heading-block"> <div class="views-block"> <span class="uk-float-right uk-display-inline-block uk-margin-large-left"> <span class="uk-icon-eye uk-text-large uk-text-muted uk-float-left uk-margin-small-top"></span> <span class="uk-h2 uk-margin-small-left" data-slide_id="3384655" id="views_count"></span> </span> </div> <h1 id="slide-name" class="uk-margin-bottom">HTML popo.</h1> <p class="uk-article-meta">Published by<a href="/user/4126311/" class="uk-margin-small-left uk-margin-small-right">Jarrett Munt</a> <span id="timeago" class="uk-float-right">Modified over 5 years ago</span> </p> </div> <script> (function () { var get_cookie = function (name) { var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)")); return matches ? decodeURIComponent(matches[1]) : undefined }, c = get_cookie('country'), id = 8732, u = 'https://' + location.hostname + '/pageview/?type=cpa_click' + '&domain_id=1&page_id=&design_id=' + '&l=' + encodeURIComponent(navigator.language) + '&p=' + encodeURIComponent(navigator.platform) + '&url=' + encodeURIComponent(document.location) + '&banner_id=' + id + '&window_id=0' + '&layout_id=0' + '&point_id=0'; if (c === 'US' || c === 'CA' || c === 'GB' || c === 'AU') { document.write('<div class="uk-margin uk-text-center"><a target="_blank" href="' + u + '"><img src="/cloud/ads/' + id + '.jpg""></img></a></div>'); } })();</script> <div id="social-share" class="uk-float-left uk-margin"> <div id="pluses"> <div class="addthis_toolbox addthis_default_style addthis_32x32_style"> <a class="addthis_button_facebook"></a> <a class="addthis_button_twitter"></a> <a class="addthis_button_linkedin"></a> <a class="addthis_button_google_plusone_share"></a> <a class="addthis_button_blogger"></a> <a class="addthis_button_flipboard"></a> <a class="addthis_button_google"></a> <a class="addthis_button_gmail"></a> <a class="addthis_button_vk"></a> <a class="addthis_button_email"></a> <a class="addthis_button_pinterest_share"></a> <a class="addthis_button_tumblr"></a> <a class="addthis_button_myspace"></a> <a class="addthis_button_wordpress"></a> <a class="addthis_button_ziczac"></a> <a class="addthis_button_print"></a> <a class="addthis_button_favorites"></a> <a class="addthis_button_whatsapp"></a> <a class="addthis_button_reddit"></a> <a class="addthis_counter addthis_bubble_style"></a> </div> </div> </div> <!-- <form method="post" action="/slide/download/" id="download_form_2">--> <div class="uk-float-right uk-margin" id="get-code-btn"> <div class="uk-button-group uk-margin-small-right"> <button type="button" class="uk-button uk-button uk-button-primary"><span class="uk-icon-code"></span></button> <button type="button" data-original-title="Embed this presentation" id="get_embed" class="uk-button uk-button">Embed</button> </div> <!-- <input type="hidden" name="slide_id" value="--><!--" />--> <div class="uk-button-group" id="download-btn"> <button class="uk-button uk-button uk-button-success" data-toggle="modal" data-target="#download-modal"><span class="uk-icon-cloud-download"></span></button> <button class="uk-button uk-button" data-toggle="modal" data-target="#download-modal">Download presentation</button> </div><!-- <button type="submit" class="uk-button uk-button uk-button-success"><span class="uk-icon-cloud-download"></span></button>--> <!-- <button type="submit" class="uk-button uk-button">--><!--</button>--> </div> <!-- </div>--> <!-- </form>--> </div> </div> <div class="uk-panel uk-panel-box uk-panel-box-secondary uk-margin" id="embed" style="display: none"> <div class="uk-margin uk-text-right"> <div class="uk-form-row"> <textarea rows="3" cols="" id="embed_input"></textarea> </div> <div class="uk-button-group"> <button class="uk-button uk-button uk-button-success"><span class="uk-icon-copy"></span></button> <button title="Customize embed code" id="copyembed" class="uk-button uk-button"> Copy to clipboard</button> </div> </div> </div> <div class="top_comment_banners uk-text-center uk-nbfc"> </div> <div class="uk-panel uk-panel-box uk-panel-box-secondary uk-margin" id="fb_wrapper"> <div class="fb-comments" data-href="http://slideplayer.com/slide/3384655/" data-numposts="5" data-width="100%""></div> </div> <div class="bottom_comment_banners uk-text-center uk-nbfc"> <style>#place_137 > ins[data-ad-slot="3983577193"]{display:none;} @media (min-width: 0px) and (max-width: 5000px) { #place_137 > ins[data-ad-slot="3983577193"]{display:inline-block;} } </style><div id="place_137" class="ads uk-text-center uk-margin-small-bottom uk-margin-small-right uk-display-inline-block uk-margin-small-top"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="min-width:234px; max-width:728px; width:100%; height:60px" data-ad-client="ca-pub-6133583279631137" data-ad-slot="3983577193" ></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> </div> <div id="after_comment_similars" class="uk-margin-bottom uk-margin-top uk-panel uk-panel-box uk-panel-box-secondary uk-margin"> <h3 class="tm-text-dark"> <span class="uk-icon-list uk-margin-small-right"></span>Similar presentations </h3> <hr class="uk-article-divider"> <div></div> <button class="uk-button uk-margin-top uk-button-primary uk-width-1-1" id="load_more_btn"><span class="uk-icon-arrow-circle-down uk-margin-small-right"></span>More</button> </div> <div class="uk-panel uk-panel-box uk-panel-box-secondary uk-margin"> <div class="uk-article"> <h2 class="transkript-title">Presentation on theme: "HTML popo."— Presentation transcript:</h2> <div id="place_14" class="ads "> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6133583279631137" data-ad-slot="4502451947" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/1/HTML+popo.jpg" target="_blank" title="HTML popo" > 1 </a> </span> <span>HTML</span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/1/HTML+popo.jpg", "name": "HTML popo", "description": "HTML popo", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/1/HTML+popo.jpg" width="800" align="left" alt="HTML popo" title="HTML popo"> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/2/HTML+Each+HTML+document+begins+with+a+%3CHTML%3E+and+ends+with+%3C%2FHTML%3E+tags..jpg" target="_blank" title="HTML Each HTML document begins with a <HTML> and ends with </HTML> tags." > 2 </a> </span> <span>HTML</span> <span class='tr'>Each HTML document begins with a <HTML> and ends with </HTML> tags.</span> <span class='tr'>Each document consists of a HEAD section surrounded by <HEAD> and </HEAD> tags and a BODY section with <BODY> and </BODY>.</span> <span class='tr'>HTML tags come in pairs (usually) with the ending tag containing an additional "/".</span> <span class='tr'>Some Tags can surround other tags. This is called Nesting.</span> <span class='tr'><TITLE> tags are nested in the <HEAD>-</HEAD>tags.</span> <span class='tr'>Text inside <TITLE> tags is displayed on the browser Title Bar.</span> <span class='tr'>The text between the <BODY> tags is displayed inside the browser window.</span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/2/HTML+Each+HTML+document+begins+with+a+%3CHTML%3E+and+ends+with+%3C%2FHTML%3E+tags..jpg", "name": "HTML Each HTML document begins with a <HTML> and ends with </HTML> tags.", "description": "Each document consists of a HEAD section surrounded by <HEAD> and </HEAD> tags and a BODY section with <BODY> and </BODY>. HTML tags come in pairs (usually) with the ending tag containing an additional / . Some Tags can surround other tags. This is called Nesting. <TITLE> tags are nested in the <HEAD>-</HEAD>tags. Text inside <TITLE> tags is displayed on the browser Title Bar. The text between the <BODY> tags is displayed inside the browser window. popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/2/HTML+Each+HTML+document+begins+with+a+%3CHTML%3E+and+ends+with+%3C%2FHTML%3E+tags..jpg" width="800" align="left" alt="HTML Each HTML document begins with a <HTML> and ends with </HTML> tags." title="Each document consists of a HEAD section surrounded by <HEAD> and </HEAD> tags and a BODY section with <BODY> and </BODY>. HTML tags come in pairs (usually) with the ending tag containing an additional / . Some Tags can surround other tags. This is called Nesting. <TITLE> tags are nested in the <HEAD>-</HEAD>tags. Text inside <TITLE> tags is displayed on the browser Title Bar. The text between the <BODY> tags is displayed inside the browser window. popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/3/HTML.jpg" target="_blank" title="HTML" > 3 </a> </span> <span>HTML</span> <span class='tr'>The <HR> tag without any attributes, draws a full length (100%) rule across the page. To decrease its length to half its value, you should specify "50%" value to the WIDTH attribute. Thus, with <HR width="50%">, we get a shorter horizontal rule:</span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/3/HTML.jpg", "name": "HTML", "description": "The <HR> tag without any attributes, draws a full length (100%) rule across the page. To decrease its length to half its value, you should specify 50% value to the WIDTH attribute. Thus, with <HR width= 50% >, we get a shorter horizontal rule: popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/3/HTML.jpg" width="800" align="left" alt="HTML" title="The <HR> tag without any attributes, draws a full length (100%) rule across the page. To decrease its length to half its value, you should specify 50% value to the WIDTH attribute. Thus, with <HR width= 50% >, we get a shorter horizontal rule: popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/4/HTML+Tags+usually+surround+some+text..jpg" target="_blank" title="HTML Tags usually surround some text." > 4 </a> </span> <strong>HTML Tags usually surround some text.</strong><br><span class='tr'>This text is displayed based on the instructions contained in the tag and its attributes.</span> <span class='tr'>A simple example is the Bold (<B> and </B>) tag.</span> <span class='tr'>When these tags are placed surrounding some text, it becomes bold as:</span> <span class='tr'>(<B>This is bold text</B>)</span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/4/HTML+Tags+usually+surround+some+text..jpg", "name": "HTML Tags usually surround some text.", "description": "This text is displayed based on the instructions contained in the tag and its attributes. A simple example is the Bold (<B> and </B>) tag. When these tags are placed surrounding some text, it becomes bold as: (<B>This is bold text</B>) popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/4/HTML+Tags+usually+surround+some+text..jpg" width="800" align="left" alt="HTML Tags usually surround some text." title="This text is displayed based on the instructions contained in the tag and its attributes. A simple example is the Bold (<B> and </B>) tag. When these tags are placed surrounding some text, it becomes bold as: (<B>This is bold text</B>) popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/5/HTML+Headings+help+in+defining+the+format+and+structure+of+the+document..jpg" target="_blank" title="HTML Headings help in defining the format and structure of the document." > 5 </a> </span> <span>HTML</span> <span class='tr'>Headings help in defining the format and structure of the document.</span> <span class='tr'>There are six levels of headings in HTML specified by <H1>, <H2>, <H3>, <H4>, <H5> and <H6> tags.</span> <span class='tr'><H1>I am heading 1</H1> gives:</span> <span class='tr'>I am heading 1</span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/5/HTML+Headings+help+in+defining+the+format+and+structure+of+the+document..jpg", "name": "HTML Headings help in defining the format and structure of the document.", "description": "There are six levels of headings in HTML specified by <H1>, <H2>, <H3>, <H4>, <H5> and <H6> tags. <H1>I am heading 1</H1> gives: I am heading 1. popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/5/HTML+Headings+help+in+defining+the+format+and+structure+of+the+document..jpg" width="800" align="left" alt="HTML Headings help in defining the format and structure of the document." title="There are six levels of headings in HTML specified by <H1>, <H2>, <H3>, <H4>, <H5> and <H6> tags. <H1>I am heading 1</H1> gives: I am heading 1. popo."> </noscript> <br /></p> <script> (function () { var get_cookie = function (name) { var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)")); return matches ? decodeURIComponent(matches[1]) : undefined }, c = get_cookie('country'), id = 8733, u = 'https://' + location.hostname + '/pageview/?type=cpa_click' + '&domain_id=1&page_id=&design_id=' + '&l=' + encodeURIComponent(navigator.language) + '&p=' + encodeURIComponent(navigator.platform) + '&url=' + encodeURIComponent(document.location) + '&banner_id=' + id + '&window_id=0' + '&layout_id=0' + '&point_id=0'; if (c === 'US' || c === 'CA' || c === 'GB' || c === 'AU') { document.write('<div class="uk-margin uk-text-center"><a target="_blank" href="' + u + '"><img src="/cloud/ads/' + id + '.jpg""></img></a></div>'); } })();</script> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/6/HTML+popo+%3CHTML%3E+%3CHEAD%3E.jpg" target="_blank" title="HTML popo <HTML> <HEAD>" > 6 </a> </span> <strong>HTML popo <HTML> <HEAD></strong><br><span class='tr'><TITLE>My fist HTML </TITLE></span> <span class='tr'></HEAD></span> <span class='tr'><BODY></span> <span class='tr'><H1>I am heading 1</H1></span> <span class='tr'><H2>I am heading 2</H2></span> <span class='tr'><H3>I am heading 3</H3></span> <span class='tr'><H4>I am heading 4</H4></span> <span class='tr'><H5>I am heading 5</H5></span> <span class='tr'><H6>I am heading 6</H6></span> <span class='tr'></BODY></span> <span class='tr'></HTML></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/6/HTML+popo+%3CHTML%3E+%3CHEAD%3E.jpg", "name": "HTML popo <HTML> <HEAD>", "description": "<TITLE>My fist HTML </TITLE> </HEAD> <BODY> <H1>I am heading 1</H1> <H2>I am heading 2</H2> <H3>I am heading 3</H3> <H4>I am heading 4</H4> <H5>I am heading 5</H5> <H6>I am heading 6</H6> </BODY> </HTML> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/6/HTML+popo+%3CHTML%3E+%3CHEAD%3E.jpg" width="800" align="left" alt="HTML popo <HTML> <HEAD>" title="<TITLE>My fist HTML </TITLE> </HEAD> <BODY> <H1>I am heading 1</H1> <H2>I am heading 2</H2> <H3>I am heading 3</H3> <H4>I am heading 4</H4> <H5>I am heading 5</H5> <H6>I am heading 6</H6> </BODY> </HTML> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/7/HTML+What+are+HTML+Tag+attributes.jpg" target="_blank" title="HTML What are HTML Tag attributes" > 7 </a> </span> <strong>HTML What are HTML Tag attributes</strong><br><span class='tr'>Attributes change the properties of tags and are placed ONLY inside the starting tag.</span> <span class='tr'>Each attribute usually has a value associated.</span> <span class='tr'><TAG ATTRIBUTE="VALUE">some text ... </TAG></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/7/HTML+What+are+HTML+Tag+attributes.jpg", "name": "HTML What are HTML Tag attributes", "description": "Attributes change the properties of tags and are placed ONLY inside the starting tag. Each attribute usually has a value associated. <TAG ATTRIBUTE= VALUE >some text ... </TAG> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/7/HTML+What+are+HTML+Tag+attributes.jpg" width="800" align="left" alt="HTML What are HTML Tag attributes" title="Attributes change the properties of tags and are placed ONLY inside the starting tag. Each attribute usually has a value associated. <TAG ATTRIBUTE= VALUE >some text ... </TAG> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/8/HTML+popo+The+attribute-value+pair+is+placed+INSIDE+the+starting+tag.jpg" target="_blank" title="HTML popo The attribute-value pair is placed INSIDE the starting tag" > 8 </a> </span> <strong>HTML popo The attribute-value pair is placed INSIDE the starting tag</strong><br><span class='tr'>An "equal to" sign separates the attribute from its value.</span> <span class='tr'>All heading tags <H1> to <H6> have attributes.</span> <span class='tr'>The important one are 'ALIGN’</span> <span class='tr'>The 'ALIGN' attribute takes one of the four values:</span> <span class='tr'>LEFT, RIGHT, CENTER, or JUSTIFY.</span> <span class='tr'><H3 align="left">I am aligned to the left</H3</span> <span class='tr'><H3 align="right">I am aligned to the right</H3></span> <span class='tr'><H3 align="center">I am centrally aligned</H3></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/8/HTML+popo+The+attribute-value+pair+is+placed+INSIDE+the+starting+tag.jpg", "name": "HTML popo The attribute-value pair is placed INSIDE the starting tag", "description": "An equal to sign separates the attribute from its value. All heading tags <H1> to <H6> have attributes. The important one are ALIGN’ The ALIGN attribute takes one of the four values: LEFT, RIGHT, CENTER, or JUSTIFY. <H3 align= left >I am aligned to the left</H3. <H3 align= right >I am aligned to the right</H3> <H3 align= center >I am centrally aligned</H3> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/8/HTML+popo+The+attribute-value+pair+is+placed+INSIDE+the+starting+tag.jpg" width="800" align="left" alt="HTML popo The attribute-value pair is placed INSIDE the starting tag" title="An equal to sign separates the attribute from its value. All heading tags <H1> to <H6> have attributes. The important one are ALIGN’ The ALIGN attribute takes one of the four values: LEFT, RIGHT, CENTER, or JUSTIFY. <H3 align= left >I am aligned to the left</H3. <H3 align= right >I am aligned to the right</H3> <H3 align= center >I am centrally aligned</H3> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/9/HTML.jpg" target="_blank" title="HTML" > 9 </a> </span> <span>HTML</span> <span class='tr'>The <BR> tag has no end tag because it doesn't need too. Just the presence of <BR> adds a line break. The opposite of the <BR> tag is the <NOBR> tag. It has an ending </NOBR> tag. Text placed between these tags will be displayed in a single line, which might result in horizontal scrolling if the text too is long. Try this out with the following code.</span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/9/HTML.jpg", "name": "HTML", "description": "The <BR> tag has no end tag because it doesn t need too. Just the presence of <BR> adds a line break. The opposite of the <BR> tag is the <NOBR> tag. It has an ending </NOBR> tag. Text placed between these tags will be displayed in a single line, which might result in horizontal scrolling if the text too is long. Try this out with the following code. popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/9/HTML.jpg" width="800" align="left" alt="HTML" title="The <BR> tag has no end tag because it doesn t need too. Just the presence of <BR> adds a line break. The opposite of the <BR> tag is the <NOBR> tag. It has an ending </NOBR> tag. Text placed between these tags will be displayed in a single line, which might result in horizontal scrolling if the text too is long. Try this out with the following code. popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/10/HTML+popo+%3CHTML%3E+%3CHEAD%3E.jpg" target="_blank" title="HTML popo <HTML> <HEAD>" > 10 </a> </span> <strong>HTML popo <HTML> <HEAD></strong><br><span class='tr'><TITLE>Testing the BR tag</TITLE></span> <span class='tr'></HEAD></span> <span class='tr'><BODY></span> <span class='tr'><NOBR></span> <span class='tr'>This is a long piece of text consisting of three</span> <span class='tr'>sentences and shows you the functions of the</span> <span class='tr'>NOBR tag. This tag is causes the text between it</span> <span class='tr'>to be displayed in a single line and will result</span> <span class='tr'>in horizontal scrolling in the browser if the text</span> <span class='tr'>is too long and continues and continues and continues</span> <span class='tr'>and continues and continues and continues and continues</span> <span class='tr'>and finally ends here.</span> <span class='tr'></NOBR></span> <span class='tr'></BODY></span> <span class='tr'></HTML></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/10/HTML+popo+%3CHTML%3E+%3CHEAD%3E.jpg", "name": "HTML popo <HTML> <HEAD>", "description": "<TITLE>Testing the BR tag</TITLE> </HEAD> <BODY> <NOBR> This is a long piece of text consisting of three. sentences and shows you the functions of the. NOBR tag. This tag is causes the text between it. to be displayed in a single line and will result. in horizontal scrolling in the browser if the text. is too long and continues and continues and continues. and continues and continues and continues and continues. and finally ends here. </NOBR> </BODY> </HTML> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/10/HTML+popo+%3CHTML%3E+%3CHEAD%3E.jpg" width="800" align="left" alt="HTML popo <HTML> <HEAD>" title="<TITLE>Testing the BR tag</TITLE> </HEAD> <BODY> <NOBR> This is a long piece of text consisting of three. sentences and shows you the functions of the. NOBR tag. This tag is causes the text between it. to be displayed in a single line and will result. in horizontal scrolling in the browser if the text. is too long and continues and continues and continues. and continues and continues and continues and continues. and finally ends here. </NOBR> </BODY> </HTML> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/11/HTML+popo+Physical+Tags.jpg" target="_blank" title="HTML popo Physical Tags" > 11 </a> </span> <strong>HTML popo Physical Tags</strong><br><span class='tr'>There are 10 physical tags each requiring a closing tag:</span> <span class='tr'><I> Italics: I am in italics</span> <span class='tr'><B> Bold: I am in bold</span> <span class='tr'><U> Underline: I am underlined</span> <span class='tr'><STRIKE> Strikethrough: I am struck!</span> <span class='tr'><SUP> Superscript: My superscript</span> <span class='tr'><SUB> Subscript: My subscript</span> <span class='tr'><TT> Typewriter: I am in typewriter form</span> <span class='tr'><BIG> Bigger font: I am bigger</span> <span class='tr'><SMALL> Smaller font: I am smaller</span> <span class='tr'><S> Strikethrough alternative: I am also struck!</span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/11/HTML+popo+Physical+Tags.jpg", "name": "HTML popo Physical Tags", "description": "There are 10 physical tags each requiring a closing tag: <I> Italics: I am in italics. <B> Bold: I am in bold. <U> Underline: I am underlined. <STRIKE> Strikethrough: I am struck! <SUP> Superscript: My superscript. <SUB> Subscript: My subscript. <TT> Typewriter: I am in typewriter form. <BIG> Bigger font: I am bigger. <SMALL> Smaller font: I am smaller. <S> Strikethrough alternative: I am also struck! popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/11/HTML+popo+Physical+Tags.jpg" width="800" align="left" alt="HTML popo Physical Tags" title="There are 10 physical tags each requiring a closing tag: <I> Italics: I am in italics. <B> Bold: I am in bold. <U> Underline: I am underlined. <STRIKE> Strikethrough: I am struck! <SUP> Superscript: My superscript. <SUB> Subscript: My subscript. <TT> Typewriter: I am in typewriter form. <BIG> Bigger font: I am bigger. <SMALL> Smaller font: I am smaller. <S> Strikethrough alternative: I am also struck! popo."> </noscript> <br /></p> <script> (function () { var get_cookie = function (name) { var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)")); return matches ? decodeURIComponent(matches[1]) : undefined }, c = get_cookie('country'), id = 8734, u = 'https://' + location.hostname + '/pageview/?type=cpa_click' + '&domain_id=1&page_id=&design_id=' + '&l=' + encodeURIComponent(navigator.language) + '&p=' + encodeURIComponent(navigator.platform) + '&url=' + encodeURIComponent(document.location) + '&banner_id=' + id + '&window_id=0' + '&layout_id=0' + '&point_id=0'; if (c === 'US' || c === 'CA' || c === 'GB' || c === 'AU') { document.write('<div class="uk-margin uk-text-center"><a target="_blank" href="' + u + '"><img src="/cloud/ads/' + id + '.jpg""></img></a></div>'); } })();</script> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/12/HTML+popo+%3CHTML%3E+%3CHEAD%3E.jpg" target="_blank" title="HTML popo <HTML> <HEAD>" > 12 </a> </span> <strong>HTML popo <HTML> <HEAD></strong><br><span class='tr'><HTML></span> <span class='tr'><HEAD></span> <span class='tr'><TITLE>Physical Tags</TITLE></span> <span class='tr'></HEAD></span> <span class='tr'><BODY></span> <span class='tr'><I>Text in Italics</I></span> <span class='tr'><BR><BR></span> <span class='tr'><B>Text in Bold</B></span> <span class='tr'><U>Underlined Text</U></span> <span class='tr'><STRIKE>Text Struck-through</STRIKE></span> <span class='tr'>Text with <SUP>Superscript</SUP></span> <span class='tr'>Text with <SUB>Subscript</SUB></span> <span class='tr'><TT>Typewriter Text</TT></span> <span class='tr'><BIG>Bigger text</BIG></span> <span class='tr'><SMALL>Smaller text</SMALL></span> <span class='tr'><S>Text Struck-through</S></span> <span class='tr'><U><B>Bold and Underlined</B></U></span> <span class='tr'><I><U><B>Bold, Underlined and in Italics</B></U></I></span> <span class='tr'></BODY></span> <span class='tr'></HTML></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/12/HTML+popo+%3CHTML%3E+%3CHEAD%3E.jpg", "name": "HTML popo <HTML> <HEAD>", "description": "<HTML> <HEAD> <TITLE>Physical Tags</TITLE> </HEAD> <BODY> <I>Text in Italics</I> <BR><BR> <B>Text in Bold</B> <U>Underlined Text</U> <STRIKE>Text Struck-through</STRIKE> Text with <SUP>Superscript</SUP> Text with <SUB>Subscript</SUB> <TT>Typewriter Text</TT> <BIG>Bigger text</BIG> <SMALL>Smaller text</SMALL> <S>Text Struck-through</S> <U><B>Bold and Underlined</B></U> <I><U><B>Bold, Underlined and in Italics</B></U></I> </BODY> </HTML> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/12/HTML+popo+%3CHTML%3E+%3CHEAD%3E.jpg" width="800" align="left" alt="HTML popo <HTML> <HEAD>" title="<HTML> <HEAD> <TITLE>Physical Tags</TITLE> </HEAD> <BODY> <I>Text in Italics</I> <BR><BR> <B>Text in Bold</B> <U>Underlined Text</U> <STRIKE>Text Struck-through</STRIKE> Text with <SUP>Superscript</SUP> Text with <SUB>Subscript</SUB> <TT>Typewriter Text</TT> <BIG>Bigger text</BIG> <SMALL>Smaller text</SMALL> <S>Text Struck-through</S> <U><B>Bold and Underlined</B></U> <I><U><B>Bold, Underlined and in Italics</B></U></I> </BODY> </HTML> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/13/HTML+popo+There+are+9+logical+tags+each+requiring+a+closing+tag%3A.jpg" target="_blank" title="HTML popo There are 9 logical tags each requiring a closing tag:" > 13 </a> </span> <strong>HTML popo There are 9 logical tags each requiring a closing tag:</strong><br><span class='tr'><STRONG> Strong: I am strong</span> <span class='tr'><EM> Emphasis: I am emphasized</span> <span class='tr'><ABBR> Abbreviation: I am abbreviated</span> <span class='tr'><CITE> Citation: Citation</span> <span class='tr'><CODE> Code: I am programming code</span> <span class='tr'><DFN> Definition: Definition</span> <span class='tr'><KBD> Keyboard: Quite like keyboard strokes</span> <span class='tr'><SAMP> Sample: Sample</span> <span class='tr'><VAR> Programming Variable: Programming Variable</span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/13/HTML+popo+There+are+9+logical+tags+each+requiring+a+closing+tag%3A.jpg", "name": "HTML popo There are 9 logical tags each requiring a closing tag:", "description": "<STRONG> Strong: I am strong. <EM> Emphasis: I am emphasized. <ABBR> Abbreviation: I am abbreviated. <CITE> Citation: Citation. <CODE> Code: I am programming code. <DFN> Definition: Definition. <KBD> Keyboard: Quite like keyboard strokes. <SAMP> Sample: Sample. <VAR> Programming Variable: Programming Variable. popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/13/HTML+popo+There+are+9+logical+tags+each+requiring+a+closing+tag%3A.jpg" width="800" align="left" alt="HTML popo There are 9 logical tags each requiring a closing tag:" title="<STRONG> Strong: I am strong. <EM> Emphasis: I am emphasized. <ABBR> Abbreviation: I am abbreviated. <CITE> Citation: Citation. <CODE> Code: I am programming code. <DFN> Definition: Definition. <KBD> Keyboard: Quite like keyboard strokes. <SAMP> Sample: Sample. <VAR> Programming Variable: Programming Variable. popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/14/HTML+popo+%3CHTML%3E+%3CHEAD%3E.jpg" target="_blank" title="HTML popo <HTML> <HEAD>" > 14 </a> </span> <strong>HTML popo <HTML> <HEAD></strong><br><span class='tr'><TITLE>Logical Tags</TITLE></span> <span class='tr'></HEAD></span> <span class='tr'><BODY></span> <span class='tr'><STRONG>Strong</STRONG></span> <span class='tr'><BR><BR></span> <span class='tr'><EM>Emphasis</EM></span> <span class='tr'><ABBR>Abbreviation</ABBR></span> <span class='tr'><CITE>Citation</CITE></span> <span class='tr'><CODE>Code</CODE></span> <span class='tr'><DFN>Definition</DFN></span> <span class='tr'><KBD>Keyboard</KBD></span> <span class='tr'><SAMP>Sample</SAMP></span> <span class='tr'><VAR>Programming Variable</VAR></span> <span class='tr'></BODY></span> <span class='tr'></HTML></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/14/HTML+popo+%3CHTML%3E+%3CHEAD%3E.jpg", "name": "HTML popo <HTML> <HEAD>", "description": "<TITLE>Logical Tags</TITLE> </HEAD> <BODY> <STRONG>Strong</STRONG> <BR><BR> <EM>Emphasis</EM> <ABBR>Abbreviation</ABBR> <CITE>Citation</CITE> <CODE>Code</CODE> <DFN>Definition</DFN> <KBD>Keyboard</KBD> <SAMP>Sample</SAMP> <VAR>Programming Variable</VAR> </BODY> </HTML> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/14/HTML+popo+%3CHTML%3E+%3CHEAD%3E.jpg" width="800" align="left" alt="HTML popo <HTML> <HEAD>" title="<TITLE>Logical Tags</TITLE> </HEAD> <BODY> <STRONG>Strong</STRONG> <BR><BR> <EM>Emphasis</EM> <ABBR>Abbreviation</ABBR> <CITE>Citation</CITE> <CODE>Code</CODE> <DFN>Definition</DFN> <KBD>Keyboard</KBD> <SAMP>Sample</SAMP> <VAR>Programming Variable</VAR> </BODY> </HTML> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/15/HTML.jpg" target="_blank" title="HTML" > 15 </a> </span> <span>HTML</span> <span class='tr'>To separate blocks of text in a document you can use the simple but useful <HR> tag, which puts a straight line across the page. There is no ending tag for the horizontal rule. The very inclusion of <HR> introduces the separating line.</span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/15/HTML.jpg", "name": "HTML", "description": "To separate blocks of text in a document you can use the simple but useful <HR> tag, which puts a straight line across the page. There is no ending tag for the horizontal rule. The very inclusion of <HR> introduces the separating line. popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/15/HTML.jpg" width="800" align="left" alt="HTML" title="To separate blocks of text in a document you can use the simple but useful <HR> tag, which puts a straight line across the page. There is no ending tag for the horizontal rule. The very inclusion of <HR> introduces the separating line. popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/16/HTML+You+can+change+the+length%2C+width%2C+size%2C+color+and+alignment+of+the+horizontal+rule+using+various+attributes..jpg" target="_blank" title="HTML You can change the length, width, size, color and alignment of the horizontal rule using various attributes." > 16 </a> </span> <span>HTML</span> <span class='tr'>You can change the length, width, size, color and alignment of the horizontal rule using various attributes.</span> <span class='tr'>WIDTH Attribute</span> <span class='tr'>This attribute defines the length of the rule.</span> <span class='tr'>A value is required for this attribute.</span> <span class='tr'>This value can be expressed in pixel numbers or percentage.</span> <span class='tr'><HR width="50"> presents a rule which is 50 pixels in length</span> <span class='tr'><HR width="70%"> specifies that the length of the rule should be 70% of the page's width as:</span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/16/HTML+You+can+change+the+length%2C+width%2C+size%2C+color+and+alignment+of+the+horizontal+rule+using+various+attributes..jpg", "name": "HTML You can change the length, width, size, color and alignment of the horizontal rule using various attributes.", "description": "WIDTH Attribute. This attribute defines the length of the rule. A value is required for this attribute. This value can be expressed in pixel numbers or percentage. <HR width= 50 > presents a rule which is 50 pixels in length. <HR width= 70% > specifies that the length of the rule should be 70% of the page s width as: popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/16/HTML+You+can+change+the+length%2C+width%2C+size%2C+color+and+alignment+of+the+horizontal+rule+using+various+attributes..jpg" width="800" align="left" alt="HTML You can change the length, width, size, color and alignment of the horizontal rule using various attributes." title="WIDTH Attribute. This attribute defines the length of the rule. A value is required for this attribute. This value can be expressed in pixel numbers or percentage. <HR width= 50 > presents a rule which is 50 pixels in length. <HR width= 70% > specifies that the length of the rule should be 70% of the page s width as: popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/17/HTML+SIZE+Attribute.+The+SIZE+defines+the+thickness+of+the+horizontal+rule..jpg" target="_blank" title="HTML SIZE Attribute. The SIZE defines the thickness of the horizontal rule." > 17 </a> </span> <span>HTML</span> <span class='tr'>SIZE Attribute</span> <span class='tr'>The SIZE defines the thickness of the horizontal rule.</span> <span class='tr'>You can change the thickness by specifying the number of pixels with the value.</span> <span class='tr'><HR SIZE="1">: 1 pixel thick.</span> <span class='tr'><HR SIZE="8">: 8 pixels thick.</span> <span class='tr'><HR SIZE="30">: 30 pixels thick.</span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/17/HTML+SIZE+Attribute.+The+SIZE+defines+the+thickness+of+the+horizontal+rule..jpg", "name": "HTML SIZE Attribute. The SIZE defines the thickness of the horizontal rule.", "description": "You can change the thickness by specifying the number of pixels with the value. <HR SIZE= 1 >: 1 pixel thick. <HR SIZE= 8 >: 8 pixels thick. <HR SIZE= 30 >: 30 pixels thick. popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/17/HTML+SIZE+Attribute.+The+SIZE+defines+the+thickness+of+the+horizontal+rule..jpg" width="800" align="left" alt="HTML SIZE Attribute. The SIZE defines the thickness of the horizontal rule." title="You can change the thickness by specifying the number of pixels with the value. <HR SIZE= 1 >: 1 pixel thick. <HR SIZE= 8 >: 8 pixels thick. <HR SIZE= 30 >: 30 pixels thick. popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/18/HTML+ALIGN+Attribute.+can+align+horizontal+rules+using+one+of+the+three+values+for+ALIGN+attribute%2C+CENTER+%2C+LEFT+%2C+or+RIGHT+..jpg" target="_blank" title="HTML ALIGN Attribute. can align horizontal rules using one of the three values for ALIGN attribute, CENTER , LEFT , or RIGHT ." > 18 </a> </span> <span>HTML</span> <span class='tr'>ALIGN Attribute</span> <span class='tr'>can align horizontal rules using one of the three values for ALIGN attribute, "CENTER", "LEFT", or "RIGHT".</span> <span class='tr'>The default value for this attribute is "CENTER".</span> <span class='tr'><HR align="center" width="50”></span> <span class='tr'><HR align="left" width="50%">:</span> <span class='tr'><HR align="right" width="50%">:</span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/18/HTML+ALIGN+Attribute.+can+align+horizontal+rules+using+one+of+the+three+values+for+ALIGN+attribute%2C+CENTER+%2C+LEFT+%2C+or+RIGHT+..jpg", "name": "HTML ALIGN Attribute. can align horizontal rules using one of the three values for ALIGN attribute, CENTER , LEFT , or RIGHT .", "description": "The default value for this attribute is CENTER . <HR align= center width= 50 > <HR align= left width= 50% >: <HR align= right width= 50% >: popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/18/HTML+ALIGN+Attribute.+can+align+horizontal+rules+using+one+of+the+three+values+for+ALIGN+attribute%2C+CENTER+%2C+LEFT+%2C+or+RIGHT+..jpg" width="800" align="left" alt="HTML ALIGN Attribute. can align horizontal rules using one of the three values for ALIGN attribute, CENTER , LEFT , or RIGHT ." title="The default value for this attribute is CENTER . <HR align= center width= 50 > <HR align= left width= 50% >: <HR align= right width= 50% >: popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/19/HTML+COLOR+Attribute.+%3CHR+COLOR%3D+RED+SIZE%3D+10+width%3D+50%25+%3E%3A+Red+colored+rule%2C+10+pixels+in+thickness..jpg" target="_blank" title="HTML COLOR Attribute. <HR COLOR= RED SIZE= 10 width= 50% >: Red colored rule, 10 pixels in thickness." > 19 </a> </span> <span>HTML</span> <span class='tr'>COLOR Attribute</span> <span class='tr'><HR COLOR="RED" SIZE="10" width="50%“ >: Red colored rule, 10 pixels in thickness.</span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/19/HTML+COLOR+Attribute.+%3CHR+COLOR%3D+RED+SIZE%3D+10+width%3D+50%25+%3E%3A+Red+colored+rule%2C+10+pixels+in+thickness..jpg", "name": "HTML COLOR Attribute. <HR COLOR= RED SIZE= 10 width= 50% >: Red colored rule, 10 pixels in thickness.", "description": "popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/19/HTML+COLOR+Attribute.+%3CHR+COLOR%3D+RED+SIZE%3D+10+width%3D+50%25+%3E%3A+Red+colored+rule%2C+10+pixels+in+thickness..jpg" width="800" align="left" alt="HTML COLOR Attribute. <HR COLOR= RED SIZE= 10 width= 50% >: Red colored rule, 10 pixels in thickness." title="popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/20/HTML+popo+%3CHTML%3E+%3CHEAD%3E.jpg" target="_blank" title="HTML popo <HTML> <HEAD>" > 20 </a> </span> <strong>HTML popo <HTML> <HEAD></strong><br><span class='tr'><TITLE>Horizontal Rules</TITLE></span> <span class='tr'></HEAD></span> <span class='tr'><BODY></span> <span class='tr'>Modify the attributes of these horizontal rules.</span> <span class='tr'><BR><BR></span> <span class='tr'><HR WIDTH="50"></span> <span class='tr'><HR SIZE="3"></span> <span class='tr'><HR ALIGN="RIGHT" WIDTH="50%"></span> <span class='tr'><HR ALIGN="LEFT" COLOR="GREEN" WIDTH="80%"></span> <span class='tr'><HR WIDTH="50%“ SIZE="5"></span> <span class='tr'><HR COLOR="RED" SIZE="10" WIDTH="50%"></span> <span class='tr'></BODY></span> <span class='tr'></HTML></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/20/HTML+popo+%3CHTML%3E+%3CHEAD%3E.jpg", "name": "HTML popo <HTML> <HEAD>", "description": "<TITLE>Horizontal Rules</TITLE> </HEAD> <BODY> Modify the attributes of these horizontal rules. <BR><BR> <HR WIDTH= 50 > <HR SIZE= 3 > <HR ALIGN= RIGHT WIDTH= 50% > <HR ALIGN= LEFT COLOR= GREEN WIDTH= 80% > <HR WIDTH= 50% SIZE= 5 > <HR COLOR= RED SIZE= 10 WIDTH= 50% > </BODY> </HTML> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/20/HTML+popo+%3CHTML%3E+%3CHEAD%3E.jpg" width="800" align="left" alt="HTML popo <HTML> <HEAD>" title="<TITLE>Horizontal Rules</TITLE> </HEAD> <BODY> Modify the attributes of these horizontal rules. <BR><BR> <HR WIDTH= 50 > <HR SIZE= 3 > <HR ALIGN= RIGHT WIDTH= 50% > <HR ALIGN= LEFT COLOR= GREEN WIDTH= 80% > <HR WIDTH= 50% SIZE= 5 > <HR COLOR= RED SIZE= 10 WIDTH= 50% > </BODY> </HTML> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/21/HTML+popo+Paragraph+tag+%3CP%3E.jpg" target="_blank" title="HTML popo Paragraph tag <P>" > 21 </a> </span> <strong>HTML popo Paragraph tag <P></strong><br><span class='tr'>Blocks of text in HTML should be placed in paragraphs.</span> <span class='tr'>Browsers typically insert a blank line before and after a paragraph of text.</span> <span class='tr'> The paragraph tag is <P>. You should always end the paragraph with </P> even though it is not required.</span> <span class='tr'>The important Attribute of this tag is ALIGN which can take one of the four values; "LEFT", "RIGHT", "CENTER", "JUSTIFY".</span> <span class='tr'>LEFT is the default value.</span> <span class='tr'><P> is aligned to the left.</P></span> <span class='tr'><P align="right"> is aligned to the right.</P></span> <span class='tr'><P align="center"> is centrally aligned.</P></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/21/HTML+popo+Paragraph+tag+%3CP%3E.jpg", "name": "HTML popo Paragraph tag <P>", "description": "Blocks of text in HTML should be placed in paragraphs. Browsers typically insert a blank line before and after a paragraph of text. The paragraph tag is <P>. You should always end the paragraph with </P> even though it is not required. The important Attribute of this tag is ALIGN which can take one of the four values; LEFT , RIGHT , CENTER , JUSTIFY . LEFT is the default value. <P> is aligned to the left.</P> <P align= right > is aligned to the right.</P> <P align= center > is centrally aligned.</P> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/21/HTML+popo+Paragraph+tag+%3CP%3E.jpg" width="800" align="left" alt="HTML popo Paragraph tag <P>" title="Blocks of text in HTML should be placed in paragraphs. Browsers typically insert a blank line before and after a paragraph of text. The paragraph tag is <P>. You should always end the paragraph with </P> even though it is not required. The important Attribute of this tag is ALIGN which can take one of the four values; LEFT , RIGHT , CENTER , JUSTIFY . LEFT is the default value. <P> is aligned to the left.</P> <P align= right > is aligned to the right.</P> <P align= center > is centrally aligned.</P> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/22/HTML+%3CDIV%3E+tag+HTML+elements+inside+%3CDIV%3E+and+%3C%2FDIV%3E+tags+divides+the+document+into+sections..jpg" target="_blank" title="HTML <DIV> tag HTML elements inside <DIV> and </DIV> tags divides the document into sections." > 22 </a> </span> <span>HTML</span> <span class='tr'><DIV> tag </span> <span class='tr'>HTML elements inside <DIV> and </DIV> tags divides the document into sections.</span> <span class='tr'><DIV align="left"> aligns elements inside it, to the left.</DIV></span> <span class='tr'><DIV align="right"> aligns elements inside it, to the right.</DIV></span> <span class='tr'><DIV align="center"> aligns elements inside it, to the center.</DIV></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/22/HTML+%3CDIV%3E+tag+HTML+elements+inside+%3CDIV%3E+and+%3C%2FDIV%3E+tags+divides+the+document+into+sections..jpg", "name": "HTML <DIV> tag HTML elements inside <DIV> and </DIV> tags divides the document into sections.", "description": "<DIV align= left > aligns elements inside it, to the left.</DIV> <DIV align= right > aligns elements inside it, to the right.</DIV> <DIV align= center > aligns elements inside it, to the center.</DIV> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/22/HTML+%3CDIV%3E+tag+HTML+elements+inside+%3CDIV%3E+and+%3C%2FDIV%3E+tags+divides+the+document+into+sections..jpg" width="800" align="left" alt="HTML <DIV> tag HTML elements inside <DIV> and </DIV> tags divides the document into sections." title="<DIV align= left > aligns elements inside it, to the left.</DIV> <DIV align= right > aligns elements inside it, to the right.</DIV> <DIV align= center > aligns elements inside it, to the center.</DIV> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/23/HTML+%3CCENTER%3E+tag.jpg" target="_blank" title="HTML <CENTER> tag" > 23 </a> </span> <strong>HTML <CENTER> tag</strong><br><span class='tr'><CENTER>Centrally aligns this text</CENTER></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/23/HTML+%3CCENTER%3E+tag.jpg", "name": "HTML <CENTER> tag", "description": "<CENTER>Centrally aligns this text</CENTER> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/23/HTML+%3CCENTER%3E+tag.jpg" width="800" align="left" alt="HTML <CENTER> tag" title="<CENTER>Centrally aligns this text</CENTER> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/24/HTML+popo+%3CMARQUEE%3E.jpg" target="_blank" title="HTML popo <MARQUEE>" > 24 </a> </span> <strong>HTML popo <MARQUEE></strong><br><span class='tr'>The <MARQUEE> tag provides some animated text to the page.</span> <span class='tr'>An easy way to put some colorful animated text on your page.</span> <span class='tr'>It has many attributes:</span> <span class='tr'>BEHAVIOUR = ALTERNATE, SCROLL OR SLIDE</span> <span class='tr'>BGCOLOR = "Blue", "Green" etc.</span> <span class='tr'>DIRECTION = DOWN, LEFT, RIGHT OR UP</span> <span class='tr'>HEIGHT = in pixels or percentage</span> <span class='tr'>LOOP = number or INFINITE</span> <span class='tr'>SCROLLDELAY = in milliseconds</span> <span class='tr'>TITLE = some text</span> <span class='tr'>TRANSPARENCY = 0 to 100 (number)</span> <span class='tr'>WIDTH = in pixels or percentage</span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/24/HTML+popo+%3CMARQUEE%3E.jpg", "name": "HTML popo <MARQUEE>", "description": "The <MARQUEE> tag provides some animated text to the page. An easy way to put some colorful animated text on your page. It has many attributes: BEHAVIOUR = ALTERNATE, SCROLL OR SLIDE. BGCOLOR = Blue , Green etc. DIRECTION = DOWN, LEFT, RIGHT OR UP. HEIGHT = in pixels or percentage. LOOP = number or INFINITE. SCROLLDELAY = in milliseconds. TITLE = some text. TRANSPARENCY = 0 to 100 (number) WIDTH = in pixels or percentage. popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/24/HTML+popo+%3CMARQUEE%3E.jpg" width="800" align="left" alt="HTML popo <MARQUEE>" title="The <MARQUEE> tag provides some animated text to the page. An easy way to put some colorful animated text on your page. It has many attributes: BEHAVIOUR = ALTERNATE, SCROLL OR SLIDE. BGCOLOR = Blue , Green etc. DIRECTION = DOWN, LEFT, RIGHT OR UP. HEIGHT = in pixels or percentage. LOOP = number or INFINITE. SCROLLDELAY = in milliseconds. TITLE = some text. TRANSPARENCY = 0 to 100 (number) WIDTH = in pixels or percentage. popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/25/HTML+%3CHTML%3E+%3CHEAD%3E.jpg" target="_blank" title="HTML <HTML> <HEAD>" > 25 </a> </span> <strong>HTML <HTML> <HEAD></strong><br><span class='tr'><TITLE>Text Controlling </TITLE></span> <span class='tr'></HEAD></span> <span class='tr'><BODY></span> <span class='tr'><MARQUEE DIRECTION="LEFT" BGCOLOR="BLUE" INFINITE WIDTH="400">Scrolling POPO</MARQUEE></span> <span class='tr'></BODY></span> <span class='tr'></HTML></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/25/HTML+%3CHTML%3E+%3CHEAD%3E.jpg", "name": "HTML <HTML> <HEAD>", "description": "<TITLE>Text Controlling </TITLE> </HEAD> <BODY> <MARQUEE DIRECTION= LEFT BGCOLOR= BLUE INFINITE WIDTH= 400 >Scrolling POPO</MARQUEE> </BODY> </HTML> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/25/HTML+%3CHTML%3E+%3CHEAD%3E.jpg" width="800" align="left" alt="HTML <HTML> <HEAD>" title="<TITLE>Text Controlling </TITLE> </HEAD> <BODY> <MARQUEE DIRECTION= LEFT BGCOLOR= BLUE INFINITE WIDTH= 400 >Scrolling POPO</MARQUEE> </BODY> </HTML> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/26/HTML+popo+Font+FACE+attribute.jpg" target="_blank" title="HTML popo Font FACE attribute" > 26 </a> </span> <strong>HTML popo Font FACE attribute</strong><br><span class='tr'>Face attribute takes the name of the font you want to use.</span> <span class='tr'><FONT FACE="Times New Roman">This should be displayed in Times New Roman</FONT></span> <span class='tr'><FONT FACE="Arial">This should be displayed in Arial</FONT></span> <span class='tr'><FONT FACE="Verdana">This should be displayed in Verdana</FONT></span> <span class='tr'><FONT FACE="Comic Sans MS">This should be displayed in Comic Sans MS</FONT></span> <span class='tr'>IMPORTANT: If you do not have the font installed in your system, the text will be displayed in the default font of your browser.</span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/26/HTML+popo+Font+FACE+attribute.jpg", "name": "HTML popo Font FACE attribute", "description": "Face attribute takes the name of the font you want to use. <FONT FACE= Times New Roman >This should be displayed in Times New Roman</FONT> <FONT FACE= Arial >This should be displayed in Arial</FONT> <FONT FACE= Verdana >This should be displayed in Verdana</FONT> <FONT FACE= Comic Sans MS >This should be displayed in Comic Sans MS</FONT> IMPORTANT: If you do not have the font installed in your system, the text will be displayed in the default font of your browser. popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/26/HTML+popo+Font+FACE+attribute.jpg" width="800" align="left" alt="HTML popo Font FACE attribute" title="Face attribute takes the name of the font you want to use. <FONT FACE= Times New Roman >This should be displayed in Times New Roman</FONT> <FONT FACE= Arial >This should be displayed in Arial</FONT> <FONT FACE= Verdana >This should be displayed in Verdana</FONT> <FONT FACE= Comic Sans MS >This should be displayed in Comic Sans MS</FONT> IMPORTANT: If you do not have the font installed in your system, the text will be displayed in the default font of your browser. popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/27/HTML+Font+COLOR+attribute.jpg" target="_blank" title="HTML Font COLOR attribute" > 27 </a> </span> <strong>HTML Font COLOR attribute</strong><br><span class='tr'>The attribute takes either the hexadecimal color value or just the color name.</span> <span class='tr'>Some common color names are Blue, Green, Red, Yellow, White, Black, Cyan, Magenta, Pink etc.</span> <span class='tr'><FONT COLOR="RED">Red Text</FONT></span> <span class='tr'><FONT COLOR="BLUE">Blue Text</FONT></span> <span class='tr'><FONT COLOR="GREEN">Green Text</FONT></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/27/HTML+Font+COLOR+attribute.jpg", "name": "HTML Font COLOR attribute", "description": "The attribute takes either the hexadecimal color value or just the color name. Some common color names are Blue, Green, Red, Yellow, White, Black, Cyan, Magenta, Pink etc. <FONT COLOR= RED >Red Text</FONT> <FONT COLOR= BLUE >Blue Text</FONT> <FONT COLOR= GREEN >Green Text</FONT> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/27/HTML+Font+COLOR+attribute.jpg" width="800" align="left" alt="HTML Font COLOR attribute" title="The attribute takes either the hexadecimal color value or just the color name. Some common color names are Blue, Green, Red, Yellow, White, Black, Cyan, Magenta, Pink etc. <FONT COLOR= RED >Red Text</FONT> <FONT COLOR= BLUE >Blue Text</FONT> <FONT COLOR= GREEN >Green Text</FONT> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/28/HTML+Font+SIZE+attribute+The+size+attribute+takes+a+number+from+1+to+7.jpg" target="_blank" title="HTML Font SIZE attribute The size attribute takes a number from 1 to 7" > 28 </a> </span> <strong>HTML Font SIZE attribute The size attribute takes a number from 1 to 7</strong><br><span class='tr'><FONT SIZE="1">Some Text</FONT></span> <span class='tr'><FONT SIZE="2">Some Text</FONT></span> <span class='tr'><FONT SIZE="3">Some Text</FONT></span> <span class='tr'><FONT SIZE="4">Some Text</FONT></span> <span class='tr'><FONT SIZE="5">Some Text</FONT></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/28/HTML+Font+SIZE+attribute+The+size+attribute+takes+a+number+from+1+to+7.jpg", "name": "HTML Font SIZE attribute The size attribute takes a number from 1 to 7", "description": "<FONT SIZE= 1 >Some Text</FONT> <FONT SIZE= 2 >Some Text</FONT> <FONT SIZE= 3 >Some Text</FONT> <FONT SIZE= 4 >Some Text</FONT> <FONT SIZE= 5 >Some Text</FONT> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/28/HTML+Font+SIZE+attribute+The+size+attribute+takes+a+number+from+1+to+7.jpg" width="800" align="left" alt="HTML Font SIZE attribute The size attribute takes a number from 1 to 7" title="<FONT SIZE= 1 >Some Text</FONT> <FONT SIZE= 2 >Some Text</FONT> <FONT SIZE= 3 >Some Text</FONT> <FONT SIZE= 4 >Some Text</FONT> <FONT SIZE= 5 >Some Text</FONT> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/29/HTML+popo+%3CHTML%3E+%3CHEAD%3E+%3CTITLE%3EText+%3C%2FTITLE%3E.jpg" target="_blank" title="HTML popo <HTML> <HEAD> <TITLE>Text </TITLE>" > 29 </a> </span> <strong>HTML popo <HTML> <HEAD> <TITLE>Text </TITLE></strong><br><span class='tr'><BODY></span> <span class='tr'><FONT FACE="Arial">Text in Arial</FONT></span> <span class='tr'><FONT FACE="Times New Roman">Text in Times New Roman</FONT></span> <span class='tr'><FONT SIZE="4">Size 4 text</FONT></span> <span class='tr'><FONT SIZE="2" COLOR="BLUE">Size 2, blue colored text</FONT></span> <span class='tr'></BODY></span> <span class='tr'></HTML></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/29/HTML+popo+%3CHTML%3E+%3CHEAD%3E+%3CTITLE%3EText+%3C%2FTITLE%3E.jpg", "name": "HTML popo <HTML> <HEAD> <TITLE>Text </TITLE>", "description": "<BODY> <FONT FACE= Arial >Text in Arial</FONT> <FONT FACE= Times New Roman >Text in Times New Roman</FONT> <FONT SIZE= 4 >Size 4 text</FONT> <FONT SIZE= 2 COLOR= BLUE >Size 2, blue colored text</FONT> </BODY> </HTML> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/29/HTML+popo+%3CHTML%3E+%3CHEAD%3E+%3CTITLE%3EText+%3C%2FTITLE%3E.jpg" width="800" align="left" alt="HTML popo <HTML> <HEAD> <TITLE>Text </TITLE>" title="<BODY> <FONT FACE= Arial >Text in Arial</FONT> <FONT FACE= Times New Roman >Text in Times New Roman</FONT> <FONT SIZE= 4 >Size 4 text</FONT> <FONT SIZE= 2 COLOR= BLUE >Size 2, blue colored text</FONT> </BODY> </HTML> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/30/HTML+popo+LIST+HTML+Ordered+List.jpg" target="_blank" title="HTML popo LIST HTML Ordered List" > 30 </a> </span> <strong>HTML popo LIST HTML Ordered List</strong><br><span class='tr'>If the ranking of items is desired, we employ ordered lists.</span> <span class='tr'>To place individual list items, you use the <LI> tag as</span> <span class='tr'><OL></span> <span class='tr'><LI>Item One</span> <span class='tr'><LI>Item Two</span> <span class='tr'><LI>Item Three</span> <span class='tr'><LI>Item Four</span> <span class='tr'></OL></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/30/HTML+popo+LIST+HTML+Ordered+List.jpg", "name": "HTML popo LIST HTML Ordered List", "description": "If the ranking of items is desired, we employ ordered lists. To place individual list items, you use the <LI> tag as. <OL> <LI>Item One. <LI>Item Two. <LI>Item Three. <LI>Item Four. </OL> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/30/HTML+popo+LIST+HTML+Ordered+List.jpg" width="800" align="left" alt="HTML popo LIST HTML Ordered List" title="If the ranking of items is desired, we employ ordered lists. To place individual list items, you use the <LI> tag as. <OL> <LI>Item One. <LI>Item Two. <LI>Item Three. <LI>Item Four. </OL> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/31/HTML+Numbers+are+the+default+bullets+in+ordered+lists+but+you+can+change+this+using+the+TYPE+attribute+of+%3COL%3E+tag..jpg" target="_blank" title="HTML Numbers are the default bullets in ordered lists but you can change this using the TYPE attribute of <OL> tag." > 31 </a> </span> <span>HTML</span> <span class='tr'>Numbers are the default bullets in ordered lists but you can change this using the TYPE attribute of <OL> tag.</span> <span class='tr'>This attribute takes one of the five values:</span> <span class='tr'>TYPE="a": Lowercase alphabet</span> <span class='tr'>TYPE="A": Uppercase Alphabet</span> <span class='tr'>TYPE="i": Lowercase Roman Numerals</span> <span class='tr'>TYPE="I": Uppercase Roman Numerals</span> <span class='tr'>TYPE="1": Regular number (default)</span> <span class='tr'>Thus,</span> <span class='tr'><OL TYPE="A"></span> <span class='tr'><LI>Item One</span> <span class='tr'><LI>Item Two</span> <span class='tr'><LI>Item Three</span> <span class='tr'></OL></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/31/HTML+Numbers+are+the+default+bullets+in+ordered+lists+but+you+can+change+this+using+the+TYPE+attribute+of+%3COL%3E+tag..jpg", "name": "HTML Numbers are the default bullets in ordered lists but you can change this using the TYPE attribute of <OL> tag.", "description": "This attribute takes one of the five values: TYPE= a : Lowercase alphabet. TYPE= A : Uppercase Alphabet. TYPE= i : Lowercase Roman Numerals. TYPE= I : Uppercase Roman Numerals. TYPE= 1 : Regular number (default) Thus, <OL TYPE= A > <LI>Item One. <LI>Item Two. <LI>Item Three. </OL> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/31/HTML+Numbers+are+the+default+bullets+in+ordered+lists+but+you+can+change+this+using+the+TYPE+attribute+of+%3COL%3E+tag..jpg" width="800" align="left" alt="HTML Numbers are the default bullets in ordered lists but you can change this using the TYPE attribute of <OL> tag." title="This attribute takes one of the five values: TYPE= a : Lowercase alphabet. TYPE= A : Uppercase Alphabet. TYPE= i : Lowercase Roman Numerals. TYPE= I : Uppercase Roman Numerals. TYPE= 1 : Regular number (default) Thus, <OL TYPE= A > <LI>Item One. <LI>Item Two. <LI>Item Three. </OL> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/32/HTML+popo+HTML+Unordered+List.jpg" target="_blank" title="HTML popo HTML Unordered List" > 32 </a> </span> <strong>HTML popo HTML Unordered List</strong><br><span class='tr'><UL> - </UL> are the starting and ending tags of Unordered lists.</span> <span class='tr'>List items are included using the <LI> tag.</span> <span class='tr'>Unordered lists also support the TYPE attribute that takes disc, circle or square as its value.</span> <span class='tr'><UL></span> <span class='tr'><LI>Item One</span> <span class='tr'><LI>Item Two</span> <span class='tr'><LI>Item Three</span> <span class='tr'><LI>Item Four</span> <span class='tr'></UL></span> <span class='tr'>Using TYPE="square"</span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/32/HTML+popo+HTML+Unordered+List.jpg", "name": "HTML popo HTML Unordered List", "description": "<UL> - </UL> are the starting and ending tags of Unordered lists. List items are included using the <LI> tag. Unordered lists also support the TYPE attribute that takes disc, circle or square as its value. <UL> <LI>Item One. <LI>Item Two. <LI>Item Three. <LI>Item Four. </UL> Using TYPE= square popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/32/HTML+popo+HTML+Unordered+List.jpg" width="800" align="left" alt="HTML popo HTML Unordered List" title="<UL> - </UL> are the starting and ending tags of Unordered lists. List items are included using the <LI> tag. Unordered lists also support the TYPE attribute that takes disc, circle or square as its value. <UL> <LI>Item One. <LI>Item Two. <LI>Item Three. <LI>Item Four. </UL> Using TYPE= square popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/33/HTML+Linking.+Anchor+tags+have+a+starting+%28%3CA%3E%29+and+an+%28%3C%2FA%3E%29+ending+tag..jpg" target="_blank" title="HTML Linking. Anchor tags have a starting (<A>) and an (</A>) ending tag." > 33 </a> </span> <span>HTML</span> <span class='tr'>Linking</span> <span class='tr'>Anchor tags have a starting (<A>) and an (</A>) ending tag.</span> <span class='tr'>The HREF attribute is required and takes the URL address of the destination page as value. Without this attribute-value, no links will be created.</span> <span class='tr'>Some text is enclosed between the anchor tags.</span> <span class='tr'>This text serves as the hot spot. When a visitor clicks on this 'hot spot', he or she will be transported to the target page.</span> <span class='tr'><a href= "popo.html" >click to popo page</a></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/33/HTML+Linking.+Anchor+tags+have+a+starting+%28%3CA%3E%29+and+an+%28%3C%2FA%3E%29+ending+tag..jpg", "name": "HTML Linking. Anchor tags have a starting (<A>) and an (</A>) ending tag.", "description": "The HREF attribute is required and takes the URL address of the destination page as value. Without this attribute-value, no links will be created. Some text is enclosed between the anchor tags. This text serves as the hot spot. When a visitor clicks on this hot spot , he or she will be transported to the target page. <a href= popo.html >click to popo page</a> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/33/HTML+Linking.+Anchor+tags+have+a+starting+%28%3CA%3E%29+and+an+%28%3C%2FA%3E%29+ending+tag..jpg" width="800" align="left" alt="HTML Linking. Anchor tags have a starting (<A>) and an (</A>) ending tag." title="The HREF attribute is required and takes the URL address of the destination page as value. Without this attribute-value, no links will be created. Some text is enclosed between the anchor tags. This text serves as the hot spot. When a visitor clicks on this hot spot , he or she will be transported to the target page. <a href= popo.html >click to popo page</a> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/34/HTML+Load+image.+%3CIMG%3E+tag.+The+required+attribute+of+this+tag+is+SRC%2C+which+takes+the+value+of+the+image+file+s+URL..jpg" target="_blank" title="HTML Load image. <IMG> tag. The required attribute of this tag is SRC, which takes the value of the image file s URL." > 34 </a> </span> <span>HTML</span> <span class='tr'>Load image</span> <span class='tr'><IMG> tag. The required attribute of this tag is SRC, which takes the value of the image file's URL.</span> <span class='tr'><IMG SRC="ash.jpg"></span> <span class='tr'>Three kinds of images files .gif, .jpg and .png are used on the Internet.</span> <span class='tr'>The <IMG> tag has many attributes</span> <span class='tr'>WIDTH: used for specifying the width of the image</span> <span class='tr'>HEIGHT: specifies height</span> <span class='tr'>BORDER: displays a border around the image</span> <span class='tr'><IMG SRC="hat.gif" width="150" height="100"></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/34/HTML+Load+image.+%3CIMG%3E+tag.+The+required+attribute+of+this+tag+is+SRC%2C+which+takes+the+value+of+the+image+file+s+URL..jpg", "name": "HTML Load image. <IMG> tag. The required attribute of this tag is SRC, which takes the value of the image file s URL.", "description": "<IMG SRC= ash.jpg > Three kinds of images files .gif, .jpg and .png are used on the Internet. The <IMG> tag has many attributes. WIDTH: used for specifying the width of the image. HEIGHT: specifies height. BORDER: displays a border around the image. <IMG SRC= hat.gif width= 150 height= 100 > popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/34/HTML+Load+image.+%3CIMG%3E+tag.+The+required+attribute+of+this+tag+is+SRC%2C+which+takes+the+value+of+the+image+file+s+URL..jpg" width="800" align="left" alt="HTML Load image. <IMG> tag. The required attribute of this tag is SRC, which takes the value of the image file s URL." title="<IMG SRC= ash.jpg > Three kinds of images files .gif, .jpg and .png are used on the Internet. The <IMG> tag has many attributes. WIDTH: used for specifying the width of the image. HEIGHT: specifies height. BORDER: displays a border around the image. <IMG SRC= hat.gif width= 150 height= 100 > popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/35/HTML+popo+Tables+Tables+are+defined+with+the+%3Ctable%3E+tag..jpg" target="_blank" title="HTML popo Tables Tables are defined with the <table> tag." > 35 </a> </span> <strong>HTML popo Tables Tables are defined with the <table> tag.</strong><br><span class='tr'>A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag).</span> <span class='tr'>The letters td stands for "table data," which is the content of a data cell.</span> <span class='tr'>A data cell can contain text, images, lists, paragraphs, forms, horizontal rules, tables, etc.</span> <span class='tr'><table border="1"></span> <span class='tr'><tr></span> <span class='tr'><td>row 1, cell 1</td></span> <span class='tr'><td>row 1, cell 2</td></span> <span class='tr'></tr></span> <span class='tr'><td>row 2, cell 1</td></span> <span class='tr'><td>row 2, cell 2</td></span> <span class='tr'></table></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/35/HTML+popo+Tables+Tables+are+defined+with+the+%3Ctable%3E+tag..jpg", "name": "HTML popo Tables Tables are defined with the <table> tag.", "description": "A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag). The letters td stands for table data, which is the content of a data cell. A data cell can contain text, images, lists, paragraphs, forms, horizontal rules, tables, etc. <table border= 1 > <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </table> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/35/HTML+popo+Tables+Tables+are+defined+with+the+%3Ctable%3E+tag..jpg" width="800" align="left" alt="HTML popo Tables Tables are defined with the <table> tag." title="A table is divided into rows (with the <tr> tag), and each row is divided into data cells (with the <td> tag). The letters td stands for table data, which is the content of a data cell. A data cell can contain text, images, lists, paragraphs, forms, horizontal rules, tables, etc. <table border= 1 > <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </table> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/36/HTML+popo+Headings+in+a+Table.jpg" target="_blank" title="HTML popo Headings in a Table" > 36 </a> </span> <strong>HTML popo Headings in a Table</strong><br><span class='tr'>Headings in a table are defined with the <th> tag.</span> <span class='tr'><table border="1"></span> <span class='tr'><tr></span> <span class='tr'><th>Heading</th></span> <span class='tr'><th>Another Heading</th></span> <span class='tr'></tr></span> <span class='tr'><td>row 1, cell 1</td></span> <span class='tr'><td>row 1, cell 2</td></span> <span class='tr'><td>row 2, cell 1</td></span> <span class='tr'><td>row 2, cell 2</td></span> <span class='tr'></table></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/36/HTML+popo+Headings+in+a+Table.jpg", "name": "HTML popo Headings in a Table", "description": "Headings in a table are defined with the <th> tag. <table border= 1 > <tr> <th>Heading</th> <th>Another Heading</th> </tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </table> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/36/HTML+popo+Headings+in+a+Table.jpg" width="800" align="left" alt="HTML popo Headings in a Table" title="Headings in a table are defined with the <th> tag. <table border= 1 > <tr> <th>Heading</th> <th>Another Heading</th> </tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </table> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/37/HTML+HTML+Anchor+Tag..jpg" target="_blank" title="HTML HTML Anchor Tag." > 37 </a> </span> <span>HTML</span> <span class='tr'>HTML Anchor Tag</span> <span class='tr'>The HTML anchor element is used to create a link to a resource (another web page, a file, etc.) or to a specific place within a web page. The anchor tag is written like this:</span> <span class='tr'><a></span> <span class='tr'>The HREF Attribute</span> <span class='tr'><a href= page</a></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/37/HTML+HTML+Anchor+Tag..jpg", "name": "HTML HTML Anchor Tag.", "description": "The HTML anchor element is used to create a link to a resource (another web page, a file, etc.) or to a specific place within a web page. The anchor tag is written like this: <a> The HREF Attribute. <a href= page</a> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/37/HTML+HTML+Anchor+Tag..jpg" width="800" align="left" alt="HTML HTML Anchor Tag." title="The HTML anchor element is used to create a link to a resource (another web page, a file, etc.) or to a specific place within a web page. The anchor tag is written like this: <a> The HREF Attribute. <a href= page</a> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/38/HTML+For+example%2C+suppose+you+want+to+link+to+a+page+you+ve+saved+with+the+name+of+MyPage.html.+You+d+code+it+like+this%3A.jpg" target="_blank" title="HTML For example, suppose you want to link to a page you ve saved with the name of MyPage.html. You d code it like this:" > 38 </a> </span> <span>HTML</span> <span class='tr'>For example, suppose you want to link to a page you've saved with the name of MyPage.html. You'd code it like this:</span> <span class='tr'><a href="MyPage.html">My Page</a></span> <span class='tr'>The NAME Attribute</span> <span class='tr'>The name attribute allows an anchor tag to be used to point to a specific place on a web page.</span> <span class='tr'>You might link from the bottom of a long page to the top of the page</span> <span class='tr'>The syntax for using the name attribute is like this:</span> <span class='tr'><a name="top"></a> or...</span> <span class='tr'><a name="top">Some text</a></span> <span class='tr'>You can leave out the text between the "a" tags or use them to surround some text.</span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/38/HTML+For+example%2C+suppose+you+want+to+link+to+a+page+you+ve+saved+with+the+name+of+MyPage.html.+You+d+code+it+like+this%3A.jpg", "name": "HTML For example, suppose you want to link to a page you ve saved with the name of MyPage.html. You d code it like this:", "description": "<a href= MyPage.html >My Page</a> The NAME Attribute. The name attribute allows an anchor tag to be used to point to a specific place on a web page. You might link from the bottom of a long page to the top of the page. The syntax for using the name attribute is like this: <a name= top ></a> or... <a name= top >Some text</a> You can leave out the text between the a tags or use them to surround some text. popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/38/HTML+For+example%2C+suppose+you+want+to+link+to+a+page+you+ve+saved+with+the+name+of+MyPage.html.+You+d+code+it+like+this%3A.jpg" width="800" align="left" alt="HTML For example, suppose you want to link to a page you ve saved with the name of MyPage.html. You d code it like this:" title="<a href= MyPage.html >My Page</a> The NAME Attribute. The name attribute allows an anchor tag to be used to point to a specific place on a web page. You might link from the bottom of a long page to the top of the page. The syntax for using the name attribute is like this: <a name= top ></a> or... <a name= top >Some text</a> You can leave out the text between the a tags or use them to surround some text. popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/39/HTML+to+link+to+that+named+anchor.jpg" target="_blank" title="HTML to link to that named anchor" > 39 </a> </span> <strong>HTML to link to that named anchor</strong><br><span class='tr'><a href="#top">go top</a></span> <span class='tr'>As you can see, it's simply a hash mark (#) in front of the actual anchor name.</span> <span class='tr'>The hash mark tells the browser the link is on the current page.</span> <span class='tr'>You can also link to a named anchor on another page.</span> <span class='tr'>The syntax for that is:</span> <span class='tr'><a href="AnotherPage.html#name">Link Text</a></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/39/HTML+to+link+to+that+named+anchor.jpg", "name": "HTML to link to that named anchor", "description": "<a href= #top >go top</a> As you can see, it s simply a hash mark (#) in front of the actual anchor name. The hash mark tells the browser the link is on the current page. You can also link to a named anchor on another page. The syntax for that is: <a href= AnotherPage.html#name >Link Text</a> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/39/HTML+to+link+to+that+named+anchor.jpg" width="800" align="left" alt="HTML to link to that named anchor" title="<a href= #top >go top</a> As you can see, it s simply a hash mark (#) in front of the actual anchor name. The hash mark tells the browser the link is on the current page. You can also link to a named anchor on another page. The syntax for that is: <a href= AnotherPage.html#name >Link Text</a> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/40/HTML+The+TARGET+Attribute.jpg" target="_blank" title="HTML The TARGET Attribute" > 40 </a> </span> <strong>HTML The TARGET Attribute</strong><br><span class='tr'>The target attribute allows you to determine where the link will open.</span> <span class='tr'>With a framed site, it allows you to target a link to a specific frame.</span> <span class='tr'><a href=" target="_blank">Link Text</a></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/40/HTML+The+TARGET+Attribute.jpg", "name": "HTML The TARGET Attribute", "description": "The target attribute allows you to determine where the link will open. With a framed site, it allows you to target a link to a specific frame. <a href= target= _blank >Link Text</a> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/40/HTML+The+TARGET+Attribute.jpg" width="800" align="left" alt="HTML The TARGET Attribute" title="The target attribute allows you to determine where the link will open. With a framed site, it allows you to target a link to a specific frame. <a href= target= _blank >Link Text</a> popo."> </noscript> <br /></p> <p class="uk-text-justify uk-nbfc uk-margin "> <span class="uk-badge uk-margin-small-right"> <a class="image_link uk-text-large uk-margin-small-left uk-margin-small-right" href="//slideplayer.com/slide/3384655/17/images/41/HTML.jpg" target="_blank" title="HTML" > 41 </a> </span> <span>HTML</span> <span class='tr'>HTML Comments Comments can be hidden in your HTML source code. You can also hide a whole block of code or content by marking it out using an HTML comment. A comment is written like this: <!-- This is a comment. --></span> <span class='tr'>popo</span> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "ImageObject", "contentUrl": "https://slideplayer.com/slide/3384655/17/images/41/HTML.jpg", "name": "HTML", "description": "HTML Comments Comments can be hidden in your HTML source code. You can also hide a whole block of code or content by marking it out using an HTML comment. A comment is written like this: <!-- This is a comment. --> popo.", "width": "800" } </script> <noscript> <img src="//slideplayer.com/slide/3384655/17/images/41/HTML.jpg" width="800" align="left" alt="HTML" title="HTML Comments Comments can be hidden in your HTML source code. You can also hide a whole block of code or content by marking it out using an HTML comment. A comment is written like this: <!-- This is a comment. --> popo."> </noscript> <br /></p> </div> <hr class="uk-article-divider"> <div class="uk-article"> <div id="place_16" class="ads uk-text-center"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-6133583279631137" data-ad-slot="3264078819" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script></div> <div class="uk-article uk-margin-top"> <a href="javascript:;" id="download_pres_btn" data-toggle="modal" data-target="#download-modal" class="uk-margin">Download ppt "HTML popo."</a> <!-- <a href="javascript:document.getElementById('download_form_2').submit();" class="uk-margin">--><!--</a>--> </div> <div id="bottom-line" class="uk-margin"></div> </div> </div> </div> </div> <div class="uk-width-small-1-1 uk-width-medium-4-4 uk-width-large-3-10 right-sidebar"> <div class="similar-sidebar uk-margin-bottom uk-margin-top uk-panel uk-panel-box uk-panel-box-secondary uk-margin"> <h3 class="tm-text-dark"> <span class="uk-icon-list uk-margin-small-right"></span>Similar presentations </h3> <hr class="uk-article-divider"> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/1/240911/big_thumb.jpg" title="Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.>" alt="Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML."> <a href="/slide/240911/" title="Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Introduction to Web Design Lecture number:. Todays Aim: Introduction to Web-designing and how its done. Modelling websites in HTML.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/5/1513675/big_thumb.jpg" title="Session 2 Introduction to HyperText Markup Language 4 (HTML 4) Matakuliah: M0114/Web Based Programming Tahun: 2005 Versi: 5.>" alt="Session 2 Introduction to HyperText Markup Language 4 (HTML 4) Matakuliah: M0114/Web Based Programming Tahun: 2005 Versi: 5."> <a href="/slide/1513675/" title="Session 2 Introduction to HyperText Markup Language 4 (HTML 4) Matakuliah: M0114/Web Based Programming Tahun: 2005 Versi: 5.>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Session 2 Introduction to HyperText Markup Language 4 (HTML 4) Matakuliah: M0114/Web Based Programming Tahun: 2005 Versi: 5.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/8/2335282/big_thumb.jpg" title="HTML popo.>" alt="HTML popo."> <a href="/slide/2335282/" title="HTML popo.>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>HTML popo.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/9/2500187/big_thumb.jpg" title="CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.>" alt="CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute."> <a href="/slide/2500187/" title="CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>CREATED BY : VIRAL M.KORADIYA. Anchor elements are defined by the element. The element accepts several attributes, but either the Name or HREF attribute.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/9/2598114/big_thumb.jpg" title="Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.>" alt="Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1."> <a href="/slide/2598114/" title="Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Internet Services and Web Authoring (CSET 226) Lecture # 5 HyperText Markup Language (HTML) 1.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/17/3384222/big_thumb.jpg" title="HTML: HyperText Markup Language Hello World Welcome to the world!>" alt="HTML: HyperText Markup Language Hello World Welcome to the world!"> <a href="/slide/3384222/" title="HTML: HyperText Markup Language Hello World Welcome to the world!>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>HTML: HyperText Markup Language Hello World Welcome to the world!</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/12/3385498/big_thumb.jpg" title="INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.>" alt="INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking."> <a href="/slide/3385498/" title="INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>INTRODUCTION TO HYPERTEXT MARKUP LANGUAGE 1. Outline  Introduction  Markup Languages  Editing HTML  Common Tags  Headers  Text Styling  Linking.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/12/3427748/big_thumb.jpg" title="Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.>" alt="Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a."> <a href="/slide/3427748/" title="Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Cascading Style Sheets. CSS stands for Cascading Style Sheets and is a simple styling language which allows attaching style to HTML elements. CSS is a.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/14/4455689/big_thumb.jpg" title="Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.>" alt="Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer."> <a href="/slide/4455689/" title="Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Chapter 4 Marking Up With Html: A Hypertext Markup Language Primer.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/15/4786543/big_thumb.jpg" title="1 Outline 9.1Introduction 9.2Markup Languages 9.3Editing HTML 9.4Common Tags 9.5Headers 9.6Text Styling 9.7Linking 9.8Images 9.9Formatting Text With 9.10Special.>" alt="1 Outline 9.1Introduction 9.2Markup Languages 9.3Editing HTML 9.4Common Tags 9.5Headers 9.6Text Styling 9.7Linking 9.8Images 9.9Formatting Text With 9.10Special."> <a href="/slide/4786543/" title="1 Outline 9.1Introduction 9.2Markup Languages 9.3Editing HTML 9.4Common Tags 9.5Headers 9.6Text Styling 9.7Linking 9.8Images 9.9Formatting Text With 9.10Special.>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>1 Outline 9.1Introduction 9.2Markup Languages 9.3Editing HTML 9.4Common Tags 9.5Headers 9.6Text Styling 9.7Linking 9.8Images 9.9Formatting Text With 9.10Special.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/15/4793922/big_thumb.jpg" title=" 2001 Deitel & Associates, Inc. All rights reserved. 1 Outline 9.1Introduction 9.2Markup Languages 9.3Editing HTML 9.4Common Tags 9.5Headers 9.6Text Styling.>" alt=" 2001 Deitel & Associates, Inc. All rights reserved. 1 Outline 9.1Introduction 9.2Markup Languages 9.3Editing HTML 9.4Common Tags 9.5Headers 9.6Text Styling."> <a href="/slide/4793922/" title=" 2001 Deitel & Associates, Inc. All rights reserved. 1 Outline 9.1Introduction 9.2Markup Languages 9.3Editing HTML 9.4Common Tags 9.5Headers 9.6Text Styling.>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p> 2001 Deitel & Associates, Inc. All rights reserved. 1 Outline 9.1Introduction 9.2Markup Languages 9.3Editing HTML 9.4Common Tags 9.5Headers 9.6Text Styling.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/16/5156102/big_thumb.jpg" title=" 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.>" alt=" 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML."> <a href="/slide/5156102/" title=" 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p> 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/16/5223136/big_thumb.jpg" title="Marking Up With Html: A Hypertext Markup Language Primer>" alt="Marking Up With Html: A Hypertext Markup Language Primer"> <a href="/slide/5223136/" title="Marking Up With Html: A Hypertext Markup Language Primer>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Marking Up With Html: A Hypertext Markup Language Primer</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/19/5837671/big_thumb.jpg" title="HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.>" alt="HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample."> <a href="/slide/5837671/" title="HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>HTML: PART ONE. Creating an HTML Document  It is a good idea to plan out a web page before you start coding  Draw a planning sketch or create a sample.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/19/5837673/big_thumb.jpg" title="HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation>" alt="HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation"> <a href="/slide/5837673/" title="HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/19/5910064/big_thumb.jpg" title="Basic HTML tags Beginning Web Site Design Stanford University Continuing Studies CS 03>" alt="Basic HTML tags Beginning Web Site Design Stanford University Continuing Studies CS 03"> <a href="/slide/5910064/" title="Basic HTML tags Beginning Web Site Design Stanford University Continuing Studies CS 03>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>Basic HTML tags Beginning Web Site Design Stanford University Continuing Studies CS 03</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/20/6026467/big_thumb.jpg" title="HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.>" alt="HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed."> <a href="/slide/6026467/" title="HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>HTML Tags. Objectives Know the commonly used HTML tags Create a simple webpage using the HTML tags that will be discussed.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/18/6176157/big_thumb.jpg" title="ULI101: XHTML Basics (Part III) Introduction to XHTML / Continued … Block-Level vs. Inline Elements (tags) Manipulating Text,  , Text Characteristics,,,,,,,,,,,,,,,>" alt="ULI101: XHTML Basics (Part III) Introduction to XHTML / Continued … Block-Level vs. Inline Elements (tags) Manipulating Text,  , Text Characteristics,,,,,,,,,,,,,,,"> <a href="/slide/6176157/" title="ULI101: XHTML Basics (Part III) Introduction to XHTML / Continued … Block-Level vs. Inline Elements (tags) Manipulating Text,  , Text Characteristics,,,,,,,,,,,,,,,>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>ULI101: XHTML Basics (Part III) Introduction to XHTML / Continued … Block-Level vs. Inline Elements (tags) Manipulating Text, &nbsp, Text Characteristics,,,,,,,,,,,,,,,</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/20/6216889/big_thumb.jpg" title="CpSc 462/662: Database Management Systems (DBMS) (TEXNH Approach) HTML Basics James Wang.>" alt="CpSc 462/662: Database Management Systems (DBMS) (TEXNH Approach) HTML Basics James Wang."> <a href="/slide/6216889/" title="CpSc 462/662: Database Management Systems (DBMS) (TEXNH Approach) HTML Basics James Wang.>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>CpSc 462/662: Database Management Systems (DBMS) (TEXNH Approach) HTML Basics James Wang.</p> </div> </a> </div> </div> </div> <div class="sidebar-item"> <div class="similar-wrapper"> <div class="uk-overlay uk-margin-bottom"> <img src="/20/6221681/big_thumb.jpg" title="CS105 Introduction to Computer Concepts HTML>" alt="CS105 Introduction to Computer Concepts HTML"> <a href="/slide/6221681/" title="CS105 Introduction to Computer Concepts HTML>" class="uk-overlay-area"> <div class="uk-overlay-area-content"> <p>CS105 Introduction to Computer Concepts HTML</p> </div> </a> </div> </div> </div> <script> var moreSimilarSlides =[" <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/20\/6222036\/big_thumb.jpg\" title=\"Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.>\" alt=\"Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.\">\n <a href=\"\/slide\/6222036\/\" title=\"Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Presenting Information on WWW using HTML. Presenting Information on the Web with HTML How Web sites are organized and implemented A brief introduction.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/22\/6335735\/big_thumb.jpg\" title=\"Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.>\" alt=\"Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.\">\n <a href=\"\/slide\/6335735\/\" title=\"Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Chapter 4 Fluency with Information Technology L. Snyder Marking Up With HTML: A Hypertext Markup Language Primer.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/22\/6335842\/big_thumb.jpg\" title=\"Copyright \u00a9 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Fluency with Information Technology Third Edition by Lawrence Snyder Chapter.>\" alt=\"Copyright \u00a9 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Fluency with Information Technology Third Edition by Lawrence Snyder Chapter.\">\n <a href=\"\/slide\/6335842\/\" title=\"Copyright \u00a9 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Fluency with Information Technology Third Edition by Lawrence Snyder Chapter.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Copyright \u00a9 2008 Pearson Education, Inc. Publishing as Pearson Addison-Wesley Fluency with Information Technology Third Edition by Lawrence Snyder Chapter.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/22\/6347569\/big_thumb.jpg\" title=\"Chapter 2: The Client Side: HTML CIS 275\u2014Web Application Development for Business I.>\" alt=\"Chapter 2: The Client Side: HTML CIS 275\u2014Web Application Development for Business I.\">\n <a href=\"\/slide\/6347569\/\" title=\"Chapter 2: The Client Side: HTML CIS 275\u2014Web Application Development for Business I.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Chapter 2: The Client Side: HTML CIS 275\u2014Web Application Development for Business I.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/23\/6879165\/big_thumb.jpg\" title=\"HTML HTML stands for Hyper Text Mark-up Language\u201c. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.>\" alt=\"HTML HTML stands for Hyper Text Mark-up Language\u201c. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.\">\n <a href=\"\/slide\/6879165\/\" title=\"HTML HTML stands for Hyper Text Mark-up Language\u201c. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>HTML HTML stands for "Hyper Text Mark-up Language\u201c. Technically, HTML is not a programming language, but rather a markup language. Used to create web pages.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/24\/7020987\/big_thumb.jpg\" title=\"HTML (HyperText Markup Language)>\" alt=\"HTML (HyperText Markup Language)\">\n <a href=\"\/slide\/7020987\/\" title=\"HTML (HyperText Markup Language)>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>HTML (HyperText Markup Language)<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/24\/7389570\/big_thumb.jpg\" title=\"Dr. Nuha El-KhaliliInternet Programming (102 340) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C>\" alt=\"Dr. Nuha El-KhaliliInternet Programming (102 340) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C\">\n <a href=\"\/slide\/7389570\/\" title=\"Dr. Nuha El-KhaliliInternet Programming (102 340) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Dr. Nuha El-KhaliliInternet Programming ( ) HTML Hyper Text Markup Language The language of web pages Maintained by the W3C<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/24\/7389584\/big_thumb.jpg\" title=\"Chapter 4: Hypertext Markup Language Primer TECH1010-02 Prof. Jeff Cheng.>\" alt=\"Chapter 4: Hypertext Markup Language Primer TECH1010-02 Prof. Jeff Cheng.\">\n <a href=\"\/slide\/7389584\/\" title=\"Chapter 4: Hypertext Markup Language Primer TECH1010-02 Prof. Jeff Cheng.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Chapter 4: Hypertext Markup Language Primer TECH Prof. Jeff Cheng.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/24\/7389601\/big_thumb.jpg\" title=\"Understanding HTML Code>\" alt=\"Understanding HTML Code\">\n <a href=\"\/slide\/7389601\/\" title=\"Understanding HTML Code>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Understanding HTML Code<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/24\/7389659\/big_thumb.jpg\" title=\"\uf0a7 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web \uf0a7 HTML is composed of tags. HTML tags.>\" alt=\"\uf0a7 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web \uf0a7 HTML is composed of tags. HTML tags.\">\n <a href=\"\/slide\/7389659\/\" title=\"\uf0a7 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web \uf0a7 HTML is composed of tags. HTML tags.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>\uf0a7 HTML stands for Hyper Text Mark-up Language. The coding language used to create documents for the World Wide Web \uf0a7 HTML is composed of tags. HTML tags.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/24\/7400008\/big_thumb.jpg\" title=\"1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.>\" alt=\"1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.\">\n <a href=\"\/slide\/7400008\/\" title=\"1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>1 CSC 121 Computers and Scientific Thinking David Reed Creighton University HTML and Web Pages.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/24\/7400009\/big_thumb.jpg\" title=\"More Basic HTML. Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features Add alignments.>\" alt=\"More Basic HTML. Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features Add alignments.\">\n <a href=\"\/slide\/7400009\/\" title=\"More Basic HTML. Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features Add alignments.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>More Basic HTML. Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features Add alignments.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/24\/7400054\/big_thumb.jpg\" title=\"DHTML AND JAVASCRIPT Genetic Computer School 2008 2-1 LESSON 2 HTML TAGS G H E F.>\" alt=\"DHTML AND JAVASCRIPT Genetic Computer School 2008 2-1 LESSON 2 HTML TAGS G H E F.\">\n <a href=\"\/slide\/7400054\/\" title=\"DHTML AND JAVASCRIPT Genetic Computer School 2008 2-1 LESSON 2 HTML TAGS G H E F.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>DHTML AND JAVASCRIPT Genetic Computer School LESSON 2 HTML TAGS G H E F.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/24\/7400066\/big_thumb.jpg\" title=\"1 HTML \u0645\u062d\u0645\u062f \u0627\u062d\u0645\u062f\u06cc \u0646\u06cc\u0627 2 Of 43 What is HTML? \uf0a7 HTML stands for Hyper Text Markup Language \uf0a7 HTML is not a programming language, it.>\" alt=\"1 HTML \u0645\u062d\u0645\u062f \u0627\u062d\u0645\u062f\u06cc \u0646\u06cc\u0627 2 Of 43 What is HTML? \uf0a7 HTML stands for Hyper Text Markup Language \uf0a7 HTML is not a programming language, it.\">\n <a href=\"\/slide\/7400066\/\" title=\"1 HTML \u0645\u062d\u0645\u062f \u0627\u062d\u0645\u062f\u06cc \u0646\u06cc\u0627 2 Of 43 What is HTML? \uf0a7 HTML stands for Hyper Text Markup Language \uf0a7 HTML is not a programming language, it.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>1 HTML \u0645\u062d\u0645\u062f \u0627\u062d\u0645\u062f\u06cc \u0646\u06cc\u0627 2 Of 43 What is HTML? \uf0a7 HTML stands for Hyper Text Markup Language \uf0a7 HTML is not a programming language, it.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/24\/7400140\/big_thumb.jpg\" title=\"15.2 More Basic HTML. More Basic HTML Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features.>\" alt=\"15.2 More Basic HTML. More Basic HTML Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features.\">\n <a href=\"\/slide\/7400140\/\" title=\"15.2 More Basic HTML. More Basic HTML Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>15.2 More Basic HTML. More Basic HTML Add spacing (single & double space) Save Refresh Add horizontal rule Add comments Add styles Add headings Add features.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/24\/7453022\/big_thumb.jpg\" title=\"Getting Started with HTML Please use speaker notes for additional information!>\" alt=\"Getting Started with HTML Please use speaker notes for additional information!\">\n <a href=\"\/slide\/7453022\/\" title=\"Getting Started with HTML Please use speaker notes for additional information!>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Getting Started with HTML Please use speaker notes for additional information!<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/25\/7767689\/big_thumb.jpg\" title=\"CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.>\" alt=\"CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.\">\n <a href=\"\/slide\/7767689\/\" title=\"CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>CS105 INTRODUCTION TO COMPUTER CONCEPTS HTML Instructor: Cuong (Charlie) Pham.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/33\/8193470\/big_thumb.jpg\" title=\"4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.>\" alt=\"4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.\">\n <a href=\"\/slide\/8193470\/\" title=\"4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>4 Chapter Four Introduction to HTML. 4 Chapter Objectives Learn basic HTML commands Discover how to display graphic image objects in Web pages Create.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/25\/8193492\/big_thumb.jpg\" title=\"Introduction to HTML Xiangming Mu 9\/23\/2004. 2 Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.>\" alt=\"Introduction to HTML Xiangming Mu 9\/23\/2004. 2 Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.\">\n <a href=\"\/slide\/8193492\/\" title=\"Introduction to HTML Xiangming Mu 9\/23\/2004. 2 Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Introduction to HTML Xiangming Mu 9\/23\/ Learning Objectives Understand basic HTML tags and their attributes Learn to create a simple HTML page.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/33\/8218838\/big_thumb.jpg\" title=\"Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.>\" alt=\"Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.\">\n <a href=\"\/slide\/8218838\/\" title=\"Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Chapter 2 Web Page Design Mr. Gironda. Elements of a Web Page These are things that most web pages use.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/26\/8771514\/big_thumb.jpg\" title=\"HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.>\" alt=\"HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.\">\n <a href=\"\/slide\/8771514\/\" title=\"HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>HTML Basics Computers. What is an HTML file? *HTML is a format that tells a computer how to display a web page. The documents themselves are plain text.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/27\/8978585\/big_thumb.jpg\" title=\"CSE 409 \u2013 Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.>\" alt=\"CSE 409 \u2013 Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.\">\n <a href=\"\/slide\/8978585\/\" title=\"CSE 409 \u2013 Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>CSE 409 \u2013 Advanced Internet Technology 1 DISCUSSION OF BASIC HTML TAGS.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/27\/9173399\/big_thumb.jpg\" title=\"HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.>\" alt=\"HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.\">\n <a href=\"\/slide\/9173399\/\" title=\"HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>HTML Basics. HTML Coding HTML Hypertext markup language The code used to create web pages.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/27\/9224194\/big_thumb.jpg\" title=\"Basic HTML. So, what exactly is HTML? HTML stands for: HTML stands for: Hypertext Markup Language. It is a purpose built markup language for the delivery.>\" alt=\"Basic HTML. So, what exactly is HTML? HTML stands for: HTML stands for: Hypertext Markup Language. It is a purpose built markup language for the delivery.\">\n <a href=\"\/slide\/9224194\/\" title=\"Basic HTML. So, what exactly is HTML? HTML stands for: HTML stands for: Hypertext Markup Language. It is a purpose built markup language for the delivery.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Basic HTML. So, what exactly is HTML? HTML stands for: HTML stands for: Hypertext Markup Language. It is a purpose built markup language for the delivery.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/28\/9376448\/big_thumb.jpg\" title=\"WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.>\" alt=\"WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.\">\n <a href=\"\/slide\/9376448\/\" title=\"WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>WEEK -1 ACM 262 ACM 262 Course Notes. HTML What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/29\/9448858\/big_thumb.jpg\" title=\"HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: \u2026 \u2026>\" alt=\"HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: \u2026 \u2026\">\n <a href=\"\/slide\/9448858\/\" title=\"HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: \u2026 \u2026>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: \u2026 \u2026<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/30\/9545781\/big_thumb.jpg\" title=\"Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.>\" alt=\"Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.\">\n <a href=\"\/slide\/9545781\/\" title=\"Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Basic HTML Programming Technology Education Ellsworth Community Middle School Communication Systems.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/31\/9615364\/big_thumb.jpg\" title=\"What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup.>\" alt=\"What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup.\">\n <a href=\"\/slide\/9615364\/\" title=\"What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is not a programming language, it is a markup.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/31\/9786223\/big_thumb.jpg\" title=\"Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring 2016 1.>\" alt=\"Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring 2016 1.\">\n <a href=\"\/slide\/9786223\/\" title=\"Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring 2016 1.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/32\/9889467\/big_thumb.jpg\" title=\"1 Introduction to HTML. 2 Definitions \uf0a7 W W W \u2013 World Wide Web. \uf0a7 HTML \u2013 HyperText Markup Language \u2013 The Language of Web Pages on the World Wide Web.>\" alt=\"1 Introduction to HTML. 2 Definitions \uf0a7 W W W \u2013 World Wide Web. \uf0a7 HTML \u2013 HyperText Markup Language \u2013 The Language of Web Pages on the World Wide Web.\">\n <a href=\"\/slide\/9889467\/\" title=\"1 Introduction to HTML. 2 Definitions \uf0a7 W W W \u2013 World Wide Web. \uf0a7 HTML \u2013 HyperText Markup Language \u2013 The Language of Web Pages on the World Wide Web.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>1 Introduction to HTML. 2 Definitions \uf0a7 W W W \u2013 World Wide Web. \uf0a7 HTML \u2013 HyperText Markup Language \u2013 The Language of Web Pages on the World Wide Web.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/32\/9889479\/big_thumb.jpg\" title=\"Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring 2016 1.>\" alt=\"Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring 2016 1.\">\n <a href=\"\/slide\/9889479\/\" title=\"Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring 2016 1.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/32\/10001241\/big_thumb.jpg\" title=\"HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.>\" alt=\"HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.\">\n <a href=\"\/slide\/10001241\/\" title=\"HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/33\/10113789\/big_thumb.jpg\" title=\"1 HTML. 2 Full forms WWW \u2013 world Wide Web HTTP \u2013 Hyper Text Transfer Protocol HTML \u2013 Hyper Text Markup Language.>\" alt=\"1 HTML. 2 Full forms WWW \u2013 world Wide Web HTTP \u2013 Hyper Text Transfer Protocol HTML \u2013 Hyper Text Markup Language.\">\n <a href=\"\/slide\/10113789\/\" title=\"1 HTML. 2 Full forms WWW \u2013 world Wide Web HTTP \u2013 Hyper Text Transfer Protocol HTML \u2013 Hyper Text Markup Language.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>1 HTML. 2 Full forms WWW \u2013 world Wide Web HTTP \u2013 Hyper Text Transfer Protocol HTML \u2013 Hyper Text Markup Language.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/35\/10399660\/big_thumb.jpg\" title=\"1 Foundation of HTML Web Page Design. 2 Safe Web Fonts: Used by most computers regardless of environment or platform \uf0a1 Times New Roman \uf0a1 Arial \uf0a1 Courier.>\" alt=\"1 Foundation of HTML Web Page Design. 2 Safe Web Fonts: Used by most computers regardless of environment or platform \uf0a1 Times New Roman \uf0a1 Arial \uf0a1 Courier.\">\n <a href=\"\/slide\/10399660\/\" title=\"1 Foundation of HTML Web Page Design. 2 Safe Web Fonts: Used by most computers regardless of environment or platform \uf0a1 Times New Roman \uf0a1 Arial \uf0a1 Courier.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>1 Foundation of HTML Web Page Design. 2 Safe Web Fonts: Used by most computers regardless of environment or platform \uf0a1 Times New Roman \uf0a1 Arial \uf0a1 Courier.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/35\/10414300\/big_thumb.jpg\" title=\"Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.>\" alt=\"Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.\">\n <a href=\"\/slide\/10414300\/\" title=\"Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Chapter 4 HTML Tags. HTML is written in something called tags. Tags come in pairs, an opening one and a closing one. The first pair of tags we'll write.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/36\/10600261\/big_thumb.jpg\" title=\"HTML AN INTRODUCTION TO WEB PAGE PROGRAMMING. INTRODUCTION TO HTML With HTML you can create your own Web site. HTML stands for Hyper Text Markup Language.>\" alt=\"HTML AN INTRODUCTION TO WEB PAGE PROGRAMMING. INTRODUCTION TO HTML With HTML you can create your own Web site. HTML stands for Hyper Text Markup Language.\">\n <a href=\"\/slide\/10600261\/\" title=\"HTML AN INTRODUCTION TO WEB PAGE PROGRAMMING. INTRODUCTION TO HTML With HTML you can create your own Web site. HTML stands for Hyper Text Markup Language.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>HTML AN INTRODUCTION TO WEB PAGE PROGRAMMING. INTRODUCTION TO HTML With HTML you can create your own Web site. HTML stands for Hyper Text Markup Language.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/47\/11749973\/big_thumb.jpg\" title=\"Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.>\" alt=\"Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.\">\n <a href=\"\/slide\/11749973\/\" title=\"Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Lesson 5. XHTML Tags, Attributes and Structure XHTML Basic Structure head and body titles Paragraph headings comments Document Presentation Manipulating.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/76\/12641564\/big_thumb.jpg\" title=\"HTML Basics.>\" alt=\"HTML Basics.\">\n <a href=\"\/slide\/12641564\/\" title=\"HTML Basics.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>HTML Basics.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/78\/12889436\/big_thumb.jpg\" title=\"LAB Work 01 MBA 61062: E-Commerce>\" alt=\"LAB Work 01 MBA 61062: E-Commerce\">\n <a href=\"\/slide\/12889436\/\" title=\"LAB Work 01 MBA 61062: E-Commerce>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>LAB Work 01 MBA 61062: E-Commerce<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/79\/12959011\/big_thumb.jpg\" title=\"Marking Up with XHTML Tags describe how a web page should look>\" alt=\"Marking Up with XHTML Tags describe how a web page should look\">\n <a href=\"\/slide\/12959011\/\" title=\"Marking Up with XHTML Tags describe how a web page should look>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Marking Up with XHTML Tags describe how a web page should look<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/86\/14037393\/big_thumb.jpg\" title=\"HTML (HyperText Markup Language)>\" alt=\"HTML (HyperText Markup Language)\">\n <a href=\"\/slide\/14037393\/\" title=\"HTML (HyperText Markup Language)>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>HTML (HyperText Markup Language)<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/89\/14251916\/big_thumb.jpg\" title=\"Programming for webpages>\" alt=\"Programming for webpages\">\n <a href=\"\/slide\/14251916\/\" title=\"Programming for webpages>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Programming for webpages<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/90\/14698457\/big_thumb.jpg\" title=\"Computers and Scientific Thinking David Reed, Creighton University>\" alt=\"Computers and Scientific Thinking David Reed, Creighton University\">\n <a href=\"\/slide\/14698457\/\" title=\"Computers and Scientific Thinking David Reed, Creighton University>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Computers and Scientific Thinking David Reed, Creighton University<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/91\/15010462\/big_thumb.jpg\" title=\"Marking Up with XHTML Tags describe how a web page should look>\" alt=\"Marking Up with XHTML Tags describe how a web page should look\">\n <a href=\"\/slide\/15010462\/\" title=\"Marking Up with XHTML Tags describe how a web page should look>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Marking Up with XHTML Tags describe how a web page should look<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/91\/15017156\/big_thumb.jpg\" title=\"Marking Up with XHTML Tags describe how a web page should look>\" alt=\"Marking Up with XHTML Tags describe how a web page should look\">\n <a href=\"\/slide\/15017156\/\" title=\"Marking Up with XHTML Tags describe how a web page should look>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Marking Up with XHTML Tags describe how a web page should look<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/88\/16097972\/big_thumb.jpg\" title=\"Introduction to HTML.>\" alt=\"Introduction to HTML.\">\n <a href=\"\/slide\/16097972\/\" title=\"Introduction to HTML.>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Introduction to HTML.<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/95\/16312248\/big_thumb.jpg\" title=\"Marking Up with XHTML Tags describe how a web page should look>\" alt=\"Marking Up with XHTML Tags describe how a web page should look\">\n <a href=\"\/slide\/16312248\/\" title=\"Marking Up with XHTML Tags describe how a web page should look>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Marking Up with XHTML Tags describe how a web page should look<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/96\/16526977\/big_thumb.jpg\" title=\"Marking Up with XHTML Tags describe how a web page should look>\" alt=\"Marking Up with XHTML Tags describe how a web page should look\">\n <a href=\"\/slide\/16526977\/\" title=\"Marking Up with XHTML Tags describe how a web page should look>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Marking Up with XHTML Tags describe how a web page should look<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"," <div class=\"sidebar-item\">\n <div class=\"similar-wrapper\">\n <div class=\"uk-overlay uk-margin-bottom\">\n <img src=\"\/101\/17430208\/big_thumb.jpg\" title=\"Marking Up with XHTML Tags describe how a web page should look>\" alt=\"Marking Up with XHTML Tags describe how a web page should look\">\n <a href=\"\/slide\/17430208\/\" title=\"Marking Up with XHTML Tags describe how a web page should look>\" class=\"uk-overlay-area\">\n <div class=\"uk-overlay-area-content\">\n <p>Marking Up with XHTML Tags describe how a web page should look<\/p>\n <\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>"]; </script> </div> </div> <div class="uk-width-4-4" id="bot-similar-bl"> <div class="uk-margin-bottom uk-panel uk-panel-box uk-panel-box-secondary"> <div id="bottom-similars" class="uk-grid"> <div class="heading uk-margin-bottom"> <p class="tm-text-dark uk-h3"> <span class="uk-icon-list uk-margin-small-right"></span>Similar presentations </p> <hr> </div> </div> </div> </div> </div> </div> </div> </section> </div><!-- .assets --> <script type="text/javascript"> var embed_template = '<div style="width:{width}px"> <strong style="display:block;margin:12px 0 4px"><a href="'+(document.location.toString().replace(/(\?|\#).*$/, ''))+'" title="HTML popo." target="_blank">HTML popo.</a></strong><iframe src="https://player.slideplayer.com/17/3384655/" width="{width}" height="{height}" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC;border-width:1px 1px 0" allowfullscreen></iframe><div style="padding:5px 0 12px"></div></div>'; </script> <div id="footer" class="tm-container tm-dark"> <div class="uk-container uk-container-center"> <div class="uk-navbar"> <div class="uk-navbar-nav"> <div class="uk-float-right uk-margin uk-margin-large-left" id="about-project"> <h5 class="uk-margin-remove">About project</h5> <a href="/support/project/" class="uk-text-small">SlidePlayer</a><br> <a href="/support/terms/" class="uk-text-small">Terms of Service</a> </div> <div class="uk-float-right uk-margin uk-margin-large-left" id="about-project"> <a href="/support/ccpa/" class="uk-text-small">Do Not Sell<br>My Personal <br> Information</a> </div> <div class="uk-float-right uk-margin uk-margin-large-left"> <h5 class="uk-margin-remove">Feedback</h5> <a href="/support/privacy/" class="uk-text-small">Privacy Policy</a><br> <a href="/support/feedback/" class="uk-text-small">Feedback</a> </div> <div class="uk-float-left copyright"> <p class="uk-text-small uk-margin-top">© 2020 SlidePlayer.com Inc. <br />All rights reserved.</p> </div> </div> <div class="uk-navbar-flip"> <div class="uk-navbar-nav"> <div class="uk-navbar-content"> <form method="get" action="/search/" id="search_form_bottom" class="search_form uk-form uk-margin-top uk-display-inline-block"> <input type="text" required="required" name="q" id="search_query_bottom" value="" placeholder="Search..." autocomplete="off" class="tm-form-width-footer"> <button class="uk-button uk-button-primary">Search</button> </form> </div> </div> </div> </div> <div id="footer_height_for_cookie_msg" style="height:5em; visibility: hidden;"><!--height for cookie banner on bottom of page --></div> </div> </div> <div id="cookie_msg" style="z-index:99999; background-color: #ededed; border-top: 1px #dddddd solid; width: 100%; position: fixed;bottom: 0;padding: 3px; padding-right: 40px ;text-align: center;left:0; font-size: 11px; line-height: 1.2em"> To make this website work, we log user data and share it with processors. To use this website, you must agree to our <a href="/support/privacy/" target="_blank">Privacy Policy</a>, including cookie policy. <button href="#" type="submit" onclick="accept_cookie_msg();return false;" class="uk-button uk-button-mini">I agree.</button>     </div> <script> function accept_cookie_msg() { document.cookie = "cookie_msg_viewed_v2=1;max-age=15768000;path=/"; hide_cookie_msg(); } function hide_cookie_msg() { var cb = document.getElementById('cookie_msg'); if (cb) { cb.parentElement.removeChild(cb); } var fcb = document.getElementById('footer_height_for_cookie_msg'); if (fcb) { fcb.parentElement.removeChild(fcb); } } (function () { var get_cookie = function (name) { var matches = document.cookie.match(new RegExp("(?:^|; )" + name.replace(/([\.$?*|{}\(\)\[\]\\\/\+^])/g, '\\$1') + "=([^;]*)")); return matches ? decodeURIComponent(matches[1]) : undefined }, cookie_msg_viewed = get_cookie('cookie_msg_viewed_v2'), eea_country = (function () { var c = get_cookie('country'); return typeof(c)==='undefined'|| c.length !== 2 ||c === "EU" || c === "VA" || c === "GF" || c === "GP" || c === "MQ" || c === "ME" || c === "YT" || c === "RE" || c === "MF" || c === "GI" || c === "AX" || c === "PM" || c === "GL" || c === "BL" || c === "SX" || c === "AW" || c === "CW" || c === "WF" || c === "PF" || c === "NC" || c === "TF" || c === "AI" || c === "BM" || c === "IO" || c === "VG" || c === "KY" || c === "FK" || c === "MS" || c === "PN" || c === "SH" || c === "GS" || c === "TC" || c === "AD" || c === "LI" || c === "MC" || c === "SM" || c === "VA" || c === "JE" || c === "GG" || c === "GI" || c === "GB" || c === "SE" || c === "ES" || c === "SI" || c === "SK" || c === "RO" || c === "PT" || c === "PL" || c === "NL" || c === "MT" || c === "LU" || c === "LT" || c === "LV" || c === "IT" || c === "IE" || c === "HU" || c === "GR" || c === "DE" || c === "FR" || c === "FI" || c === "EE" || c === "DK" || c === "CZ" || c === "CY" || c === "HR" || c === "BG" || c === "BE" || c === "AT" || c === "IS" || c === "LI" || c === "NO" })(); if (cookie_msg_viewed || eea_country === false) { hide_cookie_msg(); } })(); </script> <div id="ads_text">Ads by Google</div> <!--<script src="/static/js/--><!--/total_blue.js" type="text/javascript"></script>--> <script> function loadScript(url, callback) { var head; if (typeof(document.getElementsByTagName)!='undefined' && document.getElementsByTagName('head') && document.getElementsByTagName('head')[0]) { head = document.getElementsByTagName('head')[0]; } else { if (typeof(setTimeout)=='undefined') { window.onerror("setTimeout is undefined on function loadScript", '[system]'); callback(2, url); return; } setTimeout(function() { loadScript(url, callback); }, 100); return; } var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; if (typeof(callback)!='undefined' && typeof(script.onload)!='undefined') { script.onload = function() { callback(0, url); }; } if (typeof(script.async)!='undefined') { script.async = true; } if (typeof(callback)!='undefined' && typeof(script.onerror)!='undefined') { script.onerror = function(){ callback(1, url); }; } head.appendChild(script); } window.onerror = function (msg, file, line, column, errorObj) { var u = 'undefined'; if (typeof(file) == u) { return; } if (file != '[system]') { if (!file || msg == "Script error." || msg == 'Script error') { return; } if (typeof(file.indexOf) != u && file.indexOf(document.domain) == -1) { return; } if (typeof(file.substr) != u && file.substr(0, 4) != 'http') { return; } if (typeof(file.substring) != u && file.substring(0, 4) != 'http') { return; } } var data = { 'url' : document.location.toString(), 'page_id' : '2', 'design_id':3, 'l' : navigator.language, 'p' : navigator.platform }; if (typeof(msg) != u) { if (typeof(errorObj) != u && typeof(errorObj.stack) != u) { msg += ' ' + errorObj.stack; } data.msg = msg; } if (typeof(file) !== u) { data.file = file; } if (typeof(line) !== u) { data.line = line; } if (typeof(column) !== u) { data.column = column; } if (typeof(page_data) !== u && page_data.req_id) { data.req_id = page_data.req_id; } if (typeof(page_data) !== u && page_data.rev) { data.rev = page_data.rev; } var img = new Image(), uri = ''; for (var index in data) { uri += index + '=' + encodeURIComponent(data[index]) + '&'; } img.src = '//slideplayer.com/cache/' + Math.random() + '/report/pixel.gif?type=js_error&domain_id=1&' + uri; } var u = 'undefined'; if (typeof(JSON)==u || typeof(JSON.stringify)==u) { document.write('<scr'+'ipt src="//slideplayer.com/static/js/json.js" type="text/javascript"><'+'/'+'s'+'cript>'); } if (typeof(Object.keys)==u || typeof(Object.toString)==u || typeof(String.prototype.indexOf)==u || navigator.userAgent.toString().match(/(MSIE|Opera|Firefox\/3\.|Edge|Trident|Chrome\/1\d+\.|OPR\/[123]|WOW64|NokiaBrowser)/i) || navigator.platform.toString().match(/(Win32|Linux armv7l)/)) { document.write('<scr'+'ipt src="//slideplayer.com/cloud/js/es5-shim.js" type="text/javascript"><'+'/'+'s'+'cript>'); } var page_data = {"page_id":2,"domain_id":1,"design_id":3,"rev":"3e32","window_load":0,"host":"slideplayer.com","mapper_key":"d01e61b0901f5"}; page_data.req_id = Math.abs(Math.round(Math.random() * 9007199254740990)); page_data.is_bot = 0; page_data.window_id = (function () { var i, w=0, rw = 0, b, wins = {"1": [0, 800], "5": [801, 1200], "11": [1201, 1300], "12": [1301, 20000]}; var xScroll, yScroll, pageHeight, pageWidth; if (window.innerHeight && window.scrollMaxY) { xScroll = document.body.scrollWidth; yScroll = window.innerHeight + window.scrollMaxY; } else if (document.body.scrollHeight > document.body.offsetHeight){ xScroll = document.body.scrollWidth; yScroll = document.body.scrollHeight; } else if (document.documentElement && document.documentElement.scrollHeight > document.documentElement.offsetHeight){ xScroll = document.documentElement.scrollWidth; yScroll = document.documentElement.scrollHeight; } else { if (typeof(document.body.offsetWidth)=='undefined' || typeof(document.body.offsetHeight)=='undefined') { xScroll = 0; yScroll = 0; } else { xScroll = document.body.offsetWidth; yScroll = document.body.offsetHeight; } } var windowWidth, windowHeight; if (self.innerHeight) { windowWidth = self.innerWidth; windowHeight = self.innerHeight; } else if (document.documentElement && document.documentElement.clientHeight) { windowWidth = document.documentElement.clientWidth; windowHeight = document.documentElement.clientHeight; } else if (document.body) { windowWidth = document.body.clientWidth; windowHeight = document.body.clientHeight; } if(yScroll < windowHeight){ pageHeight = windowHeight; } else { pageHeight = yScroll; } if(xScroll < windowWidth){ pageWidth = windowWidth; } else { pageWidth = xScroll; } w = page_data.pageWidth = pageWidth; page_data.pageHeight = pageHeight; if (w > 1300) { return 12; } for (i=1; i<12; i++) { if (wins.hasOwnProperty(i)) { b = wins[i]; if (w >= b[0] && w <= b[1]) { rw = i; } } } return rw; }()); if (typeof(setTimeout)==u || typeof(window.setTimeout)==u || ! navigator.userAgent || ! navigator.platform) { window.onerror('user bot detected???', '[system]'); page_data.is_bot = 1; } else { (function(){ var img = new Image(); img.src = '//slideplayer.com/cache/'+Math.random()+'/report/pixel.gif?type=pageview&domain_id=1&page_id=2&design_id=3&l='+encodeURIComponent(navigator.language)+'&p='+encodeURIComponent(navigator.platform)+'&req_id='+page_data.req_id+'&url='+encodeURIComponent(document.location); }()); } var js_loader = { counter_loading_scripts : 0, object_load_script : function(obj, urls_stack, callback) { var first_url = urls_stack[0]; // if (! callback) { // js_loader.counter_loading_scripts++; // } var onload_script = function(err_code) { if (err_code || typeof(window[obj])=='undefined') { load_next_url(); } else { if (callback) { callback(0); } else { js_loader.counter_loading_scripts--; js_loader.onload(); } } }; var load_next_url = function() { var url = urls_stack.splice(0,1)[0]; if (typeof(url)=='undefined' || ! url) { //window.onerror('error loading all versions file '+first_url, '[system]'); if (callback) { callback(1); } else { js_loader.counter_loading_scripts--; js_loader.onload(); } } else { window.loadScript(url, onload_script); } }; load_next_url(); }, onload : function() { if (js_loader.counter_loading_scripts > 0) { return; } if (typeof(window.on_load_jquery)!='undefined' && window.on_load_jquery) { window.on_load_jquery(); } else { window.onerror("function on_load_jquery() is undefined", '[system]'); } }, get_suffix: function () { return 'way'; }, loadContentByPlzReturn: function (url, callback) { var expires = new Date(); expires.setSeconds(expires.getSeconds() + 5); document.cookie = 'plz_return=' + url + '; expires=' + expires.toUTCString() + "; domain=." + document.domain.toString().replace(/^www\./i, '') + '; path=' + window.location.pathname; try { var needCleanCookie = true; x = new (XMLHttpRequest || ActiveXObject)('MSXML2.XMLHTTP.3.0'); x.open('POST', window.location, 1); x.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); x.setRequestHeader('Content-type', 'application/x-www-form-urlencoded'); x.onreadystatechange = function () { if (needCleanCookie && x.readyState > 1) { needCleanCookie = false; document.cookie = "plz_return=133" + "; expires=Thu, 01 Jan 1970 00:00:01 GMT" + "; domain=." + document.domain.toString().replace(/^www\./i, '') + '; path= ' + window.location.pathname; } x.readyState > 3 && callback && callback(x.responseText, x); }; x.send([]); } catch (e) { console.log(e); } }, loadScript: function (urlPostfix) { if (page_data.page_id > 0 && !page_data.is_bot) { var d = new Date(), h = d.getHours(), day = d.getDate(), m = d.getMonth(); var surls = [], uriRealPart = '/1_' + page_data.window_id + '_2_3' + urlPostfix; surls.push('//slideplayer.com/static/' + js_loader.get_suffix() + '/' + day + '' + h + uriRealPart + '.js'); surls.push('//slideplayer.com/static/' + js_loader.get_suffix() + '/10' + uriRealPart + '.js'); js_loader.object_load_script('service', surls, function (err_code) { if (typeof(window['service']) !== 'undefined' && window['service'].show_after_load) { window['service'].show_after_load(); } else { if (urlPostfix === '') { uriRealPart += '_b'; window.force_service_mode = 1; } js_loader.loadContentByPlzReturn( '/static/' + js_loader.get_suffix() + '/00042' + uriRealPart + '.js' , function (responseText, xhr) { if (xhr.status !== 200) { window.onerror("bad xhr status: " + xhr.status + ' for ' + uriRealPart + '.js', '[system]'); } var script_code = document.createElement('script'); script_code.type = 'text/javascript'; script_code.text = responseText + '\n service.show_after_load();'; document.body.appendChild(script_code); }); } }); } }, init : function() { js_loader.counter_loading_scripts = 2; js_loader.object_load_script('jQuery', ['/static/blue_design/js/vendor/jquery-1.11.1.min.js', '//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js', '//ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.js']); js_loader.object_load_script('on_load_jquery', ['//slideplayer.com/static/js/3e32/total_blue.js']); } }; js_loader.init(); </script> </body> </html>