【HTML】二、HTML标签 (2)

该语法中src属性用于指定图像文件的路径和文件名,他是img标签的必需属性。

属性 属性值 描述
src   url   图像的路径  
alt   文本   图像不能显示时替换文本  
title   文本   鼠标悬停时显示的内容  
width   像素(XTML不支持%页面百分比)   设置图像的宽度  
hight   像素(XTML不支持%页面百分比)   设置图像的高度  
border   数字   设置图像边框的宽度  

border 后面我们会用css来做

**注意: **

标签可以拥有多个属性,必须写在开始标签中,位于标签名后面。

属性之间不分先后顺序,标签名与属性、属性与属性之间均以空格分开。

采取 键值对 的格式 key="value" 的格式

正常的<br /> <img src="http://www.likecs.com/cz.jpg" /><br /> 带有边框的<br /> <img src="http://www.likecs.com/cz.jpg" /><br /> 有提示文本的<br /> <img src="http://www.likecs.com/cz.jpg" title="这是个小蒲公英" /><br /> 有替换文本的<br /> <img src="http://www.likecs.com/cz.jpg" alt="图片不存在" /> 链接标签(重点)

单词缩写: anchor 的缩写 [ˈæŋkə(r)] 。基本解释 锚, 铁锚 的

在HTML中创建超链接非常简单,只需用标签把文字包括起来就好。

语法格式:

<a href="http://www.likecs.com/跳转目标" target="目标窗口的弹出方式">文本或图像</a> 属性 作用
href   用于指定链接目标的url地址,(必须属性)当为标签应用href属性时,它就具有了超链接的功能  
target   用于指定链接页面的打开方式,其取值有_self和_blank两种,其中_self为默认值,__blank为在新窗口中打开方式。  

注意:

外部链接 需要添加 www.baidu.com

内部链接 直接链接内部页面名称即可 比如 < a href="http://www.likecs.com/index.html"> 首页 </a >

如果当时没有确定链接目标时,通常将链接标签的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接。

不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接。

注释标签

在HTML中还有一种特殊的标签——注释标签。如果需要在HTML文档中添加一些便于阅读和理解但又不需要显示在页面中的注释文字,就需要使用注释标签。

简单解释:

注释内容不会显示在浏览器窗口中,但是作为HTML文档内容的一部分,也会被下载到用户的计算机上,查看源代码时就可以看到。

语法格式:

<!-- 注释语句 --> 快捷键是: ctrl + / 或者 ctrl +shift + / 团队约定

一般用于简单的描述,如某些状态描述、属性描述等

注释内容前后各一个空格字符,注释位于要注释代码的上面,单独占一行

拓展 锚点定位 (难点)

通过创建锚点链接,用户能够快速定位到目标内容。

创建锚点链接分为两步:

1. 使用相应的id名标注跳转目标的位置。 (找目标) <h3>第2集</h3> 2. 使用<a href="#id名">链接文本</a> <a href="#two"> base 标签

语法:

<base target="_blank" />

**总结: **

base 可以设置整体链接的打开状态

base 写到 <head> </head> 之间

把所有的连接 都默认添加 target="_blank"

预格式化文本pre标签

<pre> 标签可定义预格式化的文本。

被包围在<pre> 标签 元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。

<pre> 此例演示如何使用 pre 标签 对空行和 空格 进行控制 </pre>

有了这个标签,里面的文字,会按照我们书写的模式显示,不需要段落和换行标签了。但是,比较少用,因为不好整体控制。

特殊字符 (理解)

一些特殊的符号,我们再html 里面很难或者 不方便直接 使用, 我们此时可以使用下面的替代代码。

特殊字符 描述 字符代码
  空格   &nbsp;  
<   小于号   &lt;  
>   大于号   &gt;  
&   和号   &amp;  
"   引号   &quot;  
\'   撇号   &apos; (IE不支持)  
¥   人民币/日元   &yen;  
  商标   &trade;  
®   注册商标   &reg;  
©   版权   &copy;  
×   乘号   &times;  
÷   除号   &divide;  

其他字符查询可查阅:https://www.runoob.com/html/html-entities.html

总结

是以运算符&开头,以分号运算符;结尾。

他们不是标签,而是符号。

HTML 中不能使用小于号 “<” 和大于号 “>”特殊字符,浏览器会将它们作为标签解析,若要正确显示,在 HTML 源代码中使用字符实体

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/zgjjsw.html