HTML常用标签

2019-05-10 05:59:09来源:博客园 阅读 ()

新老客户大回馈,云服务器低至5折

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的表格
总结


原文链接:https://www.cnblogs.com/Arvin66-lyh/p/10834646.html
如有疑问请与原作者联系

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:前端之HTML样式

下一篇:echarts字体适配