1<!DOCTYPE html> 2<html lang="en-US"> 3<head> 4 <meta charset="utf-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> 6 <meta name="viewport" content="width=device-width, initial-scale=1"> 7 <link rel="icon" type="image/png" href="https://weaver.tips/site/themes/weavertips/img/favicon.png"> 8 9 10 <title>span | Weaver Tips</title> 11<meta name="description" content="The best tips for working with RapidWeaver" /> 12<meta property="og:type" content="website" /> 13<meta property="og:title" content="span" /> 14<meta property="og:description" content="The best tips for working with RapidWeaver" /> 15<meta property="og:url" content="https://weaver.tips/tag/span" /> 16<meta property="og:site_name" content="Weaver Tips" /> 17<meta property="og:locale" content="en_US" /> 18 19<meta name="twitter:card" content="summary" /> 20<meta name="twitter:title" content="span" /> 21<meta name="twitter:description" content="The best tips for working with RapidWeaver" /> 22 23<link href="https://weaver.tips/" rel="home" /> 24<link href="https://weaver.tips/tag/span" rel="canonical" /> 25<link type="text/plain" rel="author" href="https://weaver.tips/humans.txt" /> 26 27 <link rel="alternate" type="application/rss+xml" href="/rss" title="Weaver Tips"> 28 29 30 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto"> 31 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/styles/github.min.css"> 32 33 <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous"> 34 <link rel="stylesheet" href="https://weaver.tips/site/themes/weavertips/css/tipped.css" /> 35 <link rel="stylesheet" href="https://weaver.tips/site/themes/weavertips/css/weavertips.css" /> 36</head> 37<body> 38 39 <div class="blog-masthead"> 40 <div class="container"> 41 <nav class="nav blog-nav"> 42 43 <a class="navbar-brand" href="/"> 44 <img src="https://weaver.tips/site/themes/weavertips/img/favicon.png" alt="Weaver Tips"> 45 </a> 46 47 <a href="/" class="nav-link ">Tips</a> 48 49 <a href="/about" class="nav-link ">About</a> 50 <a href="/submissions" class="nav-link ">Submissions</a> 51 52 53 <form action="/search" method="GET" class="form-search form-inline float-xs-right hidden-sm-down"> 54 <input class="form-control" type="text" placeholder="Search" name="q"> 55 <button class="btn btn-outline-primary" type="submit">Search</button> 56</form> 57 58 </nav> 59 </div> 60</div> 61 62 <div class="blog-header"> 63 <div class="container"> 64 <h1 class="blog-title">Weaver Tips</h1> 65 <p class="lead blog-description">The best tips for working with RapidWeaver</p> 66 </div> 67</div> 68 69 <div class="container"> 70 <div class="row"> 71 <div class="col-sm-12"> 72 <h4><strong>Tag: span</strong></h4> 73 <hr> 74 </div> 75</div> 76 77 78 79 <div class="row"> 80 81 <div class="col-sm-4"> 82 <div class="card"> 83 <a href="/use-the-span-tag-to-change-one-or-more-words-to-another-color-or-class"> 84 <div class="text-center sprinkle"> 85 <img 86 class="card-img-top img-fluid center-image fallback-image" 87 src="/assets/general/html-programming-code-book.svg" 88 alt="Use the Span tag to change one or more words to another color or class" 89 /> 90 </div> 91 </a> 92 93 <div class="card-block"> 94 <a href="/use-the-span-tag-to-change-one-or-more-words-to-another-color-or-class"><h4 class="card-title">Use the Span tag to change one or more words to another color or class</h4></a> 95 <p class="card-text"> 96 Maybe you're not an HTML expert, and when you use Rapidweaver, you don't have to be. 97But if you understand one of the very... <a href="/use-the-span-tag-to-change-one-or-more-words-to-another-color-or-class">Read more.</a> 98 </p> 99 100 <a class="tag tag-default badge badge-primary" href="/tag/span">span</a> 101 <a class="tag tag-default badge badge-primary" href="/tag/headers">headers</a> 102 <a class="tag tag-default badge badge-primary" href="/tag/colors">colors</a> 103 <a class="tag tag-default badge badge-primary" href="/tag/styles">styles</a> 104 <a class="tag tag-default badge badge-primary" href="/tag/css">css</a> 105 <a class="tag tag-default badge badge-primary" href="/tag/classe
105s">classes</a> 106 <a class="tag tag-default badge badge-primary" href="/tag/beginner">beginner</a> 107 108 </div> 109 </div> 110</div> 111 112 113 <div class="col-sm-4"> 114 <div class="card card-transparent"> 115 <div class="card-block"> 116
116<script async type="3a6a38882c692d91f9108cb3-text/javascript" src="https://cdn.carbonads.com/carbon.js?serve=CKYILK7W&placement=weavertips" id="_carbonads_js"></script>
116 117 </div> 118 </div> 119</div> 120 121 122 </div> 123 124 125 126<div class="row"> 127 <div class="col-sm-12"> 128 <nav class="blog-pagination"> 129 130 131 132 133 </nav> 134</div> 135</div> 136 137 138 </div> 139 140 <footer class="blog-footer"> 141 <p>Brought to you by <a href="https://www.chillidogsoftware.com">Chillidog Software, Inc.</a> Copyright © 2026 All rights reserved.</p> 142 <p>Subscribe via <a href="/rss">RSS</a> 143 <p>RapidWeaver is a trademark of <a href="https://www.realmacsoftware.com/" target="_blank">Realmac Software</a></p> 144 <p><a href="#">Back to top</a></p> 145</footer> 146 147
147<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous" type="3a6a38882c692d91f9108cb3-text/javascript"></script>
vendor: 1 bytes, line 147
147
148<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous" type="3a6a38882c692d91f9108cb3-text/javascript"></script>
vendor: 1 bytes, line 148
148
149<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous" type="3a6a38882c692d91f9108cb3-text/javascript"></script>
vendor: 1 bytes, line 149
149
150<script src="https://weaver.tips/site/themes/weavertips/js/vendor/ie10-viewport-bug-workaround.js" type="3a6a38882c692d91f9108cb3-text/javascript"></script>
vendor: 1 bytes, line 150
150
151<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.9.0/highlight.min.js" type="3a6a38882c692d91f9108cb3-text/javascript"></script>
vendor: 1 bytes, line 151
151
152<script type="3a6a38882c692d91f9108cb3-text/javascript">hljs.initHighlightingOnLoad();</script>
vendor: 1 bytes, line 152
152
153<script src="https://weaver.tips/site/themes/weavertips/js/tipped.js" type="3a6a38882c692d91f9108cb3-text/javascript"></script>
vendor: 1 bytes, line 153
153
154<script src="https://weaver.tips/site/themes/weavertips/js/weavertips.js" type="3a6a38882c692d91f9108cb3-text/javascript"></script>
154 155
156<script type="3a6a38882c692d91f9108cb3-text/javascript"> 157$(document).ready(function() { 158 $('.contact-form').on('submit', function(e) { 159 e.preventDefault(); 160 161 var form = $(e.target); 162 var consent = document.getElementById('consent'); 163 164 if (! consent.checked) { 165 Tipped.create(consent, 'Please check to submit form').show(consent); 166 167 $(consent).on('change', function() { 168 Tipped.hide(consent); 169 }); 170 171 return; 172 } 173 174 if (! form.attr('busy')) { 175 form.attr('busy', 'true'); 176 177 e.target.submit(); 178 } 179 }); 180}); 181</script>
181 182 183
183<script type="application/ld+json"> 184 { 185 "@context": "http://schema.org", 186 "@type": "WebSite", 187 "url": "https://weaver.tips/", 188 "potentialAction": { 189 "@type": "SearchAction", 190 "target": "https://weaver.tips/search?q={search_term_string}", 191 "query-input": "required name=search_term_string" 192 } 193 } 194 </script>
194 195 196
196<script type="3a6a38882c692d91f9108cb3-text/javascript">
vendor: 374 bytes, lines 196-201
196 197 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 198 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 199 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 200 })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); 201 ga('create', '
201UA-467541-16
vendor: 48 bytes, lines 201-203
201', 'auto'); 202 ga('send', 'pageview'); 203
203</script>
vendor: 145 bytes, lines 203-206
203 204 205 206<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="3a6a38882c692d91f9108cb3-|49" defer></script>
206<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"e819a9868f14416dac6ce16245cb8421","r":1,"spa":2}' crossorigin="anonymous"></script>
206 207</body> 208</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.