135-1821-9792

常用的HTML格式、字体标记、连接方法是什么

这篇文章主要介绍了常用的HTML格式、字体标记、连接方法是什么的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇常用的HTML格式、字体标记、连接方法是什么文章都会有所收获,下面我们一起来看看吧。

创新互联建站联系热线:13518219792,为您提供成都网站建设网页设计及定制高端网站建设服务,创新互联建站网页制作领域10余年,包括成都塔吊租赁等多个方面拥有丰富的营销推广经验,选择创新互联建站,为企业保驾护航。

HTML(hypertext markup language,超文本标记语言):是一种用来制作超文本文档的简单标记语言。用于描述网页的格式设计(在网页上定义一个标题、文本或表格等)和它与万维网上其他页面的连接信息。

分为静态网页和动态网页

(1)静态网页:纯HTML格式网页,仅能提供浏览,无法与网站进行互动。在静态网页中,整个网页的主要结构与网页的显示控制必须利用html实现。静态页的扩展名一般问。htm、。html、。shtml、。xml。

静态网页的执行过程:

浏览器向网络中的服务器发出请求,指向某个静态网页服务器接收到请求后,传输给浏览器文本文件浏览器接收到服务器传来的文件后,解析HTML标签,将结果显示出来。

(2)动态网页:网页的内容可以根据某种条件的改变而自动改变。采用动态技术的网页。动态网页的扩展名为。asp、。jsp、。php、。perl、。cgi等扩展名,并且在动态网页网址中有一个标志性的符号“?”

HTML用于描述功能的符号。标记在使用时必须用尖括号括起来。浏览器会对尖括号里面的标记进行解释。html常用的主要标记有、、、<body>。</p><p>标记分为单标记和双标记:</p><p>(1)单标记:只需在尖括号中输入标记名即可,一种单标记表示一种功能,没有范围之分。</p><p>格式:<标记></p><p>如换行标记:<br></p><p>(2)双标记:标记有头有尾,前面标记与后面标识保持一致,后面标记有斜杠。</p><p>格式:<标记>内容</标记></p><p>如段落标记;<p>? </p></p><p><html></html>里面包含头部<head>和内容体<body>。</p><p>(1)表格布局技术:表格布局在过去比较普遍,就是将各种需要的额布局文本、图像素材等放到无边框的表格中,优点是不用担心不同对象之间的影响,缺点是降低网页下载速度。</p><p>(2)CSS(层叠样式表)技术:又称为DIV+CSS布局技术,可以精确定位文本和图片,将数据和格式分开,使网页的数据量大大减少。</p><p>格式:<h#>主题文字</h#></p><p>#是标题字号1-6,数字越大字号越小。</p><p>(1)段落标记</p><p>格式:<p>这里表示段落</p></p><p>段落之间会空一行</p><p>(2)段落中的空格</p><p>格式:“ ”</p><p>(3)强制换行</p><p>格式:<br></p><p>格式:<!--这里放注释--></p><p>粗体格式:<b>粗体,这里显示的是粗体</b></p><p>斜体格式:<i>斜体,这里显示的是斜体</i></p><p>下划线:<u>下划线</u></p><p>删除线:<s>删除线</s></p><p>上标:<sup>上标</sup></p><p>下标:<sub>下标</sub></p><p>格式:<font size="1">要放的文字</font></p><p>关键字size用来表示大小,从1-7的任意一个数字,数字越大,字体也就越大。</p><p>格式:<font?color="red">要放的文字</font></p><p>color后可以接颜色的单词,也可以接RGB颜色值,如color="#cccccc";i</p><p>物理字体:</p><p>逻辑字体:</p><p>(1)换行控制</p><p>注意换行<p>和强制换行<br>的区别</p><p><p>换行中间会空一行,<br>不会空一行</p><p>实例:</p><p>测试效果:</p><p>(2)不换行控制</p><p>格式:<nobr>添加文字</nobr></p><p>该标记中的文字,不会换行,在页面中一行里一直显示下去。</p><p>语法:align="#"</p><p>#可以为left、right、center。</p><p>align需要配合<p></p>等使用。</p><p>如文字右对齐:</p><p>cener可不用align关键字,进行居中处理</p><p>列表分为有序列表和无序列表。有序列表前时有序号的数字;无序列表前是圆圈。</p><p>(1)无序列表</p><p>语法:</p><p>(2)有序列表</p><p>(1)设置文字滚动</p><p>默认格式:<marquee>添加文字</marquee></p><p>默认从右到左,循环滚动。</p><p>(2)设置文字滚动方向</p><p>direction属性设置内容的滚动方向,属性值有left、right、up、down。</p><p><marquee direction>添加文字</marquee></p><p>(3)设置文字滚动的速度和形式</p><p>(1)在网页中插入图像</p><p>格式:<img src="cd.jpg"></p><p>(2)图像无法显示时的提示信息</p><p>格式:<img src="cd.jpg" alt="图片无法正常显示时显示的文字"></p><p>(3)控制图像的大小</p><p>格式:<img src="cd.jpg" width="400px" height="400px"></p><p>格式:<img src="cd.jpg" align="#"></p><p>#为图片与文字对齐的属性设置,可选top right botton left middle</p><p><img src="cd.jpg" border="#px"></p><p>#为边框像素大小</p><p>关于“常用的HTML格式、字体标记、连接方法是什么”这篇文章的内容就介绍到这里,感谢各位的阅读!相信大家对“常用的HTML格式、字体标记、连接方法是什么”知识都有一定的了解,大家如果还想学习更多知识,欢迎关注创新互联行业资讯频道。</p> <br> 当前标题:常用的HTML格式、字体标记、连接方法是什么 <br> 网页URL:<a href="http://kswsj.com/article/gpgjgi.html">http://kswsj.com/article/gpgjgi.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/djches.html">vue入门003~vue项目引入element并创建一个登录页面-创新互联</a> </li><li> <a href="/article/djcpje.html">Zookeeper【下载与安装,基本使用】-创新互联</a> </li><li> <a href="/article/djchii.html">Springboot项目启动时怎么使用命令动态指定环境-创新互联</a> </li><li> <a href="/article/djchcc.html">短链接快速生成方式-创新互联</a> </li><li> <a href="/article/djchdg.html">大数据时代已然到来,王者巅峰,如何再续辉煌?-创新互联</a> </li> </ul> </div> </div> <!-- end #bd --> <div class="c"></div> <!-- begin #fd --> <div id="fd" class="index-fd pr"> <div class="map-bg3"></div> <div class="wp"> <div class="fd-top"> <dl> <dt>关于我们</dt> <dd> <ul class="ul-fd"> <li><a href="http://www.kswsj.com/about#whous">我们是谁</a></li> <li><a href="http://www.kswsj.com/about#ourcus">我们服务的客户</a></li> <li><a href="http://www.kswsj.com/about#ourteam">我们的团队</a></li> </ul> </dd> </dl> <dl> <dt>我们的服务</dt> <dd> <ul class="ul-fd"> <li><a href="http://www.kswsj.com/service#webbuit">网站建设</a></li> <li><a href="http://www.kswsj.com/service#weiweb">H5响应式 交互网站</a></li> <li><a href="http://www.kswsj.com/service#webmobel">移动端 & 微网站定制</a></li> <li><a href="http://www.kswsj.com/service#servweb">服务流程</a></li> <li><a href="http://www.kswsj.com/service#solution">行业解决方案</a></li> </ul> </dd> </dl> <dl> <dt>网站建设案例</dt> <dd> <ul class="ul-fd"> <li><a href="http://www.kswsj.com/case/">公司集团</a></li> <li><a href="http://www.kswsj.com/case/">数码电子科技</a></li> <li><a href="http://www.kswsj.com/case/">建筑与设计</a></li> <li><a href="http://www.kswsj.com/case/">安防门禁</a></li> <li><a href="http://www.kswsj.com/case/">管理咨询美容</a></li> <li><a href="http://www.kswsj.com/case/">外贸行业</a></li> </ul> </dd> </dl> <dl> <dt>新闻动态</dt> <dd> <ul class="ul-fd"> <li><a href="/news/2.html">成都网站建设</a></li><li><a href="/news/3.html">成都网站制作</a></li><li><a href="/news/4.html">成都网站设计</a></li> </ul> </dd> </dl> <dl> <dt>联系我们</dt> <dd class="pr"> <p><a href="http://www.kswsj.com/news/" class="weixin"></a><a href="http://www.kswsj.com/news/" class="sina"></a><span class="weixin-pic"><img src="/Public/Home/pic/ewm.jpg"></span></p> <p><b class="tel">135-1821-9792</b></p> <h5>公司服务热线</h5> </dd> </dl> </div> <div class="link"> 友情链接: <a href="http://www.cxjianzhan.com/mobile/" title="wap网站制作" target="_blank">wap网站制作</a>   <a href="https://www.cdcxhl.com/quanwang.html" title="网络营销推广" target="_blank">网络营销推广</a>   <a href="https://www.cdcxhl.cn/ " title="虚拟主机" target="_blank">虚拟主机</a>   <a href="https://www.cdxwcx.com/city/guangan/" title="广安网站建设" target="_blank">广安网站建设</a>   <a href="http://www.weixiufdj.com/" title="成都发电机维修保养公司" target="_blank">成都发电机维修保养公司</a>   <a href="http://www.4006tel.net/vision/website.html" title="网站设计" target="_blank">网站设计</a>   <a href="https://www.cdxwcx.com/wangzhan/mbshangcheng.html" title="商城网站" target="_blank">商城网站</a>   <a href="http://www.tjdkfx.com/" title="tjdkfx.com" target="_blank">tjdkfx.com</a>   <a href="https://www.cdcxhl.com/" title="网站设计" target="_blank">网站设计</a>   <a href="http://www.scluxian.com/" title="泸县网站建设" target="_blank">泸县网站建设</a>    </div> </div> <div class="fd-copy"> <div class="wp"> <p><span style="color:#CCCCCC;">Copyright © 2009-2022 www.kswsj.com 成都快上网科技有限公司 版权所有</span> <a href="http://beian.miit.gov.cn/" target="_blank" rel="nofollow" style="color:#CCCCCC;">蜀ICP备19037934号</a></p> </div> </div> </div> <div class="side"> <ul> <li><a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" target="_blank"> <div class="sidebox"><img src="/Public/Home/pic/side_icon02.png">在线咨询</div> </a></li> <li><a href="http://wpa.qq.com/msgrd?v=3&uin=631063699&site=qq&menu=yes" target="_blank"> <div class="sidebox"><img src="/Public/Home/pic/side_icon01.png">在线咨询</div> </a></li> <li><a href="tel:135-1821-9792"> <div class="sidebox"><img src="/Public/Home/pic/side_icon03.png"><span style="font-size:14px">135-1821-9792</span></div> </a></li> </ul> </div> <div class="side2"> <ul> <li><a href="http://www.kswsj.com/news/"><img src="/Public/Home/pic/r_icon1.png" alt="成都网站建设"></a> <div class="weixin"><em></em><img src="/Public/Home/pic/ewm.jpg" alt="成都网站建设"></div> </li> <li><a href="javascript:goTop();" class="sidetop"><img src="/Public/Home/pic/r_icon2.png"></a></li> </ul> </div> <div class="fot"> <ul> <li> <a href="https://p.qiao.baidu.com/cps/mobileChat?siteId=11284691&userId=6256368&type=1&reqParam=%20{%22from%22:0,%22sessionid%22:%22%22,%22siteId%22:%2211284691%22,%22tid%22:%22-1%22,%22userId%22:%226256368%22,%22ttype%22:1,%22siteConfig%22:%20{%22eid%22:%226256368%22,%22queuing%22:%22%22,%22siteToken%22:%226ce441ff9e2d6bedbdfc2a4138de449e%22,%22userId%22:%226256368%22,%22isGray%22:%22false%22,%22wsUrl%22:%22wss://p.qiao.baidu.com/cps3/websocket%22,%22likeVersion%22:%22generic%22,%22siteId%22:%2211284691%22,%22online%22:%22true%22,%22webRoot%22:%22//p.qiao.baidu.com/cps3/%22,%22bid%22:%22160142915792139572%22,%22isSmallFlow%22:0,%22isPreonline%22:0,%22invited%22:0%20},%22config%22:%20{%22themeColor%22:%224d74fa%22%20}%20}&appId=&referer=&iswechat=0&expectWaiter=-1&openid=null&otherParam=null&telephone=null&speedLogId=null&eid=null&siteToken=6ce441ff9e2d6bedbdfc2a4138de449e" target="_blank"> <img src="/Public/Home/pic/fot1.png" alt=""> <p>在线咨询</p> </a> </li> <li> <a href="tel:18980820575" target="_blank"> <img src="/Public/Home/pic/fot2.png" alt=""> <p>拨打电话</p> </a> </li> </ul> </div> <script type="text/javascript" src="/Public/Home/pic/jquery.js"></script> <script type="text/javascript" src="/Public/Home/pic/lib.js"></script> </body></html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>