1.标题标签
标题标签共有六级<h1></h1>...<h6></h6>
特点:标题标签的文字会加粗、独占一行、h1到h6字号由大到小
2.段落标签
<p></p> 分几段写几个p标签
特点:空行分段 自动换行 段落于段落之间有空隙
3.换行标签
<br/>
4.文本格式化标签(并非独占一行)
加粗<strong></strong>或<b></b>
倾斜标签<em></em>或<i></i>
删除线<del></del>或<s></s>
下划线<ins></ins>或<u></u>
5.div和span标签
<div></div> division 一个div独占一行 没有具体含义 大盒子
<span></span> 不独占一行即一行可以有多个 没有具体含义 小盒子
6.图像标签和路径
图像标签<img src="图片URL" alt="图片显示不出来时的替换文本" title="鼠标悬浮提示文本"
width="500" height="" border="设置边框粗细"/>
注意:
①属性与属性之间空格隔开
②width和height一般只用一个 另一个会同比例缩放
③属性="属性值"
路径
(1)相对路径
①图片位于HTML同一级目录 直接写<img src="baidu.jpg />
②图像位于HTML下一级目录 <img src="images/baidu.jpg />
③ 图像位于HTML上一级目录 <img src="../baidu.jpg /> 上上级目录为<img src="../../baidu.jpg>以此类推
(2)绝对路径
①电脑上的以盘符开始的文件路径(迁移性差)
②网络的图片路径
7.超链接标签
<a href="链接目标地址/跳转地址" target="目标窗口弹出方式"></a> 不独占一行
分类:
①外部链接 <a href="http://www.qq.com" target="_blank">腾讯</a>
注意:
跳转的窗口 默认值_self 表示当前窗口打开,而_blank表示新窗口打开
②内部链接 <a href="index.html" target="_blank>首页</a> href为内部网页的相对地址
③空链接 <a href="#">公司地址</a>
④下载链接 地址链接是文件 .exe 或 .zip <a href="下载文件的相对路径"></a>
⑤网页元素的链接 作为a标签的内容 <a>网页元素内容 可以是文本图片视频音频</a>
<a href="http://www.baidu.com"><img src="img.jpg"/></a>
⑥锚点链接 点击链接 可以快速定位到页面中的某个位置
<a href="#跳转元素id属性的值">跳转内容</a>
<h1 href="元素的id值"></h1>
注意:
id属性值值全局唯一