当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > HTML教程,简单学习HTML语言

HTML/XHTML教程
XHTML中不再使用HTML中的一些废弃元素
语义化的HTML结构怎么理解
Web 标准学习 理解结构和表现相分离
html5 标签
HTML5 新事件 小结
HTML5 b和i标记将被赋予真正的语义
HTML是网页制作者必须要学习掌握的
HTML DOCTYPE的缩写
Readonly和Disabled的区别
16进制颜色代码(完全)
H标记要在网页制作中合理使用
abbr标记和acronym标记
知名浏览器对DOCTYPE模式的选择机制
用标准dl,dt,dd标签抛弃table列表
html 标签ID可以是变量
iframe 自适应大小实现代码
HTML5 解析规则分析
HTML减肥 精简HTML标记制作网页
HTML5 File API改善网页上传功能
HTML 5 Reset Stylesheet

HTML/XHTML教程 中的 HTML教程,简单学习HTML语言


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-11   浏览: 87 ::
收藏到网摘: n/a


1、<body background=图片文件名 bgcolor=颜色 text=颜色 link=颜色 vlink=颜色 alink=颜色>...</body>标记属性:
background:设置网页的背景图像。bgcolor:设置网页的背景颜色。text:设置文本的颜色。link:设置尚未被访问过的超文本链接的颜色。默认蓝色。vlink:设置已被访问过的超文本链接的颜色。默认蓝色。alink:设置超文本链接在被访问瞬间的颜色。默认蓝色。
2、颜色代码表:
黑色-black-#000000 蓝色-blue-#000FF 棕色-brown-#A52A2A
青色-cyan-#00FFFF 灰色-gray-#808080 绿色-green-#008000
乳白色-ivory-#FFFFF0 桔黄色-orange-#FFA500 粉红色-pink-#FFC0CB
红色-red-#FF0000 白色-white-#FFFFFF 黄色-yellow-#FFFF00
深红色-crimson-#CD061F 黄绿色-greenyellow-#0B6EFF
水蓝色-dodgerblue-#0B6EFF 淡紫色-lavender-#DBDBF8
3、注释标记:<!-- 注释内容 -->
4、段落和文字标记:
(1)标题文字标记:
<hn align=left|center|right>标题文字</hn> 注:n为文字大小,值1-6,1最大。
(2)文本文字标记:
<font size=1-7 face=字体名 color=颜色>被设置的文字</font> 注:size取7最大。
(3)设置字型:
<b>..</b>:加粗 <i>..</i>:斜体 <u>..</u>:带下划线
<tt>..</tt>:标准打印机字体 <strike>..</strike>:带删除线
<big>..</big>:大字体文本 <small>..</small>:小字体文本
5、强制换行标记: 文字<br>
6、强制换段标记:<p>
7、分区显示标记:<div align=left|center|right>文本或图像</div>
8、水平线标记:<hr align=对齐方式 size=粗细 width=长度 color=颜色 noshade> 注:noshade设置为平面显示。
9、特殊符号:<-&lt; >-&gt; "-&quot; 空格-&nbsp;
10、建立超链接:
(1)热点标记:
<a href=地址/name=字符串 target=打开窗口方式>热点</a> 注:在URL中href与name不能同时使用。
打开窗口方式:
target="_blank"或者target="new":在新窗口中打开。
target="_parent":显示在直接父框架窗口中。
target="_self":在当前窗口中打开。(默认)
target="_top":显示在没有框架的窗口中。
target="框架名称":显示在制定框架窗口中。
(2)创建指向其他页面的链接:
<a href="路径/文件名.html">热点</a> 注:退到上一级目录方法: ../
(3)标签链接:
<a href="#记号名">热点</a>---------------------<a name="记号名">..</a>
11、图片标记:<img src=文件名 alt=说明 width=x height=y border=n hspace=h vspace=v align=对齐方式>
12、用图片作为超链接:<a href="地址"><img src=图片文件名></a>