冷月葬花魂 发表于 2015-1-15 22:31:44

带来一篇HTML标签详解

HTML5语音识别(现在一般用在搜索上),目前相关介绍还是挺多的。为何呢?因为很简单!<html>
<head>
<title>题目<title>
</head>
<body>..........文件内容..........
</body>
</html>
1.文件题目
<title>..........</title>
2.文件更新--<meta>
 【1】10秒后主动更新一次
  <metahttp-equiv="refresh"content=10>
 【2】10秒後主动保持到另外一文件
  <metahttp-equiv="refresh"content="10;URL=欲保持文件之URL">
3.查询用表单--<isindex>
   若欲设定查询栏位前的提醒笔墨:
  <isindexprompt="提醒笔墨">
4.预设的基准路径--<base>
<basehref="安排文件的主机之URL">

版面
1.题目笔墨<h#>..........</h#>#=1~6;h1为最年夜字,h6为最小字
2.字体变更<font>..........</font>
【1】字体巨细<fontsize=#>..........</font>#=1~7;数字愈年夜字也愈年夜
【2】指定字型<fontface="字型称号">..........</font>
【3】笔墨色彩<fontcolor=#rrggbb>..........</font>rr:表白色(red)色码gg:表绿色(green)色码bb:表蓝色(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.笔墨的对齐偏向<palign="#">#号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐P.S.<palign="#">之後的笔墨城市以所设的对齐体例显现,直到呈现另外一个<palign="#">改动其对齐偏向,或碰到<hr><h#>标签时会主动设回预设的向左对齐。
16.分开线<hr>
【1】分开线的粗细<hrsize=点数>
【2】分开线的宽度<hrsize=点数或百分比>
【3】分开线对齐偏向<hralign="#">#号可为left:表向左对齐(预设值)center:表向中对齐right:表向右对齐
【4】分开线的色彩<hrcolor=#rrggbb>
【5】实心分开线<hrnoshade>
17.向中对齐<center>..........</center>
18.依原始款式显现<pre>..........</pre>
19.<body>指令的属性
【1】背景色彩--bgcolor<bodybgcolor=#rrggbb>
【2】背景图案--background<bodybackground="图形文件名">
【3】设定背景图案不会卷动--bgproperties<bodybgproperties=fixed>
【4】文件内容笔墨的色彩--text<bodytext=#rrggbb>
【5】超保持笔墨色彩--link<bodylink=#rrggbb>
【6】正被拔取的超保持笔墨色彩--vlink<bodyvlink=#rrggbb>
【7】已保持过的超保持笔墨色彩--alink<bodyalink=#rrggbb>
20.注解<!--..........-->21.特别字元暗示法
符号  语法
<   &lt
>   &gt
&   &amp
"   &quot
空缺  &nbsp
图片
1.拔出图片<imgsrc="图形文件名">
2.设定图框--border<imgsrc="图形文件名"border=点数>
3.设定图形巨细--widthheight<imgsrc="图形文件名"width=宽度点数height=高度点数>
4.设定图形高低摆布留空--vspacehspace<imgsrc="图形文件名"vspace=高低留空点数hspace=摆布留空点数>
5.图形附注<imgsrc="图形文件名"alt="申明笔墨">
6.预载图片
<imgsrc="高剖析度图形文件名"lowsrc="低剖析度图形文件名">P.S.两个图的图形巨细最好分歧
7.影象舆图(ImageMap)<imgsrc="图形文件名"usemap="#图的称号"><mapname="图的称号">
<areashape=外形coords=地区座标列表href="保持点之URL">
<areashape=外形coords=地区座标列表href="保持点之URL">
<areashape=外形coords=地区座标列表href="保持点之URL">
<areashape=外形coords=地区座标列表href="保持点之URL"></map>
【1】界说外形--shape
shape=rect:矩形&nb
123下一页


通过大家的心得,或许能找出"怎么学html5"这个问题的答案。另,我会不定期把群里面关于技术的讨论贴到本帖,敬请关注。

冷月葬花魂 发表于 2015-1-15 23:57:47

带来一篇HTML标签详解

使得W3C与非正式的WHATWG(网络超文本应用程序技术工作小组)关系开始紧张起来。这些年来,一直是WHATWG肩负起HTML的重责大任。sp;shape=circle:圆形shape=poly:多边形
【2】界说地区--coords
a.矩形:必需利用四个数字,前两个数字为左上角座标,后两个数字为右下角座标
例:<areashape=rectcoords=100,50,200,75href="/URL">
b.圆形:必需利用三个数字,前两个数字为圆心的座标,最初一个数字为半径长度
例:<areashape=circlecoords=85,155,30href="/URL">
c.恣意图形(多边形):将图形之每转机点座标依序填进
例:<areashape=polycoords=232,70,285,70,300,90,250,90,200,78href="/URL">

表格
1.界说表格<table>..........</table>
【1】设定边框的厚度--border
<tableborder=点数>
【2】设定格线的宽度--cellspacing
<tablecellspacing=点数>
【3】设定材料与格线的间隔--cellpadding
<tablecellpadding=点数>
【4】调剂表格宽度--width
<tablewidth=点数或百分比>
【5】调剂表格高度--height
<tableheight=点数或百分比>
【6】设定表格背景致彩--bgcolor
<tablebgcolor=#rrggbb>
【7】设定表格边框色采--bordercolor
<tablebordercolor=#rrggbb>

2.显现格线<tableborder>

3.表格题目
<caption>..........</caption>
表格题目地位--align
<captionalign="#">#号可为top:表题目置于表格上方(预设值)
bottom:表题目置于表格下方
4.界说列<tr>

5.界说栏位《1》<td>:K左对齐

《2》<th>:K中对齐粗体
【1】程度地位--align<thalign="#">
#号可为left:向左对齐
center:向中对齐right:向右对齐
【2】垂直地位--align<thalign="#">#号可为
top:向上对齐middle:向中对齐
bottom:向下对齐
【3】栏位宽度--width
<thwidth=点数或百分比>
【4】栏位垂直兼并--rowspan
<throwspan=欲兼并栏位数>
【5】栏位横向兼并--colspan
<thcolspan=欲兼并栏位数>

清单

1、目次式清单
<dir><li>项目1<li>项目2<li>项目3</dir>P.S.目次式清单每个项目不克不及凌驾20个字元(即10其中笔墨)

2、选项式清单<menu><li>项目1<li>项目2<li>项目3</menu>

3、有序号的清单<ol><li>项目1<li>项目2<li>项目3</ol>
【1】序号情势--type<oltype=#>或<litype=#>#号可为A:表以年夜写英笔墨母ABCD...做为项目编号a:表以小写英笔墨母abcd...做为项目编号I:表以年夜写罗马数字做为项目编号i:表以小写罗马数字做为项目编号1:表以阿拉伯数字做为项目编号(预设值)
【2】肇端数字--start<olstart=欲入手下手计数的序数>
【3】指定编号--value<livalue=欲指定的序数>

4、无序号的清单<ul><li>项目1<li>项目2<li>项目3</ul>
【1】项目标记情势--type<ultype=#>或<litype=#>#号可为disc:实心圆点(预设值)circle:空心圆点square:实心方块
【2】原始清单--plain<ulplain>
【3】清单分列体例--warp《1》清单垂直分列<ulwarp=vert>《2》清单程度分列<ulwarp=horiz>

5、界说式清单<dl><dt>项目1<dd>项目1申明<dt>项目2<dd>项目2申明<dt>项目3<dd>项目3申明</dl>
严密分列--compact<dlcompact>P.S.云云可以使<dt>的内容与<dd>的内容在统一行,仅以数格空缺相隔而不换行,但如果<dt>的笔墨凌驾一定的长度后,compact的感化就消散了!
表单

1、基础架构<formaction="处置材料用的CGI程式之URL"或"mailt电子信箱的URL"method="get或post">..............................</form>

2、输出文件型表单<formaction="URL"method="post"><input><input>....................</form>
【1】栏位范例--type<inputtype=#>#号可为text:笔墨输出password:暗码checkbox:多选钮radio:单选钮submit:承受按钮reset:重设按钮image:图形钮hidden:埋没栏位
【2】栏位称号--name<inputname="材料栏名">P.S.若type为submitreset则name不用设定
【3】文件上的预设值--value<inputvalue="预设之字串">
【4】设定栏位的宽度--size<inputsize=字元数>
【5】限定最年夜输出字串的长度--maxlength<inputmaxlength=字元数>
【6】预设checkbox或radio的初值--checked<inputtype=checkboxchecked><inputtype=radiochecked>
【7】指定图形的URL--src<inputtype=imagesrc="图档名">
【8】图</p>上一页123下一页


就在新标准备受瞩目之际,两大网络监督机构却起冲突。

冷月葬花魂 发表于 2015-1-15 23:58:36

带来一篇HTML标签详解

WHATWG版和W3C版的HTML5规范虽然根源相同,在一些领域却已经产生分歧。<divclass="start">文对齐--align<inputtype=imagealign="#">#号可为top:笔墨对齐图片之顶端middle:笔墨对齐图片当中间buttom:笔墨对齐图片之底部

3、选择式表单<formaction="URL"method="post"><select><option><option>....................</select></form>
A、<select>的属性
【1】栏位称号--name<selectname="材料栏位名">
【2】设定显现的选项数--size<selectsize=个数>
【3】多重选项--multiple<selectmultiple>
B、<option>的属性
【1】界说选项的传回值--value<optionvalue="传回值">
【2】事后拔取的选项--selected<optionselected>

4、多列输出笔墨区表单<formaction="URL"method="post"><textarea>....................</textarea></form>
【1】笔墨区的变数称号--name<textareaname=变数称号>
【2】设定笔墨输出区宽度--cols<textareacols=字元数>
【3】设定笔墨输出区高度--rows<textarearows=列数>
【4】输出区设定预设字串<textarea>预设笔墨</textarea>
【5】主动换行与否--wrap<textareawrap=#>#号可为off:表输出的笔墨凌驾栏宽时,不会主动换行(预设值)virtual:表输出的笔墨在凌驾栏宽时会主动换行
链接

1、保持至其他文件<ahref="/URL">申明笔墨或图片</a>

2、保持至文件内之某一处(内部保持)
《1》出发点
<ahref="档名#称号">..........</a>
《2》尽头<aname="称号">

3、frame的超保持
【1K粜碌匿榔骼聪允玖嵛募?--_blank<ahref="/URL"target=_blank>
【2】显现保持文件於今朝的frame--_self<ahref="/URL"target=_self>
【3】以上一层的支解视窗显现保持文件--_parent<ahref="/URL"target=_parent>
【4】以全视窗显现保持文件--_top<ahref="/URL"target=_top>
【5】以特定视窗显现保持文件--<ahref="/URL"target="特定视窗称号">
FRAME

1、支解视窗指令<frameset>..........</frameset>
【1】垂直(高低)支解--rows
<framesetrows=#>#号可为点数:如欲支解为100,200,300三个视窗,则
<framesetrows=100,200,300>;亦能够*号代表,如<framesetrows=*,500,*>
百分比:如<framesetrows=30%,70%>,各项总和最好为100%
【2】程度(摆布)支解--cols<framesetcols=点数或百分比>

二指定视窗内容--<frame>
<framesetcols=30%,70%><frame><frame></frameset>
【1】指定视窗的文件称号--src<framesrc=HTML档名>
【2】界说视窗的称号--name
<framename=视窗称号>
【3】设定文件与高低边框的间隔--marginheight
<framemarginheight=点数>
【4】设定文件与摆布边框的间隔--marginwidth
<framemarginwidth=点数>
【5】设定支解视窗卷轴--scrolling
<framescrolling=#>#号可为yes:流动呈现卷轴
no:不呈现卷轴auto:主动判别文件巨细需不必要卷轴(预设值)
【6】锁住支解视窗的巨细--noresize<framenoresize>

小魔女 发表于 2015-1-18 05:25:24

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.

谁可相欹 发表于 2015-1-27 05:16:24

使用内容管理系统进行开发并实现快速、精确的浏览器兼容性测试。

莫相离 发表于 2015-2-5 09:41:25

不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。

愤怒的大鸟 发表于 2015-2-11 08:55:04

可以使用 CSS 检查工具进行设计。

乐观 发表于 2015-3-2 10:18:34

难以逾越的障碍会大大打击你的学习积极性。这就需要你的恒心,坚持不懈的决心。在自己无法解决某些问题时,就需要虚心请教别人.

若相依 发表于 2015-3-11 05:42:43

所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.

小妖女 发表于 2015-3-17 23:11:21

我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。

因胸联盟 发表于 2015-3-25 12:03:30

Adobe Dreamweaver(前称Macromedia Dreamweaver)是Adobe公司的著名网站开发工具。
页: [1]
查看完整版本: 带来一篇HTML标签详解