HTML常用标记
《HTML常用标记》
一、HTML文档结构
<html>//网页解析开始
<head>//网页头部定义开始
<title>标题<title>//定义标题显示于浏览器的标题栏内
</head>//网页头部定义结束
<body>//网页主体定义开始
网页主体内容
</body>//网页主体定义结束
</html>//网页解析结束
以下是具体标记说明。
1.文件标题
<title>..........</title>
2.文件更新--<meta>
【1】10秒后自动更新一次
<meta http-equiv="refresh"content=10>
【2】10秒后自动连结到另一文件
<meta http-equiv="refresh"content="10;URL=欲连结文件之URL">
二、文字标记
预设的基准路径--<base><base href="放置文件的主机之URL">
版面
1.标题文字<h#>..........</h#>#=1~6;h1为最大字,h6为最小字
2.字体变化<font>..........</font>
【1】字体大小<font size=#>..........</font>#=1~7;数字愈大字也愈大
【2】指定字型<font face="字型名称">..........</font>
【3】文字颜色<font color=#rrggbb>..........</font>取值为十六进制数
r:表红色(red)色码 g:表绿色(green)色码 b:表蓝色(blue)色码
3.显示小字体<small>..........</small>
4.显示大字体<big>..........</big>
5.粗体字<b>..........</b>
6.斜体字<i>..........</i>
7.打字机字体<tt>..........</tt>
8.底线<u>..........</u>
9.删除线<strike>..........</strike>
10.下标字<sub>..........</sub>
11.上标字<sup>..........</sup>
12.文字闪烁效果<blink>..........</blink>
13.换行<br>
14.分段<p>
15.文字的对齐方向<p align="#">#号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐P.S.<p align="#">之後的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,或遇到<hr>或<h#>标签时会自动设回预设的向左对齐。
16.水平线(分隔线)<hr>注:多个属性可以同时写。
【1】分隔线的粗细<hr size=点数>
【2】分隔线的宽度<hr size=点数或百分比>
【3】分隔线对齐方向<hr align="#">#号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐
【4】分隔线的颜色<hr color=#rrggbb>
【5】实心分隔线<hr noshade>
17.向中对齐<center>..........</center>
18.依原始样式显示(预定义格式)<pre>..........</pre>
19.<body>标签的属性
【1】背景颜色--bgcolor<bodybgcolor=#rrggbb>
【2】背景图案--background<body background="图形文件名">
【3】设定背景图案不会卷动--bgproperties<body bgproperties=fixed>
【4】文件内容文字的颜色--text<body text=#rrggbb>
【5】超连结文字颜色--link<body link=#rrggbb>
【6】正被选取的超连结文字颜色--vlink<body vlink=#rrggbb>
【7】已连结过的超连结文字颜色--alink<body alink=#rrggbb>
20.注解<!--..........-->(点表示注释部分)
21.特殊字元表示法(常见有以下几个)
三、列表(项目符号与编号)
1、有序号的清单<ol><li>项目1<li>项目2<li>项目3</ol>
【1】序号形式--type<oltype=#>或<litype=#>#号可为A:表以大写英文字母A、B、C、D...做为项目编号a:表以小写英文字母a、b、c、d...做为项目编号I:表以大写罗马数字做为项目编号i:表以小写罗马数字做为项目编号1:表以阿拉伯数字做为项目编号(预设值)
【2】起始数字--start<ol start=欲开始计数的序数>
【3】指定编号--value<li value=欲指定的序数>
2、无序号的清单<ul><li>项目1<li>项目2<li>项目3</ul>
【1】项目符号形式--type<ul type=#>或<li type=#>#号可为disc:实心圆点(预设值)circle:空心圆点square:实心方块
【2】原始清单--plain<ul plain>
【3】清单排列方式--warp《1》清单垂直排列<ul warp=vert>《2》清单水平排列<ulwarp=horiz>3、目录式列表
<dir><li>项目1<li>项目2<li>项目3</dir>P.S.目录式清单每一个项目不能超过20个字元(即10个中文字)
4、菜单式列表<menu><li>项目1<li>项目2<li>项目3</menu>
5、定义式列表<dl><dt>项目1<dd>项目1说明<dt>项目2<dd>项目2说明<dt>项目3<dd>项目3说明</dl>
紧密排列--compact<dlcompact>P.S.如此可使<dt>的内容与<dd>的内容在同一行,仅以数格空白相隔而不换行,但若<dt>的文字超过一定的长度后,compact的作用就消失了!
四、超链接
1、连结至其他文件<a href="/URL">说明文字或图片</a>
2、连结至文件内之某一处(外部连结)
《1》起点
<a href="档名#名称">..........</a>
《2》终点<a name="名称">
3、frame框架的超链接
【1】开启新的浏览器来显示连结文件--_blank<a href="/URL" target=_blank>
【2】显示连结文件於目前的frame--_self<a href="/URL" target=_self>
【3】以上一层的分割视窗显示连结文件--_parent<a href="/URL" target=_parent>
【4】以全视窗显示连结文件--_top<a href="/URL" target=_top>
【5】以特定视窗显示连结文件--<a href="/URL" target="特定视窗名称">
五、表格相关属性
1.定义表格<table>..........</table>
【1】设定边框的厚度--border
<table border=点数>
【2】设定格线的宽度--cellspacing
<table cellspacing=点数>
【3】设定资料与格线的距离--cellpadding
<table cellpadding=点数>
【4】调整表格宽度--width
<table width=点数或百分比>
【5】调整表格高度--height
<table height=点数或百分比>
【6】设定表格背景色彩--bgcolor
<table bgcolor=#rrggbb>
【7】设定表格边框色彩--bordercolor
<table bordercolor=#rrggbb>
2.显示格线<table border>
3.表格标题
<caption>..........</caption>
表格标题位置--align
<caption align="#">#号可为top:表标题置于表格上方(预设值)bottom:表标题置于表格下方
4.定义列<tr>
5.定义栏位
《1》<td>:靠左对齐
《2》<th>:靠中对齐、粗体
【1】水平位置--align<th align="#">
#号可为left:向左对齐 center:向中对齐right:向右对齐
【2】垂直位置--align<th align="#">#号可为
top:向上对齐middle:向中对齐
bottom:向下对齐
【3】栏位宽度--width
<th width=点数或百分比>
【4】栏位垂直合并--rowspan
<th rowspan=欲合并栏位数>
【5】栏位横向合并--colspan
<th colspan=欲合并栏位数>
六、表单
表单相关属性
1、基本架构<form action="处理资料用的CGI程式之URL" method="get或post">........</form>
2、输入文件型表单<form action="URL"method="post"><input><input>..........</form>【1】栏位类型--type<input type=#>#号可为text:文字输入password:密码checkbox:多选钮radio:单选钮submit:接受按钮reset:重设按钮image:图形钮hidden:隐藏栏位
【2】栏位名称--name<input name="资料栏名">P.S.若type为submit、reset则name不必设定
【3】文件上的预设值--value<input value="预设之字串">
【4】设定栏位的宽度--size<input size=字元数>
【5】限制最大输入字串的长度--maxlength<input maxlength=字元数>
【6】预设checkbox或radio的初值--checked<input type=checkboxchecked><input
type=radiochecked>
【7】指定图形的URL--src<input type=image src="图档名">
【8】图文对齐--align<input type=image align="#">#号可为top:文字对齐图片之顶端middle:文字对齐图片之中间buttom:文字对齐图片之底部
3、选择式表单<form action="URL"method="post"><select><option><option >....................</select></form>
A、<select>的属性
【1】栏位名称--name<select name="资料栏位名">
【2】设定显示的选项数--size<select size=个数>
【3】多重选项--multiple<select multiple>
B、<option>的属性
【1】定义选项的传回值--value<option value="传回值">
【2】预先选取的选项--selected<option selected>
4、多列输入文字区表单<form action="URL"method="post"><textarea>....................<
/textarea></form>
【1】文字区的变数名称--name<textarea name=变数名称>
【2】设定文字输入区宽度--cols<textarea cols=字元数>
【3】设定文字输入区高度--rows<textarea rows=列数>
【4】输入区设定预设字串<textarea>预设文字</textarea>
【5】自动换行与否--wrap<textarea wrap=#>#号可为off:表输入的文字超过栏宽时,不会自动换行(预设值)virtual:表输入的文字在超过栏宽时会自动换行
七、图片
1.插入图片<img src="图形文件名">
2.设定图框--border<img src="图形文件名"border=点数>
3.设定图形大小--width、height<img src="图形文件名"width=宽度点数height=高度点数>
4.设定图形上下左右留空–vspace、hspace<img src="图形文件名"vspace=上下留空点数hspace=左右留空点数>
5.图形附注<img src="图形文件名"alt="说明文字">
6.预载图片
<img src="高解析度图形文件名" lowsrc="低解析度图形文件名">P.S.两个图的图形大小最好一致7.(地图链接)影像地图(ImageMap)
<img src="图形文件名"usemap="#图的名称">
<map name="图的名称">
<area shape=形状coords=区域座标列表href="连结点之URL">
<area shape=形状coords=区域座标列表href="连结点之URL">
<area shape=形状coords=区域座标列表href="连结点之URL">
<area shape=形状coords=区域座标列表href="连结点之URL"></map>
【1】定义形状shape=rect:矩形shape=circle:圆形shape=poly:多边形
【2】定义区域coords
a.矩形:必须使用四个数字,前两个数字为左上角座标,后两个数字为右下角座标
例:<area shape=rectcoords=100,50,200,75 href="/URL">
b.圆形:必须使用三个数字,前两个数字为圆心的座标,最后一个数字为半径长度
例:<area shape=circlecoords=85,155,30 href="/URL">
c.任意图形(多边形):将图形之每一转折点座标依序填入
例:<area shape=polycoords=232,70,285,70,300,90,250,90,200,78 href="/URL">
8、 背景音乐设定
八、框架属性
1、分割视窗标签<frameset>..........</frameset>
【1】垂直(上下)分割--rows
<frameset rows=#>#号可为点数:如欲分割为100,200,300三个视窗,则
<frameset rows=100,200,300>;亦可以*号代表,如<frameset rows=*,500,*>
百分比:如<frameset rows=30%,70%>,各项总和最好为100%
【2】水平(左右)分割--cols<frameset cols=点数或百分比>
2、指定视窗内容--<frame>
<frameset cols=30%,70%><frame><frame></frameset>
【1】指定视窗的文件名称--src<frame src=HTML档名>
【2】定义视窗的名称--name
<frame name=视窗名称>
【3】设定文件与上下边框的距离--marginheight
<frame marginheight=点数>
【4】设定文件与左右边框的距离--marginwidth
<frame marginwidth=点数>
【5】设定分割视窗卷轴--scrolling
<frame scrolling=#>#号可为yes:固定出现卷轴
no:不出现卷轴auto:自动判断文件大小需不需要卷轴(预设值)
【6】锁住分割视窗的大小--noresize<frame noresize>
不支持框架显示。
九、滚动条
... 普通卷动
... 滑动
... 预设卷动
... 来回卷动
... 向下卷动
... 向上卷动
向右卷动
向左卷动
... 卷动次数
... 设定宽度
... 设定高度
... 设定背景颜色
... 设定滚动速度
... 设定卷动时间
... 鼠标经过上面时停止滚动
... 鼠标离开时开始滚动
十、CSS
(一)css结构
例:td{font-size:10.5pt;color:#666666}
css样式包含两个基础部分,
选择符
和声明{font-size:10.5pt;color:#666666}声明也有两部分组成:
属性font-size,color和值10.5pt,#666666
选择符分为6种
1、元素选择符
当页面上多个元素的样式相同时,可以将多个元素放在一起定义,中间以逗号分开例:td,p,li,input,select{font-size:12px;}
2、class(类)选择符
3 、id选择符
与class选择附类似,只是把'.'换成'#'
4、伪元素选择符
首行伪元素(first-line)和首字符伪元素(first-letter)是用来实现首行大写和首行下沉效果的
(二)引入样式表
1、内嵌式样式表:
格式:
2、导入式样式表
〈html>
....
3外联式样式表
(三)单位
1 长度单位
数值可以是整数,小数,正数,负数,0,后加单位(负值不要轻易使用)换算关系:
1in(英寸)=6pc(派)
1in(英寸)=72pt(磅)
1in(英寸)=2.54(厘米)
1cm(厘米)=10mm(毫米)
1cm(厘米)=0.3937(英寸)
1pt(磅)=1/72in(英寸)=0.2478mm(毫米)
1pc(派)=1/6in(英寸)=我国新四号铅字的尺寸
2 百分比单位
3 颜色单位
4 url单位
div属性
color : #999999 文字颜色
font-family : 宋体文字字型
font-size : 10pt 文字大小
font-style:itelic 文字斜体育
font-variant:small-caps 小字体
letter-spacing : 1pt 文字间距
line-height : 200% 设定行高
font-weight:bold 文字粗体
vertical-align:sub 下标字
vertical-align:super 上标字
text-decoration:line-through 加?h除线
text-decoration:overline 加顶线
text-decoration:underline 加底线
text-decoration:none ?h除连接底线
text-transform : capitalize 首字大写
text-transform : uppercase 英文大写
text-transform : lowercase 英文写
text-align:right 文字*右对齐
text-align:left 文字*左对齐
text-align:center 文字置中对齐
这些是一些简单的文字效果,可以应用到css的页面中。
(四)背景
background-color:black 背景颜色
background-image : url(image/bg.gif) 背景图片
background-attachment : fixed 固定背景
background-repeat : repeat 重复排列-网页预设
background-repeat : no-repeat 不重复排列
background-repeat : repeat-x 在x轴重复排列
background-repeat : repeat-y 在y轴重复排列
background-position : 90% 90% 背景图片x与y轴的位置(五)链接
A 所有超连接
A:link 超连接文字格式
A:visited 浏览过的连接文字格式
A:active 按下连接的格式
A:hover 鼠标移至连接
(六)边框
border-top : 1px solid black 上框
border-bottom : 1px solid #6699cc 下框
border-left : 1px solid #6699cc 左框
border-right : 1px solid #6699cc 右框
border: 1px solid #6699cc 四边框
HTML标记语言常用标记大全 html标记语言常用标记大全2009-10-1416:30 HTML标记一览,后有详解
HTML里,比较基础的标签主要用于标题,段落和分行。 学习HTML最好的方法,就是跟着示例学。为了各位学习的方便,我们准备了一个简单的HTML编辑器,你可以在左边写HTML代码,然后点击上面的按钮,查看HTML的显示结果。 copyright dedecms 试试看吧! 示例:一个非常简单的HTML文件本文来自织梦
这是一个非常简单的HTML。 织梦内容管理系统 这个示例算是一个最简单的HTML文件,只包含了最基本的能构成一个HTML文件的标签。通过这个例子,你可以看到浏览器是如何显示这个文件的,以此对HTML文件有个最初的认识。 织梦好,好织梦 示例:简单的段落 内容来自dedecms copyright dedecms 这是第一段。 这是第二段。 这是第三段。 内容来自dedecms 在HTML里,用p来定义段落。 织梦好,好织梦 织梦好,好织梦 这个示例显示在HTML文件里如何分段。织梦内容管理系统 正文标题 这个示例告诉你如何在HTML文件里定义正文标题。 本文来自织梦 HTML用
到这几个标签来定义正文标题,从大到小。每个正文标题自成一段。 copyright dedecms This is a heading This is a heading This is a heading This is a heading This is a heading This is a heading copyright dedecms 段落划分 在HTML里用和 划分段落。 内容来自dedecms This is a paragraph This is another paragraph 本文来自织梦 换行 通过使用 这个标签,可以在不新建段落的情况下换行。 没有Closing Tag。 内容来自dedecms 用换行是个坏习惯,正确的是使用 。 copyright dedecms This is a para graph with line breaks完整HTML5常用标签大全推荐文档 // 定义文档类型。 // 定义 HTML 文档。 // 定义文档的标题。 // 定义文档的主体。 // 定义 HTML 标题。 // 定义段落。 // 定义简单的折行。 // 定义水平线。 // 定义注释。 // 定义只取首字母的缩写。 // 定义缩写。 // 定义文档作者或拥有者的联系信息。 // 定义粗体文本。 // 定义文本的文本方向,使其脱离其周围文本的方向设置。 // 定义文字方向。 // 定义大号文本。 // 定义长的引用。 // 不赞成使用。定义居中文本。 // 定义引用 (citation) 。 // 定义计算机代码文本。 // 定义被删除文本。 // 定义定义项目。 // 定义强调文本。 // 不赞成使用。定义文本的字体、尺寸和颜色 // 定义斜体文本。 // 定义被插入文本。 // 定义键盘文本。 // 定义有记号的文本。 // 定义预定义范围内的度量。 // 定义预格式文本。 // 定义任何类型的任务的进度。 // 定义短的引用。 // 定义若浏览器不支持 ruby 元素显示的内容。 // 定义 ruby 注释的解释。 // 定义 ruby 注释。 // 不赞成使用。定义加删除线的文本。 // 定义计算机代码样本。 // 定义小号文本。 // 不赞成使用。定义加删除线文本。 // 定义语气更为强烈的强调文本。 基 础
to 格 式 html标签大全 创建一个HTML文档
设置文档标题和其它在网页中不显示的信息 设置文档的标题 最大的标题 预先格式化文本 下划线 黑体字 斜体字 打字机风格的字体 引用,通常是斜体 强调文本(通常是斜体加黑体) 加重文本(通常是斜体加黑体) 设置字体大小从1到7,颜色使用名字或RGB的十六进制值 基准字体标记 字体加大 字体缩小 加删除线
程式码 键盘字 范例 变量
向右缩排 述语定义 地址标记 上标字 下标字 ... 固定寬度字体(在文件中空白、換行、定位功能有效) ... 固定寬度字體(不執行標記符號) ... 固定寬度小字體 ... 字體顏色 ... 最小字體 ... 無限增大 ◆◆◆◆◆◆◆◆◆◆◆◆◆◆《〈格式标志〉》◆◆◆◆◆◆◆◆◆◆◆◆ 创建一个段落 将段落按左、中、右对齐
HTML中常用标记 HTML常用标记 HTML页面基本结构标记 HTML页面的结构代码如下:
页面标题 这里是页面内容部分 HTML常用标记 表内容的标记 1、文本标记 文本基础元素包括p,h1,h2,h3,h4,h5,h6等元素,主要用来容纳文本等内容。 1、:块元素,表示文本段落。 2、:内联元素,用来区分文本中的一个部分。 3、标题元素:块元素,用来定义文本中的各种标题。h1,h2,h3,h4 ,h5,h6,其中每 个元素都对应有默认的字体样式其代码如下: 一级标题
二级标题 三级标题 四级标题 五级标题 六级标题 2、粗、斜体标记 1、:内联元素,文本以粗体显示。 2、:内联元素,显示效果为文本加粗。 3、:内联元素,文本以斜体显示。 4、:内联元素,文本以斜体显示。 3、水平线、换行、注释标记 1、 :内联元素,文本换行。 2、 :块级元素,横向实线。 3、:注释 4、图像、背景音乐、插入动画等标记 1、 :内联元素,用来插入图像文 件。 src :用于指定图片文件所在的位置。 title/alt:用于指定一段文本信息,作为鼠标放在图像上的提示。 2、 :用来添加背景音乐。html标记有哪些类型 HTML标记有哪些类型HTML用于描述功能的符号称为“标记”。 HTML的标记有以下类型: 单标记:只需单独使用就能完整的表达意思。 这类标记的语法是: <标记名称> 最常用的单标记符号是 ,它表示换行。 双标记:由“始标记”和“尾标记”两部分构成。它必须成对出现。 这类标记的语法是: <标记>内容标记> 标记类型译名或意义作用备注 文件标记 ●文件声明让浏览器知道这是HTML 文件
●开头提供文件整体资讯 ●标题定义文件标题,将显示于浏览顶端 ●本文设计文件格式及内文所在 排版标记○说明标记为文件加上说明,但不被显示
○段落标记为字、画、表格等之间留一空白行 ○换行标记令字、画、表格等显示于下一行
○水平线插入一条水平线 ●居中令字、画、表格等显示于中间反对 ●预设格式令文件按照原始码的排列方式显示 ●区隔标记设定字、画、表格等的摆放位置
●不折行令文字不因太长而绕行 ●建议折行预设折行部位 字体标记 ●加重语气产生字体加粗Bold 的效果 ●粗体标记产生字体加粗的效果 ●强调标记字体出现斜体效果 ●斜体标记字体出现斜体效果 ●打字字体Courier字体,字母宽度相同 ●加上底线加上底线反对 ●一级标题标记变粗变大加宽,程度与级数反比 ●二级标题标记将字体变粗变大加宽 ●三级标题标记将字体变粗变大加宽 ●四级标题标记将字体变粗变大加宽 ●五级标题标记将字体变粗变大加宽 ●六级标题标记将字体变粗变大加宽 ●字形标记设定字形、大小、颜色反对 ○基准字形标记设定所有字形、大小、颜色反对 ●字体加大令字体稍为加大 ●字体缩细令字体稍为缩细 ●画线删除为字体加一删除线反对 ●程式码字体稍为加宽如 ●键盘字字体稍为加宽,单一空白HTML标记大全参考手册 ---- HTML标记大全参考手册[推荐] (https://www.doczj.com/doc/c015308387.html,/dispbbs.asp?boardid=7&rootid=&id=470) -- 作者:雨过天晴 -- 发布时间:2003-1-27 17:42:06 -- HTML标记大全参考手册[推荐] 总类(所有HTML文件都有的) 文件类型 (放在档案的开头与结尾) 文件主题
(必须放在「文头」区块内) 文头 (描述性资料,像是「主题」) 文体 (文件本体) ------------------------------------------------------------结构性定义(由浏览器控制的显示风格) 标题 (从1到6,有六层选择) 3.0 标题的对齐 3.0 区分
3.0 区分的对齐
引文区块 (通常会内缩) 强调 (通常会以斜体显示) 特别强调 (通常会以加粗显示) 引文 (通常会以斜体显示) 码
(显示原始码之用) 样本 键盘输入 变数 定义 (有些浏览器不提供) 地址 3.0 大字 3.0 小字 ------------------------------------------------------------与外观相关的标签(作者自订的表现方式) 加粗 html标记语言常用标记大全 html标记语言常用标记大全2009-10-14 16:30 HTML标记一览,后有详解
HTML里,比较基础的标签主要用于标题,段落和分行。
学习HTML最好的方法,就是跟着示例学。为了各位学习的方便,我们准备了一个简单的HTML编辑器,你可以在左边写HTML代码,然后点击上面的按钮,查看HTML的显示结果。 copyright dedecms 试试看吧! 示例:一个非常简单的HTML文件本文来自织梦
这是一个非常简单的HTML。 织梦内容管理系统 这个示例算是一个最简单的HTML文件,只包含了最基本的能构成一个HTML 文件的标签。通过这个例子,你可以看到浏览器是如何显示这个文件的,以此对HTML文件有个最初的认识。 织梦好,好织梦 示例:简单的段落 内容来自dedecms copyright dedecms 这是第一段。 这是第二段。 这是第三段。 内容来自dedecms 在HTML里,用p来定义段落。 织梦好,好织梦 织梦好,好织梦 这个示例显示在HTML文件里如何分段。织梦内容管理系统正文标题 这个示例告诉你如何在HTML文件里定义正文标题。 本文来自织梦 HTML用
到这几个标签来定义正文标题,从大到小。每个正文标题自成一段。 copyright dedecms This is a heading This is a heading This is a heading This is a heading This is a heading This is a heading copyright dedecms 段落划分 在HTML里用和 划分段落。 内容来自dedecms This is a paragraph This is another paragraph 本文来自织梦 换行 通过使用 这个标签,可以在不新建段落的情况下换行。 没有Closing Tag。 内容来自dedecms 用换行是个坏习惯,正确的是使用 。 copyright dedecms This is a para graph with line breaks 织梦内容管理系统 HTML注释 在HTML文件里,你可以写代码注释,解释说明你的代码,这样有助于你和他人前端 html 标签 基础 标签描述 定义文档类型。 定义HTML 文档。
定义文档的标题。 定义文档的主体。 to 定义HTML 标题。 定义段落。 定义简单的折行。 定义水平线。 定义注释。 格式 标签描述 定义只取首字母的缩写。 定义缩写。 定义文档作者或拥有者的联系信息。 定义粗体文本。 定义文本的文本方向,使其脱离其周围文本的方向设置。定义文字方向。 定义大号文本。 定义长的引用。 不赞成使用。定义居中文本。 定义引用(citation)。 定义计算机代码文本。 定义被删除文本。 定义定义项目。 定义强调文本。不赞成使用。定义文本的字体、尺寸和颜色定义斜体文本。 定义被插入文本。 定义键盘文本。 定义有记号的文本。 定义预定义范围内的度量。 定义预格式文本。 定义任何类型的任务的进度。 定义短的引用。 定义若浏览器不支持ruby 元素显示的内容。定义ruby 注释的解释。 定义ruby 注释。 不赞成使用。定义加删除线的文本。 定义计算机代码样本。 定义小号文本。 不赞成使用。定义加删除线文本。 定义语气更为强烈的强调文本。 定义上标文本。 定义下标文本。 定义日期/时间。 定义打字机文本。 不赞成使用。定义下划线文本。 定义文本的变量部分。 定义视频。
HTML常用标记 《HTML常用标记》 一、HTML文档结构 <html>//网页解析开始 <head>//网页头部定义开始 <title>标题<title>//定义标题显示于浏览器的标题栏内 </head>//网页头部定义结束 <body>//网页主体定义开始 网页主体内容 </body>//网页主体定义结束 </html>//网页解析结束 以下是具体标记说明。 1.文件标题 <title>..........</title> 2.文件更新--<meta> 【1】10秒后自动更新一次 <meta http-equiv="refresh"content=10> 【2】10秒后自动连结到另一文件 <meta http-equiv="refresh"content="10;URL=欲连结文件之URL"> 二、文字标记 预设的基准路径--<base><base href="放置文件的主机之URL"> 版面 1.标题文字<h#>..........</h#>#=1~6;h1为最大字,h6为最小字 2.字体变化<font>..........</font> 【1】字体大小<font size=#>..........</font>#=1~7;数字愈大字也愈大 【2】指定字型<font face="字型名称">..........</font> 【3】文字颜色<font color=#rrggbb>..........</font>取值为十六进制数 r:表红色(red)色码 g:表绿色(green)色码 b:表蓝色(blue)色码 3.显示小字体<small>..........</small> 4.显示大字体<big>..........</big> 5.粗体字<b>..........</b> 6.斜体字<i>..........</i> 7.打字机字体<tt>..........</tt> 8.底线<u>..........</u> 9.删除线<strike>..........</strike> 10.下标字<sub>..........</sub> 11.上标字<sup>..........</sup> 12.文字闪烁效果<blink>..........</blink> 13.换行<br> 14.分段<p> 15.文字的对齐方向<p align="#">#号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐P.S.<p align="#">之後的文字都会以所设的对齐方式显示,直到出现另一个<p align="#">改变其对齐方向,或遇到<hr>或<h#>标签时会自动设回预设的向左对齐。 16.水平线(分隔线)<hr>注:多个属性可以同时写。 【1】分隔线的粗细<hr size=点数> 【2】分隔线的宽度<hr size=点数或百分比>
HTML中常用标记教学内容 H T M L中常用标记
HTML常用标记 HTML页面基本结构标记 HTML页面的结构代码如下:
页面标题 这里是页面内容部分 HTML常用标记 表内容的标记 1、文本标记 文本基础元素包括p,h1,h2,h3,h4,h5,h6等元素,主要用来容纳文本等内容。 1、:块元素,表示文本段落。 2、:内联元素,用来区分文本中的一个部分。 3、标题元素:块元素,用来定义文本中的各种标题。h1,h2,h3,h4 ,h5,h6,其中 每个元素都对应有默认的字体样式其代码如下: 一级标题
二级标题 三级标题 四级标题 五级标题 六级标题 2、粗、斜体标记 1、:内联元素,文本以粗体显示。 2、:内联元素,显示效果为文本加粗。 3、:内联元素,文本以斜体显示。 4、:内联元素,文本以斜体显示。 3、水平线、换行、注释标记 1、 :内联元素,文本换行。 2、 :块级元素,横向实线。 3、:注释 4、图像、背景音乐、插入动画等标记 1、 :内联元素,用来插入图像文 件。 src :用于指定图片文件所在的位置。 title/alt:用于指定一段文本信息,作为鼠标放在图像上的提示。 2、 :用来添加背景音乐。HTML5常用标签大全 基础 //定义文档类型。 //定义HTML 文档。
//定义文档的标题。 //定义文档的主体。 to //定义HTML 标题。 //定义段落。 //定义简单的折行。 //定义水平线。 //定义注释。 格式 //定义只取首字母的缩写。 //定义缩写。 //定义文档作者或拥有者的联系信息。 //定义粗体文本。 //定义文本的文本方向,使其脱离其周围文本的方向设置。 //定义文字方向。 //定义大号文本。 //定义长的引用。 //不赞成使用。定义居中文本。 //定义引用(citation)。 //定义计算机代码文本。 //定义被删除文本。 //定义定义项目。 //定义强调文本。 //不赞成使用。定义文本的字体、尺寸和颜色 //定义斜体文本。 //定义被插入文本。 //定义键盘文本。 //定义有记号的文本。 //定义预定义范围内的度量。 //定义预格式文本。 //定义任何类型的任务的进度。 //定义短的引用。 //定义若浏览器不支持ruby 元素显示的内容。 //定义ruby 注释的解释。 //定义ruby 注释。 //不赞成使用。定义加删除线的文本。 //定义计算机代码样本。 //定义小号文本。 //不赞成使用。定义加删除线文本。 //定义语气更为强烈的强调文本。常见HTML标记及含义 一、html基础知识 二、html结构
网络0801 基本标记 . 段落 换行 三、head内的标记 1、title 标题标记 功能:标题控制 使用:设置标题 格式:标题内容 实例:添加一个标题 2、base 基底网址标记 功能:文档的基本网址,其他为与其相对的网址 使用:插入栏/html/文件头/基础 格式: 实例:设置后,在文章中添加一个相对路径和绝对路径 4、media 原信息标记 功能:提高被搜索引擎搜索到的可能性 使用:插入栏/html/文件头/meta【name-搜索引擎http-equiv-设置浏览器检查信息,控制网页精确显示】 格式: (作者) (关键字) (说明) (字符集) (刷新) (强制独立窗口打开) ,链接标志,"…"为链接的文件地址 ,显示图片标志,"…"为图片的地址 ,换行标志,分段标志 ,采用黑体字 ,采用斜体字
,水平画线 ,字体样式标志 ,定义表格,HTML中重要的标志 ,定义表格的行,用在中 ,定义表格的单元格,用在 中 属性: 属性是用来修饰标志的,属性放在开始标志内.例:属性bgcolor="BLACK"表示背景色为黑色. 引用属性的例子: 表示页面背景色为黑色; 表示表格背景色为黑色. 常用属性: 对齐属性,范围属性:,色彩属性: ALIGN=LEFT,左对齐(缺省值), ALIGN=CENTER,居中,ALIGN=RIGHT,右对齐表示绝对居中. WIDTH=象素值或百分比,对象宽度. HEIGHT=象素值或百分比,对象高度. COLOR=#RRGGBB,前景色,参考色彩对照表. BGCOLOR=#RRGGBB,背景色. 表格标识的开始和结束. 属性: cellpadding=数值单位是像素,定义表元内距cellspacing=数值单位是像素,定义表元间距border=数值单位是像素,定义表格边框宽度width=数值单位是像素或窗口百分比,定义表格宽度background=图片链接地址,定义表格背景图 表格中一个表格行的开始和结束; 表格中行内一个单元格的开始和结束 属性: Colspan="",单元格跨越多列; Rowspan="",单元格跨越多行; Width="";定义表格宽度Height="";定义表格高度Align="";对齐方式Valign="" ; Border="",边框宽度; Bgcolor="",背景色; Bordercolor="",边框颜色; Bordercolorlight="",边框明亮面的颜色; Bordercolordark="",边框暗淡面的颜色; Cellpadding="",内容与边框的距离(默认为2); Cellspacing="",单元格间的距离(默认为2); 强制换行 文本标识的开始和结束 属性: face=字体color=颜色 加粗文字标识的开始和结束 属性: style=font-size:40pt;,用样式表方式控制字体大小,这里是40点
,分区标识的开始和结束 属性: align=|center|left|right|水平对齐方式 动态标识的开始和结束,如标识内放置贴图格式则可实现图片滚动 属性: scrollamount=1~60,滚动速度direction=|left|right|up|down|,滚动方向scrolldelay=滚动延时,单位:毫秒 段落标识, 空格符, 贴图标识 属性: src=../../图片链接地址,贴图标识必备属性style=filter:Alpha(opacity=100,style=2); filter:样式表滤镜; Alpha:透明滤镜, opacity:不透明度100(0~100); style:样式2(0~3), rules="none"不显示内框" 多媒体文件标识 属性: SRC="../../FILENAME", 设定音乐文件的路径,文件类型除了可以播放.rm;.mp3;.wav等音频,还可播放.swf和.mov等视频. AUTOSTART=TRUE/FALSE,是否要音乐文件传送完就自动播放,TRUE是要,FALSE是不要,默认为FALSE LOOP=,设定播放重复次数,LOOP=6表示重复6次,true或-1为无限循环,false为播放一次即停止.
HTML标签大全(常用) HTML标签大全(常用)基本 … 定义HTML 文档
… 文档的信息 HTML 文档的元信息 … 文档的标题 文档与外部资源的关系 文档的样式信息 … 可见的页面内容 注释 文本 ... 标题字大小(h1~h6) ... 粗体字 ... 粗体字(强调) ... 斜体字 ... 斜体字(强调) ... 下划线 ... 删除线(表示删除) … 居中文本 无序列表 … 有序列表 … 列表项目 … 超链接 定义文本字体尺寸、颜色、大小 下标 上标 换行 段落 图形 定义图像 水平线 表格 定义表格 … 定义表格中的表头单元格 … 定义表格中的行
… 定义表格中的单元 其它 定义供用户输入的HTML 表单 定义框架集的窗口或框架 16进制颜色(仅仅有16种颜色名可用英文字母,其余的要用16进制值) aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, yellowhtml常用标记已经分类 A.1 基本标记 :创建一个HTML文档
:设置文档标题以及其他不在WEB网页上显示的信息 :设置文档可见部分 :设置在浏览器标题栏中显示的该文档的题目 :设置背景颜色,使用颜色的英文单词或十六进制值代码 :设置文本文字的颜色,使用颜色的英文单词或十六进制值代码:设置链接的颜色,使用颜色的英文单词或十六进制值代码 :设置已链接过的链接的颜色,使用颜色的英文单词或十六进制值代码 :设置活动链接的颜色,使用颜色的英文单词或十六进制值代码A.2 文本格式标记 :创建预格式化文本 :创建最大的标题 :创建最小的标题 :创建黑体字 :创建斜体字 :创建打字机风格的字体 :创建一个引用,通常是斜体 :加重一个单词(通常是斜体加黑体) :加重一个单词(通常是斜体加黑体) :设置字体大小,从1到7 :设置字体的颜色,使用颜色的英文单词或十六进制代码 :创建一个新段落 :将段落按左、中、右对齐 :插入一个回车换行符
:从两边缩进文本
:一个用来排版大块HTML段落得标签或格式化图表A.3 链接标记 :创建一个超链接 :创建一个自动发送电子邮件的链接 :创建一个位于文档内部的锚 :创建一个指向位于文档内部锚的链接 A.4 列表标记 :创建一个用于解释名词的定义列表 :放在每个定义术语之前 :放在每个HTML常用标签大全 . 常用标签大全HTML 471 46807 转...LOVE天使阅2014-04-06 跑马功标普通卷... 滑... 预设卷... 来回卷... 向下卷... 向上卷... 向右卷 向左卷 卷动次... 设定宽... 设定高... 设定背景颜... 设定卷动距... 设定卷动时... 2. 字体效果功能标签 标题字(
... 最大) 标题字(最小) ... 粗体字... 粗体字(强调) ... 斜体字... 斜体字(强调) ... 斜体字(... 表示定义) 底线... 底线(表示插入文字) ... 横线... 删除线... 删除线(... 表示删除) 键盘文字... 打字体... ) 在文件中空白、换行、定位功能有效(固定宽度字体... HTML常用语言标签 HTML常用语言标签 文件标记 ●文件声明让浏览器知道这是html 文件
●开头提供文件整体资讯 ●标题定义文件标题,将显示于浏览顶端 ●本文设计文件格式及内文所在 排版标记 ○说明标记为文件加上说明,但不被显示 ○段落标记为字、画、表格等之间留一空白行 ○换行标记令字、画、表格等显示于下一行 ○水平线插入一条水平线 ●居中令字、画、表格等显示于中间反对 ●预设格式令文件按照原始码的排列方式显示 ●区隔标记设定字、画、表格等的摆放位置
●不折行令文字不因太长而绕行 ●建议折行预设折行部位 字体标记 ●加重语气产生字体加粗bold 的效果 ●粗体标记产生字体加粗的效果 ●强调标记字体出现斜体效果 ●斜体标记字体出现斜体效果 ●打字字体courier字体,字母宽度相同 ●加上底线加上底线反对 ●字形标记设定字形、大小、颜色反对 ○基准字形标记设定所有字形、大小、颜色反对 ●字体加大令字体稍为加大 ●字体缩细令字体稍为缩细 ●画线删除为字体加一删除线反对 ●程式码字体稍为加宽如 ●键盘字字体稍为加宽,单一空白 ●范例字体稍为加宽如 ●变数斜体效果 ●传记引述斜体效果 ●引述文字区块缩排字体 ●述语定义斜体效果 ●地址标记斜体效果 ●下标字下标字 ●上标字指数(平方、立方等) 清单标记 ●顺序清单清单项目将以数字、字母顺序排列 ●无序清单清单项目将以圆点排列 ○清单项目每一标记标示一项清单项目 ●选单清单清单项目将以圆点排列,如