- alt 属性是一个必需的属性,它规定在图像无法显示时的替代文本。 <img> 标签的 alt 属性指定了替代文本,用于在图像无法显示或者用户禁用图像显示时,代替图像显示在浏览器中的内容。
- title 表示鼠标在图片上停留时,显示一个悬浮框,其中显示的文字。
说明:title 这个属性在用户体验上很重要。 当然不必要所有的img标签都加此属性,比方说logo这样比较重要或者说用户会体验到的图片内容建议一定要加此属性。
(3)<element_name align="left | right | center | justify">
属性值:
left:设置文字left-align。
right:设置文字right-align。
center:它设置文本center-align。
justify:它拉伸段落文本以将所有行的宽度设置为相等。
- <img> 标签的 hspace 和 vspace 属性可以设置图像周围的空间。hspace 和 vspace 属性可以给图像一个自由呼吸的空间。通过 hspace,可以以像素为单位,指定图像左边和右边的文字与图像之间的间距;而 vspace 值则是上面的下面的文字与图像之间的距离的像素数。
<img src="w3school.gif" hspace="30" vspace="30" />
(4)使用标签 <a> 来设置超文本链接。
超链接可以是一个字,一个词,或者一组词,也可以是一幅图像,您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
- href:指定链接目标的URL,这是链接的最重要属性。可以是另一个网页的URL、文件的URL或其他资源的URL。
- target(可选):指定链接如何在浏览器中打开。常见的值包括 _blank(在新标签或窗口中打开链接)和 _self(在当前标签或窗口中打开链接)。
- title(可选):提供链接的额外信息,通常在鼠标悬停在链接上时显示为工具提示。
- rel(可选):指定与链接目标的关系,如 nofollow、noopener 等。
链接的 HTML 代码很简单,它类似这样:
<a href="url">链接文本</a>
(5)锚点链接是超链接的一种.锚点可以连接到文档中的某一个特定位置.对于较长的页面来说,使用锚点链接可以 快速定位到页面中的某一个位置,提升用户体验.
- <div>:内容划分元素
div没有具体含义,用来划分
- <span> 元素是短语内容的通用行内容器,并没有任何特殊语义。可以使用它来编组元素以达到某种样式意图(通过使用类或者 Id 属性),或者这些元素有着共同的属性,比如lang。应该在没有其他合适的语义元素时才使用它。<span> 与 <div> 元素很相似,但 <div> 是一个 块元素 而 <span> 则是 行内元素 (en-US).
(8)当 video 标签添加上 controls 属性时,页面上会显示出所有的控制组件。
autoplay 属性规定一旦视频就绪马上开始播放。
如果设置了该属性,视频将自动播放。
Muted,它指定视频的音频输出应该被静音.
loop 属性规定当视频结束后将重新开始播放。
<source> 标签为媒介元素(比如 <video> 和 <audio>)定义媒介资源。
<source> 标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。
(9)value 属性为 input 元素设定值。
对于不同的输入类型,value 属性的用法也不同:
- type="button", "reset", "submit" - 定义按钮上的显示的文本
- type="text", "password", "hidden" - 定义输入字段的初始值
- type="checkbox", "radio", "image" - 定义与输入相关联的值
注释:<input type="checkbox"> 和 <input type="radio"> 中必须设置 value 属性。
注释:value 属性无法与 <input type="file"> 一同使用。
(10)属性 disabled 存在时,元素将不可变、不能聚焦或与表单一同提交。用户将不能在表单控件本身或其子控件进行编辑或聚焦操作。
总览
如果在表单控件上指定了 disabled 属性,则该元素及其子控件不参与约束验证。通常浏览器会将它们打灰处理,它不会收到任何浏览事件,如鼠标点击或与焦点相关的事件。
这些元素支持 disabled 属性:<button>、<command>、<fieldset>、<optgroup>、<option>、<select>、<textarea> 和 <input>。
checked 属性规定在页面加载时应该被预先选定的 input 元素。
checked 属性 与 <input type="checkbox"> 或 <input type="radio"> 配合使用
placeholder 属性提供可描述输入字段预期值的提示信息(hint)。 该提示会在输入字段为空时显示,并会在字段获得焦点时消失。 注释: placeholder 属性适用于以下的 <input> 类型:text, search, url, telephone, email 以及 password。
<textarea> 元素表示一个多行纯文本编辑控件,当你希望用户输入一段相当长的、不限格式的文本,例如评论或反馈表单中的一段意见时,这很有用。