最新消息:

HTMlL基本语法(二)——html常用标签

Html 大步 884浏览 0评论

格式标签
作用:用于定义网页中文本的布局、缩进、位置、换行、列表等
<br>    换行标签,完成文本的紧凑显示,如果有多个换行可以连续使用多个<br>标记
<p>      换段落标签,即换行之后插入一个空行,然后在下一行显示其后的文本,可以使用成对的<p>标记来包含段落,也可以单独<p>标记来划分段落,方便加我们加样式

<center>    居中对齐标签,是段落或文字相对于上一层标记居中对齐

<pre>    保留文字在源代码中的格式

<ul><li>     无序列表,使用<li>作为每个项目的起始,没有序列号,一般用自定义图片来做提示符
默认属性type有三个选项,且都是小写
disc实心圆(默认)  circle空心圆      square小方块
格式:
<UL type=circle >
<LI>第一项
<LI>第二项
<LI>第三项
</UL>

<ol><li>     有序的列表,有数字的i奥基迪
两个属性type和start来完成的。start=编号开始的数字,,在<li>标签中设定value="n"改变列表行项目的特定编号。
格式:
<ol type=编号类型 start=value>
<li>第1项
<li>第2项
<li>第3项
</ol>

<hr>         水平分隔线,用于段落与段落之间的分隔

文本标签(标签全要用于<body>中使用)
作用:在网页中,为了着意强调某一部分文字,或者为了让文字有所变化。因为搜索引擎抓取网页的时候护额忽略CSS,所以需要通过html来强调关键文字等,利于SEO
<hn>    标题字标记,n的范围是1-6,而且会自动换行插入一个空行。一个网页中只能出现一个h1
举例: <h1>这是一号标题</h1>
<b>        粗体,放在<b>与</b>标签之间的文字将以粗体方式显示。
举例: <b>粗体</b>
<i>        斜体,放在<i>与</i>标签之间的文字将以斜体方式显示。
举例: <i>斜体</i>
<u>        加下划线,放在<u>与</u>标签之间的文字将以下划线方式显示
举例: <u>下划线</u>
<sub>      文字下标字体标签
举例:<sub>下标文字</sub>
<sup>    文字上标字体标签
举例:    <sup>文字上标</sup>
<font>    字体标记,可以通过该标记指定字体大小、颜色、字体等信息
格式:<font face=值1 size=size的取值为1~7 color=值3〉文字 </font>
属性        使用功能             默认值
face     设置文字使用的字体      宋体
size     设置文字的大小           3
color     设置文字的颜色              黑色

<tt>    打字机文字
<cite>    用于引证、举例、通常为斜体
<em>    表示强调,通常为斜体字
<strong>    表示强调,通常为粗体
<small>        小型字体标签
<big>        大型字体标签

图像标签
作用:用于插入图片
格式:

<img src="logo.gif" width=100 height=100 hspace=5 vspace=5 border=2 align="top" alt="Logo of PenPals Garden" lowsrc="pre_logo.gif">
属 性                描 述
Src                图像的url的路径
alt                    鼠标放到图片提示文字
width     宽度 单位为像素.通常只设为图片的真实大小以免失真,改变图片大小最好用图像工具.
height     高度 单位为像素.通常只设为图片的真实大小以免失真,改变图片大小最好用图像工具.
dynsrc              avi文件的url的路径
loop           设定avi文件循环播放的次数
loopdelay        设定avi文件循环播放延迟
start            设定avi文件的播放方式
lowsrc      设定低分辨率图片,若所加入的是一张很大的图片,可先显示图片。
usemap                 映像地图
align    top上对齐.middle居中对齐.bottom下对齐.left左对齐.right右对齐
border                  边框
hspace                水平间距
vspace       定义图像顶部和底部的空白。
vlign                垂直间距

超链接标签
协议:主机:文件:附加资源
http://www.dabu.info/web/index.php?uname=zhangsan&age=10&sex=nan
相对URL:
Images/logo.gif

绝对URL:
C:/appserv/www/image/logo.gif
<a href=“URL”>某某页面</a>

锚点链接
作用:当浏览页面时如果页面很长,要不断地拖动滚动条给浏览带来不便,要是这时候就可以通过两个锚点直接的链接,让读者选择自己喜欢的内容,而又不必从头翻到尾。定义锚点和超链接都是用<a>标记
格式:
<a href=“URL” name=name target=target>链接文字</a>
使用时<a href=“#name”>定位位置</a>
target属性指定页面要打开的链接所使用的浏览器窗口名称,可以使用自定义的窗口名称,也可以使用下面的窗口名称:
_blank    打开一个新窗口
_parent   显示在上一层窗口中
_top      显示在最上层窗口
name      显示在名字叫name的窗口中
_self     显示在当前窗口,缺省的属性

书签链接 :

定位标记名 <a name=“定位标记名”> 。
跳到要访问的内容<a href= “#定位标记名”>

邮箱链接:
语法:<a href=“mailto:E-mali 地址 & subject=邮件主题">描述文字</a>
举例:<a href="mailto:zhoujr@yahoo.com.cn?cc=benbenmao@163.com&Subject=早安&bcc=a@b.c&Body= 早安,祝你度过一个快乐的早晨!">向好友发送邮件(抄送 小李)</a>
邮件的参数
参   数           描   述
subject         电子邮件主题
cc               抄送收件人
body               主题内容
bcc               暗送收件人

 

转载请注明:大步's Blog » HTMlL基本语法(二)——html常用标签

发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
SiteMap