码迷,mamicode.com
首页 > Web开发 > 详细

HTML常用标签

时间:2019-05-08 21:38:23      阅读:171      评论:0      收藏:0      [点我收藏+]

标签:tle   post   标签   大小   body   link   数字   部分   copy   

HTML常用标签(页面)

• <p>-段落(paragraph)
• 标签<h1>到<h6>标题元素。

<h1>定义了最大的标
题元素,<h6>定义了最小的。
• <br />换行标签。
• <hr size=“9” width=“80%” color=“red”/>
水平线


HTML常用标签(文字操作)
• <del>twenty </del>删除文字
• <b>...</b>粗体字(bold) 
• <i>...</i>斜体字 (italic)
• <font color=“red” size=“1”>...</font> 1是
最小字体…7是最大字体
• <sub> 下标(subscript)
• <sup> 上标 (superscript)
• <pre>如实显示

• 有些字符,比如说“<”字符,在HTML中有特殊的
含义,因此丌能在文本中使用。想要在HTML中显示
一个小于号“<”,需要用到字符实体:&lt;或者
&#60;
• 实体名是大小写敏感的。
• 字符实体拥有三个部分:一个and符号(&),一个
实体名或者一个实体号,最后是一个分号(;)


HTML常用字符实体(1)
显示结果 描述 实体名 实体号
不可拆分的空格 &nbsp; &#160; 
< 小于 &lt; &#60; 
> 大于 &gt; &#62; 
& and符号 &amp; &#38; 
‘ 单引号 &apos;
(IE不支持) 
&#39; 
" 引号 &quot; &#34;


HTML常用字符实体(2)
显示结果 描述 实体名 实体号
£ 英镑 &pound; &#163; 
¥ 人民币元 &yen; &#165; 
§ 章节 &sect; &#167; 
© 版权 &copy; &#169; 
® 注册 &reg; &#174; 
× 乘号 &times; &#215; 
÷ 除号 &divide; &#247;


HTML常用标签(图像)
• <img>标签的属性
– src:图像文件地址
– width:图像宽
– height:图像高
– border:图像边框
– title:表示鼠标在图片上停留时,显示一个文
字悬浮框。
– alt:用于图片没显示时,显示一个说明文字。
HTML常用标签(嵌入)
• <embed>标记用于在页面中嵌入多媒体文件,
但是用户计算机上需要事先安装相应的处理程序.(
一般用于IE和基于IE内核的浏览器。火狐需要安
装插件才行。)
• html5使用video标签和audio标签
? 常用嵌入式文档的格式:
? mp3, mid, wma, asf, swf, flv, rm, ra, ram, avi
<embed src="ee.wmv" autostart="true" loop=‘true‘ hidden=‘false‘ 
width="100px" height="100px" />
autostart:是否自动播放嵌入的文件。
loop:是否循环播放。也可以取数字,表明循环多少次。
hidden:是否显示播放器。

 

HTML常用标签(超链接)
• <a href=“5.htm”>5.htm</a> 超链接
• 图片作为链接。
<a href="lastpage.htm">
<img border="0" src=".\images\next.gif">
</a>
• target属性(定义从什么地方打开链接地址 )
<a href="http://www.163.com/" target="_blank">163!</a>
target值 描述
_blank 在新窗口中打开被链接文档。
_self 默认。在相同的框架中打开被链接文档。
_parent 在父框架集中打开被链接文档。
_top 在整个窗口中打开被链接文档。
HTML常用标签(超链接)
• 锚标签和name属性
– 命名一个锚点:
<a name="label">Text to be displayed</a>
– 链接到锚点:
<a name="http://www.w3schools.com
/html_links.asp#label">Jump to the label</a>
• 创建邮件链接
<a 
href="mailto:test@163.com?subject=AboutHTML">
发邮件给我</a>


HTML常用标签(列表)
• 有序列表(orderlist)
<ol type=I >
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ol>
• 无序列表(unorderlist)
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
HTML常用标签(表格)
• <table>
• <tr>行
• <th>表格头
• <td>列
– colspan=“2”跨两列
– rowspan=“2”跨两行
– align=left,right,center 对齐方式
一个标准的2*2的表格
总结

HTML常用标签

标签:tle   post   标签   大小   body   link   数字   部分   copy   

原文地址:https://www.cnblogs.com/Arvin66-lyh/p/10834646.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!