文本格式化标签
粗体,斜体,下划线
加粗 <strong> </strong> <b> </b>
倾斜 <em> </em> <i> </i>
删除线 <del> </del> <s> </s>
下划线 <ins> </ins> <u> </u>
盒子标签
<div> 独占一行 大盒子
<span> 一行放多个盒子 小盒子
图像标签
<img> 单标签 src是<img>标签的必须属性,用于指定的图像文件的路径
<img src="图像..."/>
alt 替换标签 当图像显示不出来时用文字代替
title 提示标签 当鼠标放在图像上显示的文字
width height border 单位为像素
分别为 宽度 高度 图像边框设置的粗细
注意点
1.图像标签可以拥有好多属性,必须写在标签后面
2.属性不分先后,标签名与属性,属性与属性必须用空格间隔
3.属性采取键值对格式,即key="value"格式 属性=“属性值”;
路径
铺垫
目录文件夹和根目录
目录文件夹:需要一个文件夹集中管理的文件夹
根目录:打开目录文件夹的第一层
1.相对路径:引用文件夹所在位置为参考基础,而建立出的目录路径
图片相对于HTML的位置
相对路径的分类
同一级路径 <img src="baidu.gif"/>
下一级路径 <img src="images/baidu.gif"/>
上一级路径 <img src="../baidu.gif"/>
2.绝对路径:指目录下的绝对位置有接到达目标位置,通常是盘符开始的路径
超链接标签
<a>作用:从一个页面链接到另一个页面
1.语法格式
<a href="跳转目标" target="目标窗口的弹出方式">文本图像</a>
href:用于指定链接目标的url地值,当标签应用为href属性时,他就具有了超链接的功能
target:用于指定链接页面的打开方式,其_self为默认值,是在当前窗口弹出 ,_blank是新窗口弹出
链接分类
外部链接: <a href="http://www.qq.com"target="_self"> 腾讯</a>
内部链接: 网站内部页面之间的相互链接,直接链接内部页面名称即可
空连接:当没有确定的链接目标 <a href="#"> </a>
下载链接:如果href里面地址是一个文件.exe或者压缩包.zip 会下载这个文件
网页元素链接:在网页中各个元素,如文本,图像,表格,音频,都可以添加超链接
锚点链接
点我们的锚点链接可以快速定位页面中的某一个位置
1.在链接文本中的href属性中,设置属性值为#名字的形式
2.找到目标位置标签,里面添加一个id属性=上面名字的形式
<a href="#one">第一季 </a>
<h3 id="one">第一季 </h3>
HTML注释和特殊字符
注释标签
<!-->开头 -->结束
特殊字符