找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 2003|回复: 0

[教程] 泥鳅教你HTML(第四课){网页设计菜鸟必看}

[复制链接]
发表于 2011-12-16 09:27:27 | 显示全部楼层 |阅读模式 来自 广东省珠海市
泥鳅教你HTML:第四课(HTML基本标记

本课的主要内容:
文字布局标记

一、行的控制
疑问:在网页中如何换行?网页中的文字如何分段?
答案:<br>(换行)<nobor>(不换行)<p>(分段)
这三个标记,可以不用成对出现。插在你需要换行、分段的文字后面。就可以啦!

二、文字的对齐
疑问:文字如何对齐?
答案:<hn align="#"> 飘仙建站 </hn>  <p align="#"> align这个属性可以为解决
align——————表示文本的对齐方式
#(表示他的属性)=center(居中),left(左对齐),right(右对齐)
这些属性也可以作标记用。
如:<center>飘仙建站</center>

三、文字的分区显示
基本语法:<div align=#>飘仙建站</div>     #=center 、left 、right

四、列表
<ul>(无序列表)<ol>(有序列表)标记成对出现,里面加<li>         
<dl>(定义列表) 里面加<dt><dd>
用法:

无序列表
<ul>
       <li>Today
       <li>yesterday
       <li>Tommorow
</ul>

有序列表
<ol>
       <li>Today
       <li>yesterday
       <li>Tommorow
</ol>

定义列表
<dl>
       <dt>Today
       <dd>TO is  yesterday.
       <dt>Tommorow
       <dd>Tommorow is today.
</dl>

五、列表的符号
<li type=#>     #=disc(实心圆) circle(空心) square(实心正方形)

动手操作:
<ul>
       <li  type=disc>Today
       <li  type=circle>yesterday
       <li  type=square>Tommorow
</ul>

定义有序列表的序号
<ol type=#>   #=A,a,I,i,1

动手操作:
<ol type="#">    大家自己把#=A,a,I,i,1  这五个属性的值一一试一遍
        <li>Today
       <li>yesterday
       <li>Tommorow
</ol>

六、预格式化文本
<pre>你文本的内容</pre>    解释:按照程序员在代码中预设置好的版式来浏览。

七、<左右缩进>
<blockquote>文本内容</blockqute>























评分

参与人数 2金币 +40 收起 理由
光明使者 + 10 神马都是浮云
天外飘仙 + 30 很给力!

查看全部评分

发帖求助前要善用【论坛搜索】功能,那里可能会有你要找的答案;

如何回报帮助你解决问题的坛友,好办法就是点击帖子下方的评分按钮给对方加【金币】不会扣除自己的积分,做一个热心并受欢迎的人!

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则 需要先绑定手机号

关闭

站长推荐上一条 /1 下一条

QQ|侵权投诉|广告报价|手机版|小黑屋|西部数码代理|飘仙建站论坛 ( 豫ICP备2022021143号-1 )

GMT+8, 2024-5-10 09:47 , Processed in 0.187573 second(s), 15 queries , Redis On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表