首页 > 代码库 > HTML基础
HTML基础
<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="http://www.mamicode.com/改变当前表项前的编号的值"></li>
</ol>
嵌套列表：
定义列表：<dl>
<dt></dt>自定义列表项
<dd></dd>项目描述
</dl>
5超链接：语法：<a href="http://www.mamicode.com/url" name="" title="提示信息" target="窗口名称" >超链接名称</a>
target的值
:_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
framename 在指定的框架中打开被链接文档。
路径：绝对路径：外部链接
相对路劲：内部链接，当前文件的路径
同一目录：输入链接文档
上一目录：“.../文件名”
下一目录：输入目录名，后加“/”
根路径；d:/new/show.html
链接对象：下载文件链接：文件类型：*.doc/*.ppt/*.rar <a href = "http://www.mamicode.com/url"></a>
书签链接：文章内部链接，实现段落间的跳转。
定义书签：<a name="name"></a>
定义书签链接： <a href="http://www.mamicode.com/#name"></a> 同一页面
<a href="http://www.mamicode.com/URL#name"></a> 不同一页面
FTP链接：需要从服务器管理员获取登录的权限
<a href="http://www.mamicode.com/ftp:服务器地址或者域名"></a>
图像链接：<a href="http://www.mamicode.com/url"><img src="http://www.mamicode.com/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="http://www.mamicode.com/url" usemap="#映射图片名称"></a>
<map>
<area shape="热区形状rect/circle/poly" href=http://www.mamicode.com/“URL”coods="坐标" alt=“”>
</map>
（rect：x1,y1,x2,y2/circle:x,y,r/poly）
电子文件链接：<a href="mailto:E-mail地址[?subject=邮件主题[&参数=参数值]]">...</a>
多个收件人用；隔开。多个参数用&链接，空格用%20替代
图像与多媒体文件：图像：插入图像：<img src="http://www.mamicode.com/url" width="" height="" border="">
设置图像替代文字<img src="http://www.mamicode.com/url" alt="替代文字">
设置图像的边框：border：为边框的宽度，单位像素
设置图像的对齐方式：align：水平对齐：left，center,right/垂直对齐：top,middle,bottom
设置图像间距：hspace：左右/vspace：上下
图像链接：<a href="http://www.mamicode.com/url"><img src="http://www.mamicode.com/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="http://www.mamicode.com/背景音乐地址" loop="播放次数">
插入音频视频：<embed src="http://www.mamicode.com/url" width="播放界面的宽度" height="播放界面的高度" autostart="true|false" loop="true|false"></embed>
插入flash：
HTML基础