HTML5基础语法标签知识

 HTML基础语法知识

(1)HTML不区分大小写，但HTML5建议签名及属性全部小写；

(2)常见的HTML标签都是有一个开始标签和一个结束标签的。例如：<b></b>、<div></div>、<p>、</p>等;

(3)有一部分HTML标签是没有标签的，例如<img src=""/>、<br />、<hr />、<meda />标签等；

(4)没有结束标签的HTML标签，可添加一个斜杠（/)表示结束,但是HTML5建议不需要再加了.

移动网站缩放限制标签

(1)width-vaewport的宽度；

(2)height-viewport的高度；

(3)initial-scale初始的缩放比例；

(4)minimum-scale允许用户缩放到的最小比例；

(5)maximum-scale允许用户缩放到的最大比例；

(6)user-scalable用户是否可以手动缩放；

超链接A标签

(1)普通的超级链接：

<a href="指定的链接地址"target="_biankl_topl_parent">谷歌</a>

(2)描点：

<a href="网址#ID名">描点</a>

链接要配合页面上的一个ID名来实现这个功能，同时还必须有滚动条才能看到效果。描点找到的位置，浏览器默认是将其放在第一行的。

(3)邮箱客户端自动调用：

<a href="mailto:cuijuntao@163.com">打开邮箱发送软件</a>

(4)手机拨号盘查用，并主动将电话号码置入拨号器中：

<a href="tel：电话号码”></a>

图片标签及图片热点

(1)图片标签的常用标签

<img src="图片地址" alt="替换文本"，图片打不开的时候显示“title=”图片说明提示"width="图片的高度"heigth="高度"border="0"/>

<!----宽度和高度是可以修改，但有可能造成图片变形。所以要引起注意--->

(2)图片热点例子

<img src="images/01.jpg" width="500" height="1000" boder="0" usemap="#Map" />

<map name="Map" id="Map">

<area shape="circle" coords="359,122,98" href="#" />

<area shape="ned" coords="279,262,535,415" href="#" / >

</map> 

与文本相关的标签

<b>加粗</b>

<strong>加粗</strong>

<em>斜体</em>

<i>斜体</i>

<u>下划线</u>

<s>删除线</s>

<del>删除线</del>

<br />换行回车

<hr />水平线

<p>里面放一段话或者图片，也可以放任何其他标签及内容，p表示段落</p>

<blockquote>块引用</blockquote>

<h1>第一级标题，重要级别最高</h1>

<h2>第二级标题，重要级别次之</h2>

<h3>第三级标题，重要级别次之</h3>

<h4>第四级标题，重要级别次之</h4>

<h5>第五级标题，重要级别次之</h5>

<h6>第六级标题，重要级别次之</h6>

<font color="reb" size="15">文字样式</font>

<ul>

<li>无序列表</li>

<li>无序列表</li>

<li>无序列表</li>

<li>无序列表</li>

</ul>

<dl>

<li>有序列表</li>

<li>有序列表</li>

<li>有序列表</li>

<li>有序列表</li>

</dl>

<dl>

<dt>标题</dt>

<dd>描述</dd>

<dd>描述</dd>

<dt>名词</dt>

<dd>名词的解释</dd>

</dl>

网站过程中常见的 特殊符号

&nusp代表一个空格

&copy代表一个版权@

&lt代表一个左括号<

&gt代表一个右括号>

文字<sup>下标<sub>

例如：

文字<sub>上标<sup>

表格

boder=“1”边框

cellspaacing="0"外间距<!--默认为3-->

cellpadding="0"内间距<!--默认为3-->

bgcolor:表格背景颜色

<ifeame>内置框架