HTML网页各种字体格式的细节修饰_HTML/Xhtml_网页制作

html教程评论1K views阅读模式

本节从文字的细节修饰入手,使读者能把握HTML的各种字体格式的变化,制作出更为专业的网页。


4.2 文字的多样化修饰

上一节学习了大块段落的各种设置,对于文字本身修饰似乎更加吸引人。本节从文字的细节修饰入手,使读者能把握HTML的各种字体格式的变化,制作出更为专业的网页。


4.2.1 文字样式设置的基本标签—

设置字体样式的基本标签是,被其包含的文本为样式作用区。在初学者的HTML代码编写中,容易被多重嵌套,如文本。还有一种情况是标签嵌套错位,如

文本

。为了规范代码的编写,避免不必要的错误,读者在初学时一定要谨慎。


4.2.2 设置文字的颜色

color是
标签的属性之一,用于设置文字颜色。在D:\web\目录下创建网页文件,命名为font_color.htm,编写代码如代码4.7所示。

代码4.7 字体颜色的设置:font_color.htm

字体颜色的设置

浅红色文字:
HTML学习的本质就是该是什么就用什么

深红色文字:
HTML学习的本质就是该是什么就用什么

浅绿色文字:
HTML学习的本质就是该是什么就用什么

深绿色文字:
HTML学习的本质就是该是什么就用什么

浅蓝色文字:
HTML学习的本质就是该是什么就用什么

深蓝色文字:
HTML学习的本质就是该是什么就用什么

浅黄色文字:
HTML学习的本质就是该是什么就用什么

深黄色文字:
HTML学习的本质就是该是什么就用什么

浅青色文字:
HTML学习的本质就是该是什么就用什么

深青色文字:
HTML学习的本质就是该是什么就用什么

浅紫色文字:
HTML学习的本质就是该是什么就用什么

深紫色文字:
HTML学习的本质就是该是什么就用什么

在浏览器地址栏输入http://localhost/font_color.htm,浏览效果如图4.7所示。


HTML网页各种字体格式的细节修饰_HTML/Xhtml_网页制作

图4.7 字体颜色的设置

读者不但可以从代码4.7中学到color属性在font标签中的用法,还可以熟悉各种颜色的表示方法。


4.2.3 设置文字的尺寸

size也是
标签的属性,用于设置文字大小。size的值为1-7,默认为3。我们可以size 属性值之前加上“+”、“-”字符,来指定相对于字号初始值的增量或减量。在D:\web\目录下创建网页文件,命名为font_size.htm,编写代码如代码4.8所示。

代码4.8 字体尺寸的设置:font_size.htm

字体尺寸的设置

size为1:
HTML学习

size为2:
HTML学习

size为3:
HTML学习

size为4:
HTML学习

size为5:
HTML学习

size为6:
HTML学习

size为7:
HTML学习

在浏览器地址栏输入http://localhost/font_size.htm,浏览效果如图4.8所示。


HTML网页各种字体格式的细节修饰_HTML/Xhtml_网页制作

图4.8 字体尺寸的设置

读者可尝试在size值前面加上“+”、“-”字符,更灵活地设置文字尺寸。


4.2.4 设置文字的字体

face也是
标签的属性,用于设置文字字体(字型)。HTML网页中显示的字型从浏览端的系统中调用,所以为了保持字型一致,建议采用宋体,HTML页面也是默认采用宋体。在D:\web\目录下创建网页文件,命名为font_face.htm,编写代码如代码4.9所示。

代码4.9 字体字型的设置:font_face.htm

字体字型的设置

字型为宋体:
沁园春·长沙-毛泽东

字型为楷体:
沁园春·长沙-毛泽东

字型为黑体:
沁园春·长沙-毛泽东

字型为隶书:
沁园春·长沙-毛泽东

在浏览器地址栏输入http://localhost/font_face.htm,浏览效果如图4.9所示。


HTML网页各种字体格式的细节修饰_HTML/Xhtml_网页制作

图4.9 字体字型的设置

笔者把被修改字型部分的文字尺寸设置为5号,方便读者查看。


4.2.5 使文字倾斜

用双标签
可使被作用文字倾斜,达到特殊的效果,例如文章的日期。
被称为强调标签,也是斜体,目前使用比
标签更频繁,其编写方法如下:


这是斜体文字


这也是斜体文字


4.2.6 使文字加粗

用双标签
可使被作用文字加粗,是文字更加醒目,例如文章的标题部分。
被称为特别强调标签,也是文字加粗,目前使用比
标签更频繁,其编写方法如下:


这是粗体文字


这也是粗体文字


4.2.7 给文字加下划线

用双标签
可添加下划线到被作用文字。以下为文字倾斜、加粗和下划线的综合示例。在D:\web\目录下创建网页文件,命名为font_style.htm,编写代码如代码4.10所示。

代码4.10 文字修饰的设置:font_style.htm

字体修饰的设置


斜体:沁园春·长沙-毛泽东

加粗体:沁园春·长沙-毛泽东

下划线:沁园春·长沙-毛泽东

斜体 加粗体 下划线:沁园春·长沙-毛泽东

在浏览器地址栏输入http://localhost/font_style.htm,浏览效果如图4.10所示。


HTML网页各种字体格式的细节修饰_HTML/Xhtml_网页制作

图4.10 字体修饰的设置

笔者把内的所有文字尺寸设置为5号,方便读者查看。

— 注意:在多个标签包含同一块文字时,其包含顺序不能错位。


4.2.8 多种标题样式的使用

网页的文章中,为了凸显标题的重要性,标题的样式比较特殊。HTML技术保护了一套针对标题的样式标签,分别为双标签

,文字尺寸从大到小代表不同级别的标题。标题标签有一个特点,独占一行、文字加粗、文字居中。这样,在设置标题的时候就很轻松了,并且可设多级标题。在D:\web\目录下创建网页文件,命名为font_h.htm,编写代码如代码4.11所示。
代码4.11 标题的设置:font_h.htm

标题的设置

一号标题

二号标题

三号标题

四号标题

五号标题

六号标题

财富杂志:谷歌为何不会盛极而衰

   

遭遇潜在问题

  

一些业内人士认为,长期垄断互联网搜索和广告市场谷歌可能会盛极而衰。...与此同时,谷歌近日推出的多项新计划,例如开放手机联盟、社交网站通用平台OpenSocial、以及可能投资数十亿美元竞购无线频段,也遭到了广泛的质疑。
  

将继续垄断搜索

  

最近有一些文章称,如果出现更好的搜索引擎,人们会毫不犹豫地放弃谷歌。但是,即使真有更好的搜索引擎出现,谷歌仍然可以在一段时间内屹立不倒。...在这种情况下,网站速度往往会成为决定胜负的关键。

在浏览器地址栏输入http://localhost/font_h.htm,浏览效果如图4.11所示。


HTML网页各种字体格式的细节修饰_HTML/Xhtml_网页制作

图4.11 标题的设置


4.2.9 学会处理网页中的特殊字符

在HTML中,有一些字符有特殊含义,例如“<”和“>”是标签的左括号和右括号,而标签是控制HTML显示的,标签本身只能被浏览器解析,并不能在页面中显示。那么,该怎样在HTML中显示“<”和“>”呢?HTML规定了一些特殊字符的写法,以便在网页中显示,如表4.1所示。

表4.1 HTML中的特殊字符

特殊符号

HTML代码

特殊符号

HTML代码

<

<

™(商标符号)



>

>

®(注册符号)

®

“”(英文半角)

"

×

×

§

§

©(版权符号)

©

在D:\web\目录下创建网页文件,命名为string.htm,编写string.htm代码如代码4.12所示。

代码4.12 特殊字符的设置:string.htm

特殊字符的设置



标签的显示方法:<HTML>

引号的显示方法:"英文半角双引号"

商标的显示方法:™

注册符号的显示方法:®

版权符号的显示方法:©

显示§

显示×

在浏览器地址栏输入http://localhost/string.htm,浏览效果如图4.12所示。

图4.12 特殊字符的设置

— 说明:单独显示符号&必须用代码&。


4.2.10 如何更方便地忽略浏览器对部分HTML的解析

如果在网页中作一个类似本书的HTML代码示例,恐怕得把所有的 转换成<和>,显得比较麻烦。HTML代码中的 和&lt;xmp&gt;&lt;/xmp&gt;可以轻松解决这个问题。 &lt;br /&gt;&lt;plaintext&gt;是单标签,它插入到HTML代码中时,其后面的所有HTML标签全部失效,即浏览器对&lt;plaintext&gt;后面所有的HTML标签不作解析,直接在页面上显示。 &lt;br /&gt;&lt;xmp&gt;&lt;/xmp&gt;是双标签,它只使其包含的内容中的标签失效,&lt;xmp&gt;&lt;/xmp&gt;的使用更为普遍。在D:\web\目录下创建网页文件,命名为html.htm,编写代码如代码4.13所示。 &lt;br /&gt;代码4.13 忽略标签的设置:html.htm &lt;br /&gt;&lt;html&gt; &lt;br /&gt;&lt;head&gt; &lt;br /&gt; &lt;title&gt;忽略标签的设置&lt;/title&gt; &lt;br /&gt;&lt;/head&gt; &lt;br /&gt;&lt;body&gt; &lt;br /&gt;&lt;h2&gt;沁园春&amp;middot;长沙&lt;/h2&gt; &lt;br /&gt;&lt;xmp&gt;独立寒秋,&lt;strong&gt;湘江北去&lt;/strong&gt;,橘子洲头。 &lt;br /&gt;看万山红遍,层林尽染; &lt;br /&gt;漫江碧透,&lt;u&gt;百舸争流。&lt;/u&gt; &lt;br /&gt;&lt;/xmp&gt; &lt;br /&gt;鹰击长空,&lt;strong&gt;鱼翔浅底,&lt;/strong&gt; &lt;br /&gt;万类霜天竞自由。 &lt;br /&gt;怅寥廓,&lt;u&gt;问苍茫大地&lt;/u&gt;,谁主沉浮?&lt;br /&gt; &lt;br /&gt;&lt;plaintext&gt; &lt;br /&gt;携来百侣曾游,&lt;br /&gt;忆往昔峥嵘岁月稠。 &lt;br /&gt; 恰同学少年,风华正茂; &lt;br /&gt; 书生意气,挥斥方遒。 &lt;br /&gt; 指点江山,激扬文字, &lt;br /&gt; 粪土当年万户侯。 &lt;br /&gt; 曾记否,&lt;strong&gt;到中流击水&lt;/strong&gt;,浪遏飞舟! &lt;br /&gt;&lt;/body&gt; &lt;br /&gt;&lt;/html&gt; &lt;br /&gt;在浏览器地址栏输入http://localhost/string.htm,浏览效果如图4.13所示。 &lt;br /&gt;&lt;img height="210" alt="" width="345" src="http://files.jb51.net/file_images/web/2009422058213177807.jpg" /&gt; &lt;br /&gt;图4.13 忽略标签的设置 &lt;br /&gt;&lt;strong&gt;4.2.11 其他文字修饰方法&lt;/strong&gt; &lt;br /&gt;为了满足不同领域的需要,HTML还有其他修饰文字的标签。比较常用的有上标格式标签和下标格式标签。某些场合甚至要用到删除效果,即可用HTML的中划线标签。 &lt;br /&gt;&amp;mdash; 上标格式标签为双标签&lt;sup&gt;&lt;/sup&gt;,多用于数学指数的表示,比如某个数的平方或立方。 &lt;br /&gt;&amp;mdash; 下标格式标签为双标签&lt;sub&gt;&lt;/sub&gt;,多用于注释,以及数学的底数表示。 &lt;br /&gt;&amp;mdash; 中划线标签为双标签&lt;strike&gt;&lt;/strike&gt;,多用于删除效果。 &lt;br /&gt;在D:\web\目录下创建网页文件,命名为other.htm,编写代码如代码4.14所示。 &lt;br /&gt;代码4.14 其他修饰标签的设置:other.htm &lt;br /&gt;&lt;html&gt; &lt;br /&gt;&lt;head&gt; &lt;br /&gt; &lt;title&gt;其他修饰标签的设置&lt;/title&gt; &lt;br /&gt;&lt;/head&gt; &lt;br /&gt;&lt;body&gt; &lt;br /&gt;&lt;font size="5"&gt; &lt;br /&gt;沁园春&lt;sup&gt;长沙&lt;/sup&gt;!&lt;br /&gt; &lt;br /&gt;数学指数的表示:2&lt;sup&gt;3&lt;/sup&gt;=8、100&lt;sup&gt;2&lt;/sup&gt;=10000&lt;br /&gt;&lt;hr /&gt; &lt;br /&gt;沁园春&lt;sub&gt;长沙&lt;/sub&gt;!&lt;br /&gt; &lt;br /&gt;数学底数的表示:log&lt;sub&gt;3&lt;/sub&gt;81=4、log&lt;sub&gt;5&lt;/sub&gt;125=3&lt;br /&gt;&lt;hr /&gt; &lt;br /&gt;删除效果:&lt;strike&gt;我被删除了&lt;/strike&gt; &lt;br /&gt;&lt;/font&gt; &lt;br /&gt;&lt;/body&gt; &lt;br /&gt;&lt;/html&gt; &lt;br /&gt;在浏览器地址栏输入http://localhost/other.htm,浏览效果如图4.14所示。 &lt;br /&gt;&lt;img height="163" alt="" width="318" src="http://files.jb51.net/file_images/web/2009422058217877808.jpg" /&gt; &lt;br /&gt;图4.14 其他修饰标签的设置 &lt;div class='share layui-clear bdsharebuttonbox'&gt; &lt;li &gt;&lt;a href='javascript:;' data-cmd="weixin" class='wechat'&gt;&lt;i class="layui-icon"&gt;&amp;#xe63a;&lt;/i&gt;微信&lt;/a&gt;&lt;/li&gt; &lt;li &gt;&lt;a href='javascript:;' data-cmd="more" class='share-btn'&gt;&lt;i class="layui-icon"&gt;&amp;#xe641;&lt;/i&gt;分享&lt;/a&gt;&lt;/li&gt; &lt;/div&gt; &lt;img src="/static/images/article_wechat.jpg?1" style="margin-top: 30px;" alt="php教程最新课程二维码"/&gt; &lt;div class='tags layui-clear'&gt; &lt;li&gt;相关标签:&lt;a href="/search?word=细节" target="_blank"&gt;细节&lt;/a&gt; &lt;a href="/search?word=格式" target="_blank"&gt;格式&lt;/a&gt; &lt;a href="/search?word=字体" target="_blank"&gt;字体&lt;/a&gt; &lt;a href="/search?word=网页" target="_blank"&gt;网页&lt;/a&gt; &lt;a href="/search?word=各种" target="_blank"&gt;各种&lt;/a&gt; &lt;a href="/search?word=&amp;lt" target="_blank"&gt;&amp;lt&lt;/a&gt; &lt;a href="/search?word=&amp;gt" target="_blank"&gt;/&amp;gt&lt;/a&gt; &lt;a href="/search?word=文字" target="_blank"&gt;文字&lt;/a&gt; &lt;a href="/search?word=br" target="_blank"&gt;br&lt;/a&gt; &lt;a href="/search?word=标签" target="_blank"&gt;标签&lt;/a&gt; &lt;a href="/search?word=html" target="_blank"&gt;HTML&lt;/a&gt;&lt;/li&gt; &lt;li class='line'&gt; 本文原创发布php教程 ,转载请注明出处,感谢您的尊重! &lt;/li&gt; &lt;/div&gt; &lt;div class='page layui-clear'&gt; &lt;ul&gt; &lt;li&gt;上一篇:&lt;a href="/div-tutorial-12298.html"&gt;网页制作初学者:学用HTML的超链接A标记_HTML/Xhtml_网页制作&lt;/a&gt;&lt;/li&gt; &lt;li&gt;下一篇:&lt;a href="/div-tutorial-12302.html"&gt;网页前端开发CSS相关团队协作_HTML/Xhtml_网页制作&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;p class="article-relative-header"&gt;相关文章&lt;/p&gt; &lt;p class="article-relative-header"&gt;相关视频&lt;/p&gt; &lt;hr class="layui-clear"&gt; &lt;ul class="article-relative-ul"&gt; &lt;li&gt;&lt;span class="layui-badge-dots"&gt;&lt;/span&gt;&lt;a class="relevant" href="/div-tutorial-10862.html" target="_blank"&gt;Html如何设置横向导航结构_HTML/Xhtml...&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;span class="layui-badge-dots"&gt;&lt;/span&gt;&lt;a class="relevant" href="/div-tutorial-10863.html" target="_blank"&gt;Html+css实现纯文字和带图标的按钮_HTML...&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;span class="layui-badge-dots"&gt;&lt;/span&gt;&lt;a class="relevant" href="/div-tutorial-10868.html" target="_blank"&gt;HTML对于元素水平垂直居中的探讨_HTML/Xh...&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;span class="layui-badge-dots"&gt;&lt;/span&gt;&lt;a class="relevant" href="/div-tutorial-10871.html" target="_blank"&gt;修改输入框placeholder文字默认颜色-we...&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;span class="layui-badge-dots"&gt;&lt;/span&gt;&lt;a class="relevant" href="/div-tutorial-12299.html"&gt;HTML网页各种字体格式的细节修饰_HTML/Xh...&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;ul class="article-relative-ul"&gt; &lt;li&gt;&lt;span class="layui-badge-dots"&gt;&lt;/span&gt;&lt;a class="relevant" href="/code/575.html" target="_blank" title='Html 常用文本格式'&gt;Html 常用文本格式&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;span class="layui-badge-dots"&gt;&lt;/span&gt;&lt;a class="relevant" href="/code/644.html" target="_blank" title='CSS基础教程之语法格式'&gt;CSS基础教程之语法格式&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;span class="layui-badge-dots"&gt;&lt;/span&gt;&lt;a class="relevant" href="/code/755.html" target="_blank" title='CSS 文本格式'&gt;CSS 文本格式&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;span class="layui-badge-dots"&gt;&lt;/span&gt;&lt;a class="relevant" href="/code/3040.html" target="_blank" title='jEasyUI扩展行显示细节'&gt;jEasyUI扩展行显示细节&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;span class="layui-badge-dots"&gt;&lt;/span&gt;&lt;a class="relevant" href="/code/4443.html" target="_blank" title='配置格式'&gt;配置格式&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;div class="layui-clear"&gt;&lt;/div&gt; &lt;/div&gt; &lt;div class="comment layui-clear"&gt; &lt;div class="J_Header" id="J_Header"&gt; &lt;p class="header-title"&gt;网友评论&lt;/p&gt; &lt;p class="header-protocol"&gt;文明上网理性发言,请遵守 &lt;a href="javascript:void(0);"&gt;新闻评论服务协议&lt;/a&gt;&lt;/p&gt; &lt;a class="article-comment-publish" href="javascript:void(0);"&gt;我要评论&lt;/a&gt; &lt;/div&gt; &lt;div class="layui-row diy-page"&gt;&lt;/div&gt; &lt;div class="text-box layui-clear article_comment_textarea" &gt; &lt;div class="box-left"&gt; &lt;li&gt; &lt;a href="javascript:login_trigger()"&gt; &lt;img src="/static/images/user_avatar.jpg" alt=""&gt; &lt;/a&gt; &lt;/li&gt; &lt;li&gt;&lt;a href="javascript:login_trigger()"&gt;&lt;/a&gt;&lt;/li&gt; &lt;/div&gt; &lt;div class="box-right"&gt; &lt;textarea name="desc" placeholder="请输入内容" class="layui-textarea article_textarea"&gt;&lt;/textarea&gt; &lt;button class="layui-btn article_publish" data-id="12299"&gt;立即提交&lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="article-hot"&gt; &lt;h2&gt;专题推荐&lt;/h2&gt; &lt;ul&gt; &lt;li&gt; &lt;a href="/map/dugu.html" target="_blank"&gt;&lt;img src="https://img.php.cn/upload/article/000/000/003/5d1ef1e9e866e635.jpg"&gt;&lt;/a&gt; &lt;a class="course-title" href="/map/dugu.html" target="_blank"&gt;独孤九贱-php全栈开发教程&lt;/a&gt; &lt;p class="course-type"&gt;全栈 &lt;i class="layui-icon layui-icon-user"&gt;&lt;/i&gt; 100W+&lt;/p&gt; &lt;p class="course-des"&gt;主讲:Peter-Zhu 轻松幽默、简短易学,非常适合PHP学习入门&lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="/map/yunv.html" target="_blank"&gt;&lt;img src="https://img.php.cn/upload/article/000/000/003/5d1ef236ca878949.jpg"&gt;&lt;/a&gt; &lt;a class="course-title" href="/map/yunv.html" target="_blank"&gt;玉女心经-web前端开发教程&lt;/a&gt; &lt;p class="course-type"&gt;入门 &lt;i class="layui-icon layui-icon-user"&gt;&lt;/i&gt; 50W+&lt;/p&gt; &lt;p class="course-des"&gt;主讲:灭绝师太 由浅入深、明快简洁,非常适合前端学习入门&lt;/p&gt; &lt;/li&gt; &lt;li&gt; &lt;a href="/toutiao-409221.html" target="_blank"&gt;&lt;img src="https://img.php.cn/upload/article/000/000/003/5d1ef2477c7d7587.jpg"&gt;&lt;/a&gt; &lt;a class="course-title" href="/toutiao-409221.html" target="_blank"&gt;天龙八部-实战开发教程&lt;/a&gt; &lt;p class="course-type"&gt;实战 &lt;i class="layui-icon layui-icon-user"&gt;&lt;/i&gt; 80W+&lt;/p&gt; &lt;p class="course-des"&gt;主讲:西门大官人 思路清晰、严谨规范,适合有一定web编程基础学习&lt;/p&gt; &lt;/li&gt; &lt;/ul&gt; &lt;div class="clear"&gt;&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="layui-col-md4 article-list-right "&gt; &lt;div class="panel"&gt; &lt;div class="panel-title"&gt;作者信息&lt;/div&gt; &lt;div id="profile-2"&gt; &lt;div class="avatar-wrap"&gt; &lt;a href="/member/1.html" target="_blank" class="avatar-link"&gt; &lt;img src="/static/images/user_avatar.jpg" class="func-um_user gravatar avatar avatar-120 um-avatar um-avatar-uploaded"&gt; &lt;/a&gt; &lt;/div&gt; &lt;div class="profile-info"&gt; &lt;p&gt; &lt;span class="author-name"&gt;php教程&lt;/span&gt; &lt;i class="layui-icon layui-icon-auz" title="认证作者"&gt;&lt;/i&gt; &lt;/p&gt; &lt;p class="author-description"&gt;认证0级讲师&lt;/p&gt; &lt;div class="author-article"&gt; &lt;dl class="list-one"&gt; &lt;dt class="panel-title"&gt;最近文章&lt;/dt&gt; &lt;/dl&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class="layui-clear"&gt;&lt;a href='javascript:publish_article()' class='layui-btn layui-btn-danger article-add'&gt;发布技术文章&lt;/a&gt; &lt;/div&gt; &lt;div class='top-article layui-clear'&gt; &lt;div class="layui-tab layui-tab-card"&gt; &lt;ul class="layui-tab-title"&gt; &lt;li class="layui-this"&gt;最新文章&lt;/li&gt; &lt;li&gt;热门排行&lt;/li&gt; &lt;/ul&gt; &lt;div class="layui-tab-content"&gt; &lt;div class="layui-tab-item layui-show"&gt; &lt;ul&gt; &lt;p class='top-img'&gt; &lt;a href='/toutiao-387072.html' target="_blank" title='面对巨额亏损的PHP中文网,我该为情怀买单吗?(猪哥)'&gt;&lt;img src='https://img.php.cn/upload/article/000/000/003/5b890a9e4417f872.png' style="width: 100%"&gt;&lt;/a&gt; &lt;/p&gt; &lt;li&gt;&lt;a href='/div-tutorial-424437.html' target="_blank" title='html是什么语言'&gt;html是什么语言&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='/div-tutorial-423408.html' target="_blank" title='图片超链接怎么设置'&gt;图片超链接怎么设置&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='/div-tutorial-421720.html' target="_blank" title='如何学习html5'&gt;如何学习html5&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='/div-tutorial-421550.html' target="_blank" title='html的正式名称是'&gt;html的正式名称是&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='/div-tutorial-421453.html' target="_blank" title='html怎么添加css样式?'&gt;html怎么添加css样式?&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='/div-tutorial-421411.html' target="_blank" title='HTML怎么引入js文件?'&gt;HTML怎么引入js文件?&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='/div-tutorial-421142.html' target="_blank" title='jsp四大作用域有什么'&gt;jsp四大作用域有什么&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='/div-tutorial-421132.html' target="_blank" title='页面中文本域的值怎么设置'&gt;页面中文本域的值怎么设置&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;div class="layui-tab-item"&gt; &lt;ul&gt; &lt;p class='top-img'&gt; &lt;a href='/toutiao-387072.html' target="_blank" title='面对巨额亏损的PHP中文网,我该为情怀买单吗?(猪哥)'&gt;&lt;img src='https://img.php.cn/upload/article/000/000/003/5b890a9e4417f872.png' style="width: 100%"&gt;&lt;/a&gt; &lt;/p&gt; &lt;li&gt;&lt;a href='/div-tutorial-409203.html' target="_blank" title='html p标签怎么换行?html p标签添加br换行标签的应用'&gt;html p标签怎么换行?html p标签添加br换行标签的应用&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='/div-tutorial-409470.html' target="_blank" title='html怎么换行?换行代码是什么?九种html文字换行方法总结'&gt;html怎么换行?换行代码是什么?九种html文字换行方法总结&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='/div-tutorial-409786.html' target="_blank" title='html怎样设置背景颜色?HTML背景颜色代码详细分析'&gt;html怎样设置背景颜色?HTML背景颜色代码详细分析&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='/div-tutorial-380634.html' target="_blank" title='认识&amp;lt;br&amp;gt;与&amp;lt;p&amp;gt;标签之间的区别'&gt;认识&amp;lt;br&amp;gt;与&amp;lt;p&amp;gt;标签之间的区别&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='/div-tutorial-381329.html' target="_blank" title='六款好用的html5编辑器'&gt;六款好用的html5编辑器&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='/div-tutorial-409380.html' target="_blank" title='html搜索框怎么设置?html搜索框input标签的使用方法实例'&gt;html搜索框怎么设置?html搜索框input标签的使用方法实例&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='/div-tutorial-412520.html' target="_blank" title='HTML编辑器有哪些?最好用的4款HTML编辑器推荐'&gt;HTML编辑器有哪些?最好用的4款HTML编辑器推荐&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href='/div-tutorial-411544.html' target="_blank" title='如何制作一个简单的HTML登录页面(附代码)'&gt;如何制作一个简单的HTML登录页面(附代码)&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div class='article-ad article-course php-news-right-imginfo'&gt; &lt;div class='r-title'&gt;&lt;i class='layui-icon layui-icon-praise'&gt;&lt;/i&gt;推荐视频教程&lt;/div&gt; &lt;li&gt; &lt;a href='/course/179.html' target="_blank" &gt; &lt;img src='https://img.php.cn/upload/course/000/000/003/5a17982d48686254.jpg' alt="javascript初级视频教程" height='60'&gt; &lt;/a&gt; &lt;span&gt;&lt;a href='/course/179.html' target="_blank"&gt;javascript初级视频教程&lt;/a&gt;&lt;/span&gt; &lt;/li&gt; &lt;li&gt; &lt;a href='/course/181.html' target="_blank" &gt; &lt;img src='https://img.php.cn/upload/course/000/000/003/5a179283c3885703.jpg' alt="jquery 基础视频教程" height='60'&gt; &lt;/a&gt; &lt;span&gt;&lt;a href='/course/181.html' target="_blank"&gt;jquery 基础视频教程&lt;/a&gt;&lt;/span&gt; &lt;/li&gt; &lt;/div&gt; &lt;div class='article-ad mt-20' id="aritcle_detail_new"&gt; &lt;div class='r-title'&gt;&lt;i class='layui-icon layui-icon-video'&gt;&lt;/i&gt;视频教程分类&lt;/div&gt; &lt;ul class='course-category-lists layui-clear'&gt; &lt;li&gt;&lt;a href="/course/list/29/type/2.html" target="_blank"&gt;&lt;div class="course-category-child-first"&gt;php视频教程&lt;/div&gt;&lt;div class='course-category-child'&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/course/list/11.html" target="_blank"&gt;&lt;div class="course-category-child-first"&gt;html视频教程&lt;/div&gt;&lt;div class='course-category-child'&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/course/list/12.html" target="_blank"&gt;&lt;div class="course-category-child-first"&gt;css视频教程&lt;/div&gt;&lt;div class='course-category-child'&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/course/list/17.html" target="_blank"&gt;&lt;div class="course-category-child-first"&gt;JS视频教程&lt;/div&gt;&lt;div class='course-category-child'&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/course/list/19.html" target="_blank"&gt;&lt;div class="course-category-child-first"&gt;jQuery视频教程&lt;/div&gt;&lt;div class='course-category-child'&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/course/list/51.html" target="_blank"&gt;&lt;div class="course-category-child-first"&gt;mysql视频教程&lt;/div&gt;&lt;div class='course-category-child'&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/course/list/33.html" target="_blank"&gt;&lt;div class="course-category-child-first"&gt;Linux视频教程&lt;/div&gt;&lt;div class='course-category-child'&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/course/list/30.html" target="_blank"&gt;&lt;div class="course-category-child-first"&gt;Python视频教程&lt;/div&gt;&lt;div class='course-category-child'&gt;&lt;/div&gt;&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;!--技术文章--&gt; &lt;script src="/static/ueditor/third-party/SyntaxHighlighter/shCore.js?3.1.1"&gt;&lt;/script&gt; &lt;script&gt;article_status = 0;&lt;/script&gt; &lt;script type="text/javascript" src="/static/js/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="https://vdse.bdstatic.com//search-video.v1.min.js"&gt;&lt;/script&gt; &lt;div class="layui-clear layui-bg-black php-ul-li footer_top_margin"&gt; &lt;div class="layui-row layui-main" &gt; &lt;div class="layui-col-md9"&gt; &lt;ul class="php-float-left"&gt; &lt;li&gt;&lt;a href="/" target="_blank" title="网站首页"&gt;网站首页 &lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/course/list/29/type/2.html" target="_blank" title="PHP视频"&gt;PHP视频&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/course/list/29/type/4.html" target="_blank" title="PHP实战"&gt;PHP实战&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/course/list/29/type/1.html" target="_blank" title="PHP代码"&gt;PHP代码&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/course/list/29/type/3.html" target="_blank" title="PHP手册"&gt;PHP手册&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/wikis.html" target="_blank" title="词条"&gt;词条&lt;/a&gt;&lt;/li&gt; &lt;li&gt;&lt;a href="/write.html" target="_blank" title="手记"&gt;手记&lt;/a&gt;&lt;/li&gt; &lt;/ul&gt; &lt;p class="layui-clear footer_phpcn"&gt;PHP中文网:独家原创,永久免费的在线php视频教程,php技术学习阵地!&lt;/p&gt; &lt;p class="footer_phpcn_record"&gt;Copyright 2014-2019 http://www.php.cn/ All Rights Reserved | 皖B2-20150071-9 &lt;img src="/static/images/foot_line.gif" width="15"&gt; 皖公网安备 34010402701654号 &lt;a href="http://112.30.63.109:8887/showEi?id=6a58f74d17984675aa1b671d0fa101cf&amp;url=php.cn" rel="nofollow" target="_blank"&gt;&lt;img src="/static/images/foot_line.gif" width="15"&gt;&lt;/a&gt; &lt;span class="footer_phpcn_say"&gt;&lt;a href="/about/disclaimer.html" target="_blank"&gt;免责申明&lt;/a&gt;&lt;a href="/about/donate.html" style="margin-right:40px" target="_blank"&gt;赞助与捐赠&lt;/a&gt;&lt;/span&gt;&lt;/p&gt; &lt;p&gt;&lt;/p&gt; &lt;/div&gt; &lt;div class="layui-col-md3" style="padding-top:15px;"&gt; &lt;img src="https://img.php.cn/upload/article/000/000/003/5c50106148dc3454.png" width="100" title="官方QQ群:977601088"&gt;&amp;nbsp;&amp;nbsp;&lt;img src="/static/images/phpcn_erwei.jpg" width="100" title="扫一扫,关注公众号"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;input type="hidden" id="verifycode" value="/captcha.html"&gt; &lt;script src="/static/js/jquery.min.js"&gt;&lt;/script&gt; &lt;script src="/static/layui/layui.js"&gt;&lt;/script&gt; &lt;script type="text/javascript" src="/static/js/global.min.js?5.4.31"&gt;&lt;/script&gt; &lt;script&gt;var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?8cc45d54c337ca616c34b1cf747da91c"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })();(function(){var bp = document.createElement('script');var curProtocol = window.location.protocol.split(':')[0];if(curProtocol === 'https'){bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';}else{bp.src = 'http://push.zhanzhang.baidu.com/push.js';};var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(bp, s);})();&lt;/script&gt; &lt;/body&gt; &lt;/html&gt; </plaintext> </和>

企鹅博客
  • 本文由 发表于 2019年9月17日 11:46:14
  • 转载请务必保留本文链接:https://www.qieseo.com/355494.html

发表评论