03-HTML常见元素

一、HTML常见元素

常见元素及功能：

元素	用途
<h1>~<h6>	标题从大到小
<p>	段落，不同段落会有间距
<img>	显示图片，属性src为图片路径，alt为图片无法显示时的提示文本
<a>	超链接，属性href为链接地址（或电梯导航的id），target为显示位置（默认为_self，在当前窗口打开URL，_blank为在新窗口打开）
<br>	换行，现在开发很少使用
<iframe>	可以在页面部分区域显示其他网站，但大部分网站不允许用iframe显示
<strong>	加粗
<i>	斜体
<code>	显示代码，偶尔用来显示等宽字体

二、部分元素常见用途：

2.1.a标签与img共用实现图片跳转网址

<a href="https://www.csdn.net/" target="_blank"><img src="./img/img1.jpg" alt="csdn">
</a>

​ 运行结果：点击即可跳转到csdn

​

2.2.a元素的其他链接：

<!--·指向链接：zip压缩包·-->
<a href="https://github.com/coderwhy/HYMiniMall/archive/master.zip">下载zip包</a>
<!--·指向其他协议地址：mailto·-->
<a href="mailto:[e-mail]">发邮件给[e-mail]</a>

2.3.iframe使用案例：

<iframe src="https://www.csdn.net/" width="500px" height="500px" frameborder=""1></iframe>

响应头参数X-Frame-Option可以设置SAMEORIGIN以禁止iframe显示网站

三、HTML元素全局属性

• id：唯一标识符
• class：样式类
• style：样式
• title：提示文本

四、字符实体转义

字符	实体
<	&lt;
>	&gt;
空格	&nbsp;
&	&amp;
"	&quot;
’	&apos;