码迷,mamicode.com
首页 > Web开发 > 详细

HTML基础

时间:2014-10-19 16:52:51      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:des   style   color   io   os   ar   使用   strong   sp   

 

<html>
  <head>
    <title></title>
    <style></style>
  </head>

  <body>
  </body>
</html>

body添加文字信息。
1.标题字标记:<h></h>
<h1> - <h6> 标签可定义标题。<h1> 定义最大的标题。<h6> 定义最小的标题。
属性:align:center,left,right,justify

2.文本标记:
物理样式:<b> 粗体 </b> <i> 斜体 </i> <ins>下划线</ins> <del>删除线</del> <sub>下标字</sub> <sup>上标字</sup> <u>删除字<u>
逻辑样式:<big>大号字</big> <small>小号字</small> <em>着重字体</em> <strong>加强语气</strong> 
<code> </code> <samp> </samp> <kbd> </kbd> <var> </var> <dfn> </dfn> <cite> </cite> 
字体font标记:<font></font>:属性:size(1~7,数值越大,字号越大) color,face

3段落与排版:
段落p标记:<p></p>属性:align:center,left,right,justify
换行br标记:<br>
不换行:<nobr></nobr>
强制换行:<wbr></wbr>
水平分割线:<hr>属性:align:center,left,right width,size,color,noshade值为noshade无阴影
内容居中center:<center></center>
段落缩进blockquote:<blockquote></blockquote>一对能向右缩进5个西文字符的位置
预格式化pre:<pre></pre>

4列表:无需列表:<ul type="disc/square/circle"> <ul style="margin:0px;list-style:none;">不显示点
<li></li>
</ul>
菜单列表:<menu>
<li type="disc/square/circle"></li>
</menu>
目录列表:<dir type="">
<li type="disc/square/circle"></li>
</dir>
有序列表:<ol type="" start="有序列表起始编号"> type:1 表示以1,2,3,4 来表示/a 表示以a,b,c,d 来表示/A 表示以A,B,C,D 来表示/i 表示以i,ii ,iii 来表示/I 表示以I,II,III 来表示
<li type="只影响当前列表项的编号" value="改变当前表项前的编号的值"></li>
</ol>
嵌套列表:
定义列表:<dl>
<dt></dt>自定义列表项
<dd></dd>项目描述
</dl>

5超链接:语法:<a href="url" name="" title="提示信息" target="窗口名称" >超链接名称</a>
target的值
:_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。

路径:绝对路径:外部链接
相对路劲:内部链接,当前文件的路径
同一目录:输入链接文档
上一目录:“.../文件名”
下一目录:输入目录名,后加“/”
根路径;d:/new/show.html
链接对象:下载文件链接:文件类型:*.doc/*.ppt/*.rar <a href = "url"></a>
书签链接:文章内部链接,实现段落间的跳转。 
定义书签:<a name="name"></a>
定义书签链接: <a href="#name"></a> 同一页面
<a href="URL#name"></a> 不同一页面
FTP链接:需要从服务器管理员获取登录的权限
<a href="ftp:服务器地址或者域名"></a>
图像链接:<a href="url"><img src="url" width="" height="" hspace="" vspace="" align="" border="" ></a>
必需的属性
属性 值 描述
alt text 规定图像的替代文本。
src URL 规定显示图像的 URL。
可选属性 :
align
top
bottom
middle 不推荐使用。规定如何根据周围的文本来排列图像。
left
right

border pixels 不推荐使用。定义图像周围的边框。
height pixels 定义图像的高度
%
hspace pixels 不推荐使用。定义图像左侧和右侧的空白。
ismap URL 将图像定义为服务器端图像映射。
longdesc URL 指向包含长的图像描述文档的 URL。
usemap URL 将图像定义为客户器端图像映射。
vspace pixels 不推荐使用。定义图像顶部和底部的空白。
width pixels% 设置图像的宽度。
热区链接:<a><img src="url" usemap="#映射图片名称"></a>
<map>
<area shape="热区形状rect/circle/poly" href=“URL”coods="坐标" alt=“”>
</map>
(rect:x1,y1,x2,y2/circle:x,y,r/poly)
电子文件链接:<a href="mailto:E-mail地址[?subject=邮件主题[&参数=参数值]]">...</a>
多个收件人用;隔开。多个参数用&链接,空格用%20替代

图像与多媒体文件:图像:插入图像:<img src="url" width="" height="" border="">
设置图像替代文字<img src="url" alt="替代文字">
设置图像的边框:border:为边框的宽度,单位像素
设置图像的对齐方式:align:水平对齐:left,center,right/垂直对齐:top,middle,bottom
设置图像间距:hspace:左右/vspace:上下
图像链接:<a href="url"><img src="url"></a>
滚动文字:<marquee bgcolor="" direction="滚动方向up/down/left/right" behavior="滚动方式scroll/slide/alternate" scrollamount="滚动速度数字"
scrolldelay="延迟时间毫秒" >
<font face="隶属" size="">......</font>
</marquee>
设置滚动范围:滚动背景面积范围:width:"宽度值",height:"高度值"
设置滚动空白空间:滚动文字背景,和它周围文字及图像之间的空白空间范围hspace:"水平范围" vspace:"垂直范围"
设置滚动循环:loop:"循环次数"
背景音乐和其他多媒体:
背景音乐:<bgsound src="背景音乐地址" loop="播放次数">
插入音频视频:<embed src="url" width="播放界面的宽度" height="播放界面的高度" autostart="true|false" loop="true|false"></embed>
插入flash:

HTML基础

标签:des   style   color   io   os   ar   使用   strong   sp   

原文地址:http://www.cnblogs.com/lcpholdon/p/4034977.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!