2、"content="这里是页面的说明内容">//charset是设置语言euc-jp是日语.国语是GB2312//refresh刷新时间和链接地址之间用分号间隔,默认情况下跳转时间以秒为单位.网页标题</t</p><p>3、itle>//meta元信息标记不显示在页面中,用来定义页面关键字页面说明刷新等.不需要设置结束标记在一对尖括号内就是一个meta内容,在一个html页面中可以有多个meta元素</head><body>//文档的主体区域网页上要显示的内容都在这个标记内.比如表格图片列表文字段落等网页背景属性等//body标签使用bgcolor属性定义整个网页的背景颜色,属性值是十六进制的颜色值(<bodybgcolor="#FF99FF">)//body标签使用background属性定义背景图片.(<bodybackground="1.</p><p>4、jpeg">)图片地址使用相对路径.图像文件的地址在""里面//body标签的text属性设置文字的颜色.(<bodytext="#9966cc">)文字内容<ahref="http://blog.163.com.cn/rainyxia1111">下雨的博客</a>超链接属性默认下是蓝色,访问过后变成暗红色.可以通过body标签的link属性来设置访问前的超链接的颜色.link属性设置在text文本属性后.(<bodytext="#9966cc">link="#50A625">)(<bodytext="#9966cc">li</p><p>5、nk="#50A625"vlink="#000000">)即link为超链接访问前颜色,vlink为访问后颜色.(<bodytext="#9966cc">link="#50A625"vlink="#000000"alink="FF0000">)alink为正在访问的超链接颜色.//body标签里还可以设置页面与浏览器边框之间的距离包括上边距和左边距,设置上边距的属性是topmargin设置左边距的属性是leftmargin,在默认的情况下,边距的值以像素为单位.也就是说,这两个属性直接指定整数值即可.</body></htm</p><p>6、l>绝对路径就是指对某一个地点的详细描述信息.如果原始文件图片地址消失.会导致背景图地址丢失.相对路径就是某一个物体相对于另外一个物体来说,所存在的位置.(<bodybackground="1.jpeg">)如果index.html是调用者,图片是被调用者.则如果图片和index在同级目录下,则不需要指定图片所在的盘符.也就是说,同级目录下的文件可以直接调用文件名就行了如果图片在index.html的同级目录下的某个文件夹比如jpeg文件夹下.那么代码为(<bodybackground="jepg1.jpeg">)如果图片</p><p>7、在jpeg文件夹下,而index.html被移入一个例如叫html的文件夹下面,那么代码为(<bodybackground="..jepg1.jpeg">)其中..表示在网页文件的上级目录的同级目录下有个jpeg文件夹,在jpeg文件夹里有一个1.jpg的图片文件如果index.html的html文件夹还有一个上级目录那么再在前面加入..相对路径的好处就是不受存储位置的限制,只要把web文件夹移动到任何位置,只要图片和网页文件的目录结构没有变化,路径就没问题.因为我们设置的相对路径都是以网页文件,即调用者为坐标.而不</p><p>8、是以文件所在的盘符为坐标的.这样就不会产生路径错误.文字排版标题字标签例如在<body><h1>标题文字1</h1>//H是英文headline的简称意思是大字标题一共从h1到h6h1最大字也最大h6最小</body>设置标题位置的属性align例如<h1align="">文字<h1>""</p> </div>
<div class="mt-3 bg-white">
<div class="d-lg-block d-none px-3 px-lg-4 py-3 border-bottom text-center font-18"> 当前文档最多预览五页，下载文档查看全文 </div>
<div class="detail-fixed-feature d-none d-lg-block" id="detailFixedFeatureBox">
<div class="px-3 px-lg-4 py-3 d-flex align-items-center justify-content-between fixed-feature-box" id="detailFixedFeature">
<div class="d-lg-flex d-none align-items-center">
<div>
<a class="btn btn-outline-danger article-state" href="javascript:;" data-id="17489445" data-code="438274" data-title="html快速自学笔记"> <span>侵权申诉</span> </a>
<button type="button" class="btn btn-outline-secondary with-light ml-2" data-toggle="modal" data-target="#reportModal" data-id="17489445"><span>举报</span></button>
</div>
<nav class="d-flex align-items-center ml-4" id="anchorPoint">
<a href="javascript:;" class="btn btn-light anchor-pre px-2"><i class="iconfont text-muted"></i></a>
<div class="text-muted mb-0 pre-point-list" id="prePointList">
<a class="px-2 active nav-link" href="#anchorImg0">1</a>
<a class="px-2 nav-link" href="#anchorImg1">1</a>
<a class="px-2 nav-link" href="#anchorImg2">2</a>
<a class="px-2 nav-link" href="#anchorImg3">3</a>
<a class="px-2 nav-link" href="#anchorImg4">4</a>
<a class="px-2 nav-link" href="#anchorImg5">5</a>
/ <span class="px-2" id="prePageNums">23</span>
</div>
<a href="javascript:;" class="btn btn-light anchor-next px-2"><i class="iconfont text-muted"></i></a>
</nav>
</div>
<div class="d-flex align-items-center">
<p class="d-lg-block d-none font-14 text-black-50 mb-0 mr-2">此文档下载收益归作者所有</p>
<button class="btn btn-danger detail-download-btn px-3 ml-0 font-16" data-btn="downloadfile" style="width:128px;height:40px;" data-id="17489445" data-price="2000" data-size="35.84 KB" data-page="23页" data-type="doc" data-binddown="true" data-isold="new_content" data-vip="0" data-title="html快速自学笔记">下载文档</button>
</div>
</div>
</div>
</div>
<div class="d-block d-lg-none px-3 px-lg-4 py-3 border-bottom text-center font-14" style="color:#999">当前文档最多预览五页，下载文档查看全文</div>
<button class="btn d-block w-100 d-lg-none btn-danger detail-download-btn px-3 ml-0 font-16" data-btn="downloadfile" data-id="17489445" data-price="2000" data-size="35.84 KB" data-page="23页" data-type="doc" data-binddown="true" data-isold="new_content" data-vip="0" data-title="html快速自学笔记">点击下载本文档
</button>
</div>
<div class="px-3 px-lg-4 py-3 bg-white mt-3">
<ul class="nav custom-tab border-bottom" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<a class="nav-link active px-0 mr-4 font-16 font-weight-light pb-3" id="tips-tab" data-toggle="tab" href="#showTips" role="tab" aria-controls="showTips" aria-selected="true">版权提示</a>
</li>
<li class="nav-item" role="presentation">
<a class="nav-link px-0 pb-3 font-16 font-weight-light text-black-50" href="/d-17489445.html" >下载文档</a>
</li>
<dl class="flex-grow-1 mb-0 d-lg-none">
<li class="ml-3 float-right d-lg-none">
<button type="button" class="btn btn-light" data-toggle="modal" data-target="#reportModal" data-id="17489445"><span>举报</span></button>
</li>
</dl>
</ul>
<div class="tab-content with-content pt-3" id="myTabContent">
<div class="tab-pane fade show active font-14" id="showTips" role="tabpanel" aria-labelledby="showTips-tab">
温馨提示： <br>
1. 部分包含数学公式或PPT动画的文件，查看预览时可能会显示错乱或异常，文件下载后无此问题，请放心下载。<br>
2. 本文档由用户上传，版权归属用户，天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。<br>
3. 下载前请仔细阅读文档内容，确认文档内容符合您的需求后进行下载，若出现内容与标题不符可向本站投诉处理。<br>
4. 下载文档时可能由于网络波动等原因无法下载或下载错误，付费完成后未能成功下载的用户请联系客服处理。 <br>
</div>
</div>
</div>
</div>
<div class="detail-sidebar d-none d-lg-block">
<div id="columnDetailSiderRight">
<div class="detail-yourlike mt-0 pb-2" id="relativeArticle">
<div class="border-bottom py-2 d-flex align-items-center justify-content-between">
<h5 class="font-16">相关文章</h5>
<a class="font-14 hover-letter-spacing" href="/ucenter/search/index.html?text=html快速自学笔记" target="_blank" rel="nofollow">更多<i class="iconfont font-12 pl-1"></i></a>
</div>
<ul class="font-14 like-list">
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-6355976.html" title="html学习笔记汇总" target="_blank"><span class="text-danger">h</span><span class="text-danger">t</span><span class="text-danger">m</span><span class="text-danger">l</span><span class="text-danger">学</span>习<span class="text-danger">笔</span><span class="text-danger">记</span>汇总</a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-9933128.html" title="网页制作 html笔记" target="_blank">网页制作<span class="text-danger">h</span><span class="text-danger">t</span><span class="text-danger">m</span><span class="text-danger">l</span><span class="text-danger">笔</span><span class="text-danger">记</span></a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-11321241.html" title="网页制作 html笔记" target="_blank">网页制作<span class="text-danger">h</span><span class="text-danger">t</span><span class="text-danger">m</span><span class="text-danger">l</span><span class="text-danger">笔</span><span class="text-danger">记</span></a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-14129679.html" title="html基础学习笔记" target="_blank"><span class="text-danger">h</span><span class="text-danger">t</span><span class="text-danger">m</span><span class="text-danger">l</span>基础<span class="text-danger">学</span>习<span class="text-danger">笔</span><span class="text-danger">记</span></a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-16009441.html" title="html 4.0 语言快速参考" target="_blank"><span class="text-danger">h</span><span class="text-danger">t</span><span class="text-danger">m</span><span class="text-danger">l</span>4.0语言<span class="text-danger">快</span><span class="text-danger">速</span>参考</a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-20823309.html" title="html(4)_html+css+javescript_网页设计自学基础" target="_blank"><span class="text-danger">h</span><span class="text-danger">t</span><span class="text-danger">m</span><span class="text-danger">l</span>(4)_<span class="text-danger">h</span><span class="text-danger">t</span><span class="text-danger">m</span><span class="text-danger">l</span>+css+javescrip<span class="text-danger">t</span>_网页设计<span class="text-danger">自</span><span class="text-danger">学</span>基础</a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-34258088.html" title="韩顺平html笔记" target="_blank">韩顺平<span class="text-danger">h</span><span class="text-danger">t</span><span class="text-danger">m</span><span class="text-danger">l</span><span class="text-danger">笔</span><span class="text-danger">记</span></a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-docx" href="/p-36193446.html" title="html学习笔记" target="_blank"><span class="text-danger">h</span><span class="text-danger">t</span><span class="text-danger">m</span><span class="text-danger">l</span><span class="text-danger">学</span>习<span class="text-danger">笔</span><span class="text-danger">记</span></a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-37918834.html" title="html和CSS笔记" target="_blank"><span class="text-danger">h</span><span class="text-danger">t</span><span class="text-danger">m</span><span class="text-danger">l</span>和CSS<span class="text-danger">笔</span><span class="text-danger">记</span></a>
</li>
<li class="">
<a class="text-ellipsis office-icon text-dark office-icon-pdf" href="/p-38169315.html" title="Html培训笔记" target="_blank">H<span class="text-danger">t</span><span class="text-danger">m</span><span class="text-danger">l</span>培训<span class="text-danger">笔</span><span class="text-danger">记</span></a>
</li>
</ul>
</div>
<div class="detail-yourlike pb-2">
<div class="border-bottom py-2">
<h5 class="font-16">相关标签</h5>
</div>
<ul class="font-14 like-list d-flex flex-wrap">
<a class="search-tag" href="/tags/727510/" target="_blank">自学</a>
<a class="search-tag" href="/tags/1410421/" target="_blank">笔记</a>
<a class="search-tag" href="/tags/1373540/" target="_blank">快速</a>
</ul>
</div>
<script src="/d/js/acmsd/thea1.js"></script>
</div>
</div>
</div>
<footer>
<div class="container d-none d-lg-block mb-4">
<div class="d-flex justify-content-between footer-nav">
<ul class="d-flex foot-nav">
<li>
<h5>常见问题</h5>
<a class=text-decoration-none href=/help/wenti/upload/ target=_blank>
关于上传
</a><a class=text-decoration-none href=/help/wenti/xiazai/ target=_blank>
关于下载
</a><a class=text-decoration-none href=/help/wenti/qinquan/ target=_blank>
关于侵权
</a><a class=text-decoration-none href=/help/wenti/fenxaing/ target=_blank>
分享文档赚钱教程
</a> </li>
<li>
<h5>关于我们</h5>
<a class=text-decoration-none href=/help/about/wzjs/ target=_blank>
网站介绍
</a><a class=text-decoration-none href=/help/about/gywm/ target=_blank>
关于我们
</a><a class=text-decoration-none href=/help/about/lxwm/ target=_blank>
联系我们
</a> </li>
<li>
<h5>版权问题</h5>
<a class=text-decoration-none href=/help/banquan/bqsm/ target=_blank>
版权声明
</a><a class=text-decoration-none href=/help/banquan/qqcl/ target=_blank>
侵权处理
</a><a class=text-decoration-none href=/help/banquan/mzsm/ target=_blank>
免责声明
</a> </li>
<li>
<h5>协议条款</h5>
<a class=text-decoration-none href=/help/xieyi/yhxy/ target=_blank>
用户协议
</a><a class=text-decoration-none href=/help/xieyi/fwtk/ target=_blank>
用户服务条款
</a><a class=text-decoration-none href=/help/xieyi/ysbh/ target=_blank>
用户隐私保护
</a> </li>
<li>
<h5>网站导航</h5>
<a class="text-decoration-none help-nav-item" href="/sitemaps.xml" data-name="网站地图" target="_blank">网站地图</a>
<a class="text-decoration-none help-nav-item" href="/list.html" data-name="全部分类" target="_blank">全部分类</a>
<a class="text-decoration-none help-nav-item" href="/sitemaps/index.html" data-name="资源地图" target="_blank">资源地图</a>
</li>
</ul>
<div class="foot-qrcode d-flex">
<div>
<div class="subsitute-bg"><img src="https://www.wenku365.com/d/file/2022/07-08/f23df57d987ef7ad9acb33fe5abf9854.jpg"></div>
<p>关注公众号<br></p>
</div>
</div>
</div>
</div>
<div class="footer-copyright">
<p><a href="/" target="_blank">天天文库</a>站为“文档C2C交易模式”，即用户上传的文档直接卖给(下载)用户，本站只是中间服务平台，本站所有文档下载所得的收益归上传人(含作者)所有【成交的100%(原创)】。</p>
<p>本站是网络服务平台方，若您的权利被侵害，侵权客服QQ：3074922707 欢迎举报。</p>
<p>Copyright 2004-2021 <a href="https://www.wenku365.com/" target="_blank">wenku365.com</a> All Rights Reserved <a href="https://beian.miit.gov.cn/#/Integrated/index" rel="nofollow" target="_blank">闽ICP备15016911号-5 </a></p>
<p>闽公网安备 <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=35052402000320" rel="nofollow" target="_blank">35052402000320</a></p>
<p> <a href="https://www.wenku365.com/zt.html" target="_blank">专题文集</a>
<a href="https://www.wenku365.com/zt-90007.html" target="_blank">丨职业培训</a>
<a href="https://www.wenku365.com/zt-90005.html" target="_blank">丨实用范文</a>
<a href="https://www.wenku365.com/zt-90010.html" target="_blank">丨商业材料</a>
<a href="https://www.wenku365.com/zt-90013.html" target="_blank">丨合同协议</a>
<a href="https://www.wenku365.com/zt-90009.html" target="_blank">丨PPT专题</a></p>
</div>
</footer>
<script src="//static.wenku365.com/wenku365/js/global.min.js?"></script>
<script src="//static.wenku365.com/wenku365/js/clipboard.min.js?"></script>
<script src="//static.wenku365.com/wenku365/js/jquery.treeview.js?"></script>
<script src="//static.wenku365.com/wenku365/js/jquery.share.min.js?"></script>
<script src="//static.wenku365.com/wenku365/js/common.min.js?"></script>
<script src="//static.wenku365.com/wenku365/js/downloadFile.js?"></script>
<script src="//static.wenku365.com/wenku365/js/loginWindow.js?"></script>
<script src="//static.wenku365.com/wenku365/js/windowRecharge.js?"></script>
<script src="//static.wenku365.com/wenku365/js/viewer.min.js?"></script>
<script src="//static.wenku365.com/wenku365/js/detail.js?"></script>
<!-- 2023-05-06 22:42:36 -->
</body>
</html>
