HTML学习条记一
在点击翻开链接的学习总结。
HTML常用的标签及说明
1、根本格局框架
<html> <body> <h1>标题</h1> <p>段落</p> </body> </html>
2、文本格局化标签
<b>粗体</b> <big>大号字</big> <em>着重字（粗）</em> <i>歪体字</i> <strong>增强语气（粗）</strong> <sub>下标</sub> <sup>上标</sup> <ins>插入字</ins> <del>删除字</del>
3、链接
<a href="URL" target="_blank"> this is a link </a>
其中，href=超链接，target="_blank"表示在新窗口翻开文件。
留意，两者之间用空格。
有一种非凡状况是使用name属性，可以转跳到name属性定义的锚。
<a name="tips">根本的留意事项 - 有用的提醒</a> . . . <a href="#tips">跳转到tips标签处</a>
留意，援用锚时要在名字前面加#。
4、图像
<img src="boat.gif" alt="Big Boat" width="104" height="102" />
其中，src存置图片所在地址；
alt属性表示更换文本，即当图片不克不及加载是所显示的文字说明；
width和height用于设定图片的长度和宽度；
别的，图像还有一个属性border用于规定图像边框的宽度。
5、改动属性的通用办法——style
<body style="background-color:yellow"> <h2 style="font-family:arial;color:red;font-size:20px;text-align:center;"> 标题 </h2> </body>
其中，background-color用于设定背景色彩；
font-family用于设定字体；
color用于设定（标题）字体色彩；
font-size用于设定字体大小；
text-align：center居中。
6、援用
第一种：相当于“”。
<q>所要援用的话</q>
第二种：长援用，主动缩进，cite表示出处地址（可省略）。
<blockquote cite="URL">......</blockquote>
第三种：缩略词，鼠标放到缩略词上会显示完全内容，即title。
<abbr title="world health organization">WHO</abbr>
第四种：地址（联络信息），主动歪体，并且前后主动加换行。
<address>我是地址</address>
第五种：著作标题，主动歪体。
<cite>白叟与海</cite>
特殊的，双向重写，dir="rtl"为从右向左书写
<bdo dir="rtl">从右向左</bdo>
7、运算机代码
<kbd>键盘输入</kbd> <samp>运算机输出示例</samp> <code>代码</code> <pre>文本</pre> <var>数学公式</var>
其中，前三种均不保存空格和换行，假如要保持文本的原有格局，请使用第四种，<pre>保存换行。
8、创立图像映射
<html> <body> <p>请点击图像上的星球，把它们放大。</p> <img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="/example/html/venus.html" target ="_blank" alt="Venus" /> <area shape="rect" coords="0,0,110,260" href ="/example/html/sun.html" target ="_blank" alt="Sun" /> </map> </body> </html>
其中，<map>定义图像地图，包罗id和name属性，感受一样状况下都要定义；
<area>定义图像地图的可点击区域，包括的属性：
shape规定区域的外形
coords规定区域的（x,y）坐标，左上角为（0,0）；比方（x,y,z），xy表示圆心，z表示半径
<img>中的usemap属性援用map中的id或name属性。
9、其他
<br/>-------换行
<hr/>-------水平线
<!-- this is a comment -->---------注释
以上就是HTML学习笔记一的具体内容，更多请关注百分百源码网其它相关文章！
