动态网页设计DreamweaverCS3ASPNET张德芬动态网页设计课件第3章节HTML语言基础

动态网页设计DreamweaverCS3ASPNET张德芬动态网页设计课件第3章节HTML语言基础

ID:45017531

大小:4.43 MB

页数:68页

时间:2019-11-07

动态网页设计DreamweaverCS3ASPNET张德芬动态网页设计课件第3章节HTML语言基础_第1页
动态网页设计DreamweaverCS3ASPNET张德芬动态网页设计课件第3章节HTML语言基础_第2页
动态网页设计DreamweaverCS3ASPNET张德芬动态网页设计课件第3章节HTML语言基础_第3页
动态网页设计DreamweaverCS3ASPNET张德芬动态网页设计课件第3章节HTML语言基础_第4页
动态网页设计DreamweaverCS3ASPNET张德芬动态网页设计课件第3章节HTML语言基础_第5页
资源描述:

《动态网页设计DreamweaverCS3ASPNET张德芬动态网页设计课件第3章节HTML语言基础》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、主编张德芬 副主编邓之宏中国水利水电出版社第3章HTML语言基础第3章HTML语言基础3.4任务实现3.3静态网页基础3.2HTML语言3.1任务概述3.5任务实现2021/7/163尚辅网http://shangfuwang.com/本章要点HTML语言的基本概念静态网页和动态网页的区别HTML的文件结构HTML中的主要标记2021/7/164尚辅网http://shangfuwang.com/3.1任务概述:设计乘法表静态页面和用户注册静态页面HTML是网页设计的基础,本章将介绍HTML文件的结构和常用HTML标

2、签的使用方法。通过本章的学习,我们将完成两个静态页面的设计:乘法表页面和用户注册页面。2021/7/165尚辅网http://shangfuwang.com/3.2HTML语言3.2.1静态页面和动态页面1、静态网页(1)概况:纯粹HTML格式的网页,也就是以.htm、.html、.shtml、.xml等为后缀的。在HTML格式的网页上,也可以出现各种动态的效果,如.GIF格式的动画、FLASH、滚动字幕等,这些“动态效果”只是视觉上的,存在这些“动态效果”的HTML页面,仍然是静态网页。(2)特点:①静态网页是事先

3、编写好的。每个静态网页的内容都是保存在网站服务器上不变的;②静态网页的内容相对稳定,因此容易被搜索引擎检索;③静态网页没有数据库的支持,在网站制作和维护方面工作量较大;④静态网页的交互性较差,在功能方面有较大的限制。2021/7/166尚辅网http://shangfuwang.com/3.2HTML语言3.2.1静态页面和动态页面2、动态网页(1)概况:动态网页不仅具有HTML标记,而且含有程序代码,用数据库连接的网页。常见的动态网页是以.asp、.aspx、.jsp、.php等形式为后缀。(2)特点:①动态网页的

4、页面内容是在服务器上运行后生成的,不是事先编写好的;②动态网页常常以数据库技术为基础;③动态网页的交互性较好,采用动态网页技术的网站可以实现更多的功能,如用户注册、用户登录。2021/7/167尚辅网http://shangfuwang.com/3.2HTML语言3.2.2标记1、标记的概念标记是HTML中用于描述功能的符号。如“”、“”、“

”等。标记常由起始标记和结束标记组成,如........。起始标记一般必须和结束标记配对使用。有些标记可以省略结束

5、标记如:
等标记可以嵌套。例:

这是不正确的代码
标记的大小写作用相同。标记在使用中必须用一对尖括号“<>”括起来,而且标记名与小于号之间不能留有空白字符。2021/7/168尚辅网http://shangfuwang.com/3.2HTML语言3.2.2标记2、标记的属性在开始标记中,往往用一些属性进一步描述标记的功能。如:段落标记

,它的语法格式是:

6、center

7、right"class="type">上面

8、的代码说明

标记有两个属性,即“align”和“class”,其中“align”用于定义段落的位置是靠左、靠右还是居中。默认值是靠左。而“class”则是定义所属的类型。在实际应用时当然可以没有“align”和“class”参数,而是按照默认情况显示。HTML中标记的属性值加或不加西文引号,浏览器都能接受。在Dreamweaver中自动生成的HTML代码中,属性值都是有引号的。本书采用有引号的写法。如以下语句使段落内容居中:段落内容居中示例

2021/7/169尚辅网htt

9、p://shangfuwang.com/3.2HTML语言3.2.2标记3、常见的HTML标记(1)...标记一个HTML文件,无论是简单的还是复杂的,都是以开头,以结尾。2021/7/1610尚辅网http://shangfuwang.com/3.2HTML语言3.2.2标记3、常见的HTML标记(2)...标记和构成了HTML文件的开头部分,在此标记对之间可以使用...

10、pt>...等标记对,描述网页标题或者其他不在网页上显示的某些信息。2021/7/1611尚辅网http://shangfuwang.com/3.2HTML语言3.2.2标记3、常见的HTML标记(3)...标记标记用于设置浏览器窗口标题栏中纤细的文本信息,这些信息一般是网页主题。2</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="45017531" data-code="438274" data-title="动态网页设计DreamweaverCS3ASPNET张德芬动态网页设计课件第3章节HTML语言基础"> <span>侵权申诉</span> </a> <button type="button" class="btn btn-outline-secondary with-light ml-2" data-toggle="modal" data-target="#reportModal" data-id="45017531"><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">68</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="45017531" data-price="1000" data-size="4.43 MB" data-page="68页" data-type="ppt" data-binddown="true" data-isold="new_content" data-vip="0" data-title="动态网页设计DreamweaverCS3ASPNET张德芬动态网页设计课件第3章节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="45017531" data-price="1000" data-size="4.43 MB" data-page="68页" data-type="ppt" data-binddown="true" data-isold="new_content" data-vip="0" data-title="动态网页设计DreamweaverCS3ASPNET张德芬动态网页设计课件第3章节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-45017531.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="45017531"><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=动态网页设计DreamweaverCS3ASPNET张德芬动态网页设计课件第3章节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-871723.html" title="基于html语言的动态网页制作" target="_blank"><span class="text-danger">基</span>于ht<span class="text-danger">m</span>l<span class="text-danger">语</span><span class="text-danger">言</span>的<span class="text-danger">动</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-12283978.html" title="基于html语言的动态网页制作" target="_blank"><span class="text-danger">基</span>于ht<span class="text-danger">m</span>l<span class="text-danger">语</span><span class="text-danger">言</span>的<span class="text-danger">动</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-ppt" href="/p-39361511.html" title="网页设计语言Html" target="_blank"><span class="text-danger">网</span><span class="text-danger">页</span><span class="text-danger">设</span><span class="text-danger">计</span><span class="text-danger">语</span><span class="text-danger">言</span><span class="text-danger">H</span>t<span class="text-danger">m</span>l</a> </li> <li class=""> <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-39632679.html" title="网页设计语言Html" target="_blank"><span class="text-danger">网</span><span class="text-danger">页</span><span class="text-danger">设</span><span class="text-danger">计</span><span class="text-danger">语</span><span class="text-danger">言</span><span class="text-danger">H</span>t<span class="text-danger">m</span>l</a> </li> <li class=""> <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-45017522.html" title="动态网页设计DreamweaverCS3ASPNET张德芬动态网页设计课件第1章节网站规划与设计" target="_blank"><span class="text-danger">动</span><span class="text-danger">态</span><span class="text-danger">网</span><span class="text-danger">页</span><span class="text-danger">设</span><span class="text-danger">计</span><span class="text-danger">D</span><span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span><span class="text-danger">C</span><span class="text-danger">S</span><span class="text-danger">3</span><span class="text-danger">A</span><span class="text-danger">S</span><span class="text-danger">P</span><span class="text-danger">N</span><span class="text-danger">E</span><span class="text-danger">T</span><span class="text-danger">张</span><span class="text-danger">德</span><span class="text-danger">芬</span><span class="text-danger">动</span><span class="text-danger">态</span><span class="text-danger">网</span><span class="text-danger">页</span><span class="text-danger">设</span><span class="text-danger">计</span><span class="text-danger">课</span><span class="text-danger">件</span><span class="text-danger">第</span>1<span class="text-danger">章</span><span class="text-danger">节</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-ppt" href="/p-45017573.html" title="动态网页设计DreamweaverCS3ASPNET张德芬动态网页设计课件第2章节搭建ASPNET开发和运行环境" target="_blank"><span class="text-danger">动</span><span class="text-danger">态</span><span class="text-danger">网</span><span class="text-danger">页</span><span class="text-danger">设</span><span class="text-danger">计</span><span class="text-danger">D</span><span class="text-danger">r</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">m</span><span class="text-danger">w</span><span class="text-danger">e</span><span class="text-danger">a</span><span class="text-danger">v</span><span class="text-danger">e</span><span class="text-danger">r</span><span class="text-danger">C</span><span class="text-danger">S</span><span class="text-danger">3</span><span class="text-danger">A</span><span class="text-danger">S</span><span class="text-danger">P</span><span class="text-danger">N</span><span class="text-danger">E</span><span class="text-danger">T</span><span class="text-danger">张</span><span class="text-danger">德</span><span class="text-danger">芬</span><span class="text-danger">动</span><span class="text-danger">态</span><span class="text-danger">网</span><span class="text-danger">页</span><span class="text-danger">设</span><span class="text-danger">计</span><span class="text-danger">课</span><span class="text-danger">件</span><span class="text-danger">第</span>2<span class="text-danger">章</span><span class="text-danger">节</span>搭建<span class="text-danger">A</span><span class="text-danger">S</span><span class="text-danger">P</span><span class="text-danger">N</span><span class="text-danger">E</span><span class="text-danger">T</span>开发和运行环境</a> </li> <li class=""> <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-50037264.html" title="ASP.NET动态网页设计 教学课件 作者 张德芬 第7章.ppt" target="_blank"><span class="text-danger">A</span><span class="text-danger">S</span><span class="text-danger">P</span>.<span class="text-danger">N</span><span class="text-danger">E</span><span class="text-danger">T</span><span class="text-danger">动</span><span class="text-danger">态</span><span class="text-danger">网</span><span class="text-danger">页</span><span class="text-danger">设</span><span class="text-danger">计</span>教学<span class="text-danger">课</span><span class="text-danger">件</span>作者<span class="text-danger">张</span><span class="text-danger">德</span><span class="text-danger">芬</span><span class="text-danger">第</span>7<span class="text-danger">章</span>.ppt</a> </li> <li class=""> <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-50037271.html" title="ASP.NET动态网页设计 教学课件 作者 张德芬 第8章.ppt" target="_blank"><span class="text-danger">A</span><span class="text-danger">S</span><span class="text-danger">P</span>.<span class="text-danger">N</span><span class="text-danger">E</span><span class="text-danger">T</span><span class="text-danger">动</span><span class="text-danger">态</span><span class="text-danger">网</span><span class="text-danger">页</span><span class="text-danger">设</span><span class="text-danger">计</span>教学<span class="text-danger">课</span><span class="text-danger">件</span>作者<span class="text-danger">张</span><span class="text-danger">德</span><span class="text-danger">芬</span><span class="text-danger">第</span>8<span class="text-danger">章</span>.ppt</a> </li> <li class=""> <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-50315386.html" title="ASP.NET动态网页设计 教学课件 作者 张德芬 第5章.ppt" target="_blank"><span class="text-danger">A</span><span class="text-danger">S</span><span class="text-danger">P</span>.<span class="text-danger">N</span><span class="text-danger">E</span><span class="text-danger">T</span><span class="text-danger">动</span><span class="text-danger">态</span><span class="text-danger">网</span><span class="text-danger">页</span><span class="text-danger">设</span><span class="text-danger">计</span>教学<span class="text-danger">课</span><span class="text-danger">件</span>作者<span class="text-danger">张</span><span class="text-danger">德</span><span class="text-danger">芬</span><span class="text-danger">第</span>5<span class="text-danger">章</span>.ppt</a> </li> <li class=""> <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-50315391.html" title="ASP.NET动态网页设计 教学课件 作者 张德芬 第3章.ppt" target="_blank"><span class="text-danger">A</span><span class="text-danger">S</span><span class="text-danger">P</span>.<span class="text-danger">N</span><span class="text-danger">E</span><span class="text-danger">T</span><span class="text-danger">动</span><span class="text-danger">态</span><span class="text-danger">网</span><span class="text-danger">页</span><span class="text-danger">设</span><span class="text-danger">计</span>教学<span class="text-danger">课</span><span class="text-danger">件</span>作者<span class="text-danger">张</span><span class="text-danger">德</span><span class="text-danger">芬</span><span class="text-danger">第</span><span class="text-danger">3</span><span class="text-danger">章</span>.ppt</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/542567/" target="_blank">网页</a> <a class="search-tag" href="/tags/540189/" target="_blank">动态</a> <a class="search-tag" href="/tags/553356/" target="_blank">张德芬</a> <a class="search-tag" href="/tags/540013/" target="_blank">课件</a> <a class="search-tag" href="/tags/540104/" target="_blank">设计</a> <a class="search-tag" href="/tags/1205381/" target="_blank">章节</a> <a class="search-tag" href="/tags/555254/" target="_blank">语言</a> <a class="search-tag" href="/tags/540091/" 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-07 10:52:30 --> </body> </html>