比如word中有字体加粗,我们文本格式化标签也能做到,只需要使用标签<b>就能实现。斜体文字我们用<i>来表示。
<big>和<small>两个标签和基础标签里的<h1>~<h6>差不多。是字体大小的一个标签。<sub>和<sup>是上标字和下标字。<ins>是插入字,<del>是删除字。
?<em>定义是着重文字,<storng>是加重语气。这两个标签都是为了突出重点的标签。在文本格式化标签里还有一些标签是可以让其他标签代替的。
比如<s>和<strike>标签可以用<del>标签来代替。<u>标签可以用<style>这个标签来代替。所以html中的文本格式化标签基本是用于文字设置方面的,接下来大家可以试验一下。在html中这些都是需要大家掌握的基础,还希望大家进行理解性的记忆,
<HTML>文件宣告 让浏览器知道这是HTML文件<HEAD>开头 提供文件整体信息
<TITLE>标题 定义文件标题将显示于浏览器顶端
<BODY>主体 设计文件格式及内容所在
排版标记
<!--注解-->说明标记 为文件加上说明但不被显示
<P>段落标记 为字、图、表格等之间留下一空白行
<BR>换行标记 令字、图、表格显示于下一行
<HR>水平线 插入一水平线
<CENTER>居中 令字、图、表格等显示于中间
<PRE>预设格式 令文件按原代码的排列方式显示
<DIV>定位标记 设定字、图、表格等的摆放位置
<NOBR>不换行 令文字不因太长而换行
<WBR>建议换行 预设换行部位
字体标记
<STRONG>加重语气 产生字体加粗Bold的效果
<B>粗体标记 产生字体加粗的效果
<EM>强调标记 字体出现斜体效果
<I>斜体标记 字体出现斜体效果
<TT>等宽字体 Courier字体,字母宽度相同
<U>加下划线 加下划线
<H1>一级标题标记 将字体变大,级数越高越小
<H2>二级标题标记 将字体变大
<H3>三级标题标记 将字体变大
<H4>四级标题标记 将字体变大
<H5>五级标题标记 将字体变大
<H6>六级标题标记 将字体变大
<FONT>字体标记 设定字体、大小、颜色
<BASEFONT>基准字体标记 设定所有字体、大小、颜色
<BIG>字体加大 令字体稍微变大
<SMALL>字体缩小 令字体稍微缩小
<STRIKE>加删除线 为文字加删除线
<CODE>程式码 字体稍微加宽
<KBD>键盘字 字体稍微加宽,单一空白
<SAMP>范例 字体稍为加宽
<VAR>变量 斜体效果
<CITE>斜体标记 斜体效果
<BLOCKQUOTE>向右缩排 文字向右缩排
<DFN>述语定义 斜体效果
<ADDRESS>地址标记 斜体效果
<SUB>下标字 文字下标
<SUP>上标字 文字上标
清单标记
<OL>顺序清单 清单项目将以数字、字母顺序排列
<UL>无序清单 清单项目将以实心圆点作为符号排列
<LI>清单项目 清单中的项目,一个标记一行
<MENU>选项清单 可用type参数指定项目符号
<DIR>目录清单 与<menu>相同
<DL>定义清单 清单分两层出现
<DT>定义条目 清单项标题
<DD>定义内容 清单项内容
表格标记
<TABLE>表格标记 设定该表格的各项参数
<CAPTION>表格标头 位于表格之上或之下
<TR>表格行 设定该表格的行
<TD>表格单元格 设定该表格的单元格
<TH>表格标题 相等于<TD>,但其内文字字体会变粗
表单标记
<FORM>表单标记 决定该表单的运作模式
<TEXTAREA>文字框 提供文字输入栏
<INPUT>输入标记 决定输入形式
<SELECT>选择标记 建立d出卷动清单
<OPTION>选项 每一个清单选项
图形标记
<IMG>图形标记 用来插入图形及设定图形属性
链接标记
<A>链接标记 加入链接
<BASE>基准标记 可将相对URL转绝对及指定链接
框架标记
<FRAMESET>框架设定 设定框架
<FRAME>窗口设定 设定框架中的窗口
<IFRAME>页内框架 于网页中插入框架
<NOFRAMES>不支持框架 设定浏览器不支持框架时的提示
影像地图
<MAP>影像地图名称 设定影像地图名称
<AREA>链接区域 设定各链接区域
多媒体
<BGSOUND>背景声音 令背景播放音乐或声音
<EMBED>多媒体 加入声音、音乐或影像
其他标记
<MARQUEE>走马灯 令文字走动
<BLINK>闪烁文字 令文字闪烁
<ISINDEX>页内寻找器 可输入关键字寻找该页
<META>开头说明 提供关于此页的信息给浏览器
<LINK>关系定义 定义该文件与其他URL的关系
StyleSheet
<STYLE>式样表 控制网页版面
<span>自订标记 独立使用或与样式表一起用
再不懂 就到那些网页设计的网站
都有教程的
<title></title>网页的标题<boby></boby>构成web的主体
1.background 定义网页的背景图案
2.bgcolor 背景色(默认 白)
3.text 文字颜色(默认 黑)
4.link 超链接颜色(默认 蓝)
5.alink 当前被选中的超链接颜色(默认 红)
6.vlink 已被访问过的超链接颜色(默认 紫)
<font></font>标志符可以控制字符的样式
1.face 设置文字的字体效果
2.color 设置文字颜色
3.size 设置字体大小
<b></b>粗体 <strike></strike>删除线
<big></big>大字体 <sub></sub>下标
<i></i>斜体 <sup></sup>上标
<s></s>删除线 <u></u>下划线
<small></small>小字体
<hn></hn>设置文件中的标题 nj 1~6的数字
<p></p>(paragraph)划分段落
<pre></pre>预格式化标志符
<hr>换行并绘制一条水平线(没有结束标志符)
1.width 水平线长度
2.size 水平线粗细
3.noshade 无阴影
4.align 水平线的对齐方式(left center right)
5.color 水平线颜色
<br>强制换行(没有结束标志符)
<ol>
<li>......</li>
<li>......</li>
.......
</ol>设置有序列表 li可是1.2.3....或a.b.c....或A.B.C...或i.ii.iii.....或I.II.III....
(两个属性:type start)
<ul>
<li>......</li>
<li>......</li>
......
</ul>无序列表 (一个属性:type disc实心圆 circle空心圆 square方框)
<a></a>实现超链接
1.href 定义超链接所指向的文档的URL
2.target 目标窗口
3.name 锚名称 (该属性一般在创建页面内超链接时使用)
<a href="/URL"></a>使用a标志符创建超链接时,可以使用相对路径(同一网站内的文件),也可以使用绝对路径(指向本站点以外的文件)
<a name="锚点名称"></a>
.....
<a href="#锚点名称"></a>创建网面内超链接逻辑上分为两步,首先定义锚点,然后再创建指向锚点的超链接
<a href="mailto:电子邮箱地址"></a>指向电子邮箱的超链接>
<img>插入图像
1.src 设置被引用的图像文件所在的位置
2.alt 设置图像的简单文字说明
3.width,height 设置图像的宽度与高度
4.align 对齐方式(left,right,top,bottom,middle)
5.border 边框宽度
6.hspace ,vspace 定义了图像与周围元素的水平和垂直间距
<map name="图像映射名称">
<area>
<area>
......
</map>
<img src="/"usemap="#图像映射名称"><map></map>定义了图像映射的区域
img通过usemap可以确定与所建立的图像映射区域的关系
area定义图像不同区域与不同文档之间建立链接
1.shape 形状(rect矩形 circle圆 poly多边形)
2.coords 坐标
3.target 目标窗口
4.alt 替换文字
<table>
<caption></caption>
<tr>
<th></th><th></th>......
</tr>
<tr>
<td></td><td></td>......
</tr>
......
</table>table标记符定义表格 caption定义表格标题 tr标记符定义表格的行 th,td标志符定义表格的单元格 th定义表头单元格
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)