0.超文本,不仅包含了文本,还包括了图片,音视频等。
1.<img>标签
<img src="图片的url" alt="如果图片" title="对图片的描述">
鼠标移动到img上面去的时候,图片会有显示,显示title。
如果,图片src没有找到,那么会显示alt的值。
常用图片的格式:
gif:动画 gif只能256种颜色,小图标,支持alpha通道
png:包括png8位和真色彩png(png24 和 png32)位,png最大的优势是体积更加小,支持alpha透明,并且颜色过渡。半透明的图片只能使用png24.
jpg(jpeg):jpg是一种有损压缩格式,其文件体积非常小,很有利于网络传播。常用语banner图,广告,打的宣传图,照片等。
2.快捷键:
windows + d: 回到桌面
f5 = ctrl + r:刷新网页
3.h1-h6:标题标签
注意h1标签在整个页面中最多显示一次(当然可以超过,但是不利于seo搜索)
4.段落p标签,行内标签
<p>标签,
段落与段落标签之间有空行隔开
html文档中,会把多个空格或者多个行合并为一个空格。
5.
水平线标签
6.
换行符
不受刻个和换行合并的影响
7.<span> 文本节标签
行内标签。用来组合行内元素,以便通过样式来格式化它们。
<em>定义着重文字, 让其变为斜体
<i>斜体字 不推荐使用,因为所有样式我们通过css进行控制
<strong> 定义加重语气
<sub> 下标
<sup> 上标
<del> 标签 是用来加一个删除线对于文字
<ins> 文字以下划线方式显示
8.<a>超链接标签
语法:<a href="http://www.baidu.com">点击进入百度搜索</a>
属性:a标签的target属性:_self (默认的,表示在当前页面中打开连接) 和 _blank(表示在新的页签中,或者在新的窗口打开超级连接)
href="#cast" 锚点 注意:#是id
点击的话,直接将id=cast 的节点跳转到最上面
超级连接可以不仅仅是包裹或者嵌套文本,还可以嵌套图片,表格,标题等,几乎什么标签都能包裹。