HTML语言的基本标签与对应的属性.ppt

HTML语言的基本标签与对应的属性.ppt

ID:52267356

大小:854.51 KB

页数:12页

时间:2020-04-03

HTML语言的基本标签与对应的属性.ppt_第1页
HTML语言的基本标签与对应的属性.ppt_第2页
HTML语言的基本标签与对应的属性.ppt_第3页
HTML语言的基本标签与对应的属性.ppt_第4页
HTML语言的基本标签与对应的属性.ppt_第5页
资源描述:

《HTML语言的基本标签与对应的属性.ppt》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、HTML语言的基本标签 与对应的属性文字段落特殊文字超链接列表HTML文字设置文字是网页设计的基础部分,设置好文字的样式,可以起到事半功倍的效果,通常可以使用两种方法。第1种方法是直接使用HTML标记进行设置,如:使用粗体标记将文本设置为加粗样式。第2种方法是使用css,层叠样式表。HTML定义了6级标题,1-6级,标题文字随级数增大依次减小。

h1的效果

h2的效果

h3的效果

h4的效果

h5的效果
h6的效果
01.html利用align属性可以实现标题文字水平方向

2、左、中、右的对齐方式。align=“left/center/right”02.htmlHTML文字设置设置文字以粗体的方式显示。语法设置文字以斜体显示。语法效果同语法设置文字以上标文本效果显示。语法设置文字以下标文本效果显示。语法设置文字以下划线显示。语法设置文字以删除线显示。语法03.htmlHTML文字设置控制的字体、大小和文字。语法:

3、ize=“文字大小”,color=“颜色值”>…face控制文字使用的字体size控制文字的大小color设置文字颜色HTML段落设置

段落标记,一般情况下在每个段落的前面加上一个

标记可以区分段落,又可以换行。
之后的文字将在下一行显视。


设置水平线。
标记所有包含的内容,将以居中对齐的方式显示在网页中。
标签可以把原文件中的空格,回车,换行,tab键表现出来标记将取消浏览器由于窗口大小变化而换行。在HTML文档中加入<XMP>标记,使标记内的HTML标记不起作用。04.htmlHTML的转</p><p>4、义字符"&quot;<&lt;>&gt;±&plusmn;×&times;&&amp;§&sect;¢&cent;¥&yen;·&middot;€&euro;£&pound;™&trade;&copy&copy05.htmlHTML跑动文<MARQUEE>标记可使文字产生跑动的效果direction文字走动方向bgcolor设置文字背景颜色height设置跑动文字的高度width设置跑动文字的宽度hspace设置文字的水平边距vspace设置文字的上边距behavior设置文字的运动方式scroll/alternate/slideloop设置跑动文字的圈数scrolla</p><p>5、mount设置跑动文字移动速度scrolldelay设置跑动文字移动延时06.htmlHTML超链接超链接是一个网站的重要元素之一,一个网站由多个页面组成,各页面之间是通过超链接来确定相互关系的,每个页面的地址都不同。格式:<A>这是一个连接</A>href设置超链接目标地址URLname在html文档中建立特定位置的名称target设置被链接的网页打开时的窗口_blank/_parent/_self/_topaccesskey设置超链接的快捷键title设置超链接的说明文字style运用css样式设置超链接文字样式07.htmlHTML超链接的锚点是指同一页面中的不同</p><p>6、位置链接。一个网页的内容很长,我们就可以在网页的顶部设置一些锚点,这样便可以方便浏览者点击相应的锚点,到达本页内相应的位置,而不必在一个很长的网页里自行寻找。08.htmlHTML有序列表列表分成三种类型:有序列表、无序列表和自定义列表。有序列表使用编号来记录项目的顺序,无序列表使用项目符号来记录无序的项目,自定义列表它由两个部分组成:定义条件和定义描述。<OLtype="编号样式"start="编号起始值"><LI>项目一</LI><LI>项目二</LI>....</OL>type1阿拉伯数字a英文小写A英文大写i罗马小写数字I罗马大写数字start编号样式的起始数字</p><p>7、,如:编号样式设为A,起始值设置为2,则列表的起始值为Bol.htmlHTML无序列表无序列表标记<UL><LI>项目一</LI><LI>项目二</LI>....</UL>typecircle空心圆disc圆点square正方形ul.htmlHTML自定义列表<DL><DT>无序列表</DT><DD>不以数字为开始,而是使用一个符号作为分项标记的列表。</DD><DT>有序列表</DT><DD>使用数字编号,分项带有顺序性质的列表。</DD><DT>定义列表</DT><DD>用于解释名词的列表,包含了两种层次,一是名词,一是名词的解释。<</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="52267356" data-code="438274" data-title="HTML语言的基本标签与对应的属性.ppt"> <span>侵权申诉</span> </a>
                                            <button type="button" class="btn btn-outline-secondary with-light ml-2" data-toggle="modal" data-target="#reportModal" data-id="52267356"><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">&#xe60b;</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">12</span>
                                                                                            </div>
                                            <a href="javascript:;" class="btn btn-light anchor-next px-2"><i class="iconfont text-muted">&#xe618;</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="52267356" data-price="1500" data-size="854.51 KB" data-page="12页" data-type="ppt" data-binddown="true" data-isold="new_content" data-vip="0" data-title="HTML语言的基本标签与对应的属性.ppt">下载文档</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="52267356" data-price="1500" data-size="854.51 KB" data-page="12页" data-type="ppt" data-binddown="true" data-isold="new_content" data-vip="0" data-title="HTML语言的基本标签与对应的属性.ppt">点击下载本文档
                        </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-52267356.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="52267356"><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语言的基本标签与对应的属性.ppt" target="_blank"  rel="nofollow">更多<i class="iconfont font-12 pl-1">&#xe7c3;</i></a>
                    </div>
                    <ul class="font-14 like-list">
                                                                                        <li class="">
                                        <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-6074225.html" title="html标签与属性大全" target="_blank">h<span class="text-danger">t</span>ml<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-14101132.html" title="html标签属性大全" target="_blank">h<span class="text-danger">t</span>ml<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-14390364.html" title="html标签属性大全" target="_blank">h<span class="text-danger">t</span>ml<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-37054453.html" title="常用的html标签和属性" target="_blank">常用<span class="text-danger">的</span>h<span class="text-danger">t</span>ml<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-39549788.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>具体<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-40846306.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><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></a>
                                    </li>
                                                                        <li class="">
                                        <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-41111181.html" title="《HTML的基本标签》PPT课件" 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><span class="text-danger">标</span><span class="text-danger">签</span>》PP<span class="text-danger">T</span>课件</a>
                                    </li>
                                                                        <li class="">
                                        <a class="text-ellipsis office-icon text-dark office-icon-ppt" href="/p-45088235.html" title="《HTML的基本标签》PPT课件" 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><span class="text-danger">标</span><span class="text-danger">签</span>》PP<span class="text-danger">T</span>课件</a>
                                    </li>
                                                                        <li class="">
                                        <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-53051467.html" title="html-常用的HTML、CSS标签属性.doc" target="_blank">h<span class="text-danger">t</span>ml-常用<span class="text-danger">的</span><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><span class="text-danger">属</span><span class="text-danger">性</span><span class="text-danger">.</span>doc</a>
                                    </li>
                                                                        <li class="">
                                        <a class="text-ellipsis office-icon text-dark office-icon-doc" href="/p-57688238.html" title="HTML标签与属性大全.doc" 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><span class="text-danger">属</span><span class="text-danger">性</span>大全<span class="text-danger">.</span>doc</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/540170/" target="_blank">ppt</a>
                                
                                                                                                                    <a class="search-tag" href="/tags/1191411/" target="_blank">标签</a>
                                
                                                                                                                    <a class="search-tag" href="/tags/540273/" target="_blank">属性</a>
                                
                                                                                                                    <a class="search-tag" href="/tags/1051576/" target="_blank">对应</a>
                                
                                                                                                                    <a class="search-tag" href="/tags/555254/" target="_blank">语言</a>
                                
                                                                                                                    <a class="search-tag" href="/tags/540885/" 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 14:01:02 -->
</body>
</html>