标题标签h(h1~h6) eg:<h1>h1标签</h1>
段落标签p,可以把 HTML 文档分割为若干段落 ,有竖直间隔 eg:<p>一段话</p>
水平分割线标签hr eg:<hr>
换行标签br eg:<br>
div和span标签:是没有语义的,是我们网页布局最主要的2个盒子,div是大盒子,独占一行;span是小盒子 eg:<div><span>包裹内容</span></div>
文本格式化标签:
b和strong 文字以粗体显示,推荐strong eg:<strong>粗体显示</strong>
i和em 文字以斜体显示,推荐em eg:<em>斜体显示</em>
s和del 文字以加删除线显示,推荐del eg:<del>删除线</del>
u和ins 文字以加下划线显示,推荐ins eg:<ins>下划线</ins>
图像标签<img />
没有结束标签
属性:
src:必要属性,图片地址,可以网络地址或本地地址
alt:非必要属性,图片无法正常显示时的替换文本
title:非必要属性,鼠标悬停在图片上方时的图片标题
width:非必要属性,图片宽度,单位是像素
height:非必要属性,图片高度,单位是像素
border:非必要属性,图片边框的宽度,设置数字
eg:<img src="img.jpg" alt="图片替换文本" title="图片标题"/>
相对路径:
1.同一级路径:图像文件位于html文件同一级 eg:<img src="img.jpg">
2.下一级路径:图像文件位于html文件下一级 eg:<img src="images/img.jpg">
3.上一级路径:图像文件位于html文件上一级 eg:<img src="../img.jpg">
绝对路径:
1.网络地址 eg:"D:\web\images\img.jpg"
2.本地文件完整地址 eg:"http://www.whatever.com/images/logo.gif"
链接标签<a></a>
eg:<a href="http://www.baidu.com" target="_blank">文本或图像</a>
herf是必要属性,可以是网络地址也可以是本地页面地址
target="_self" 默认值,当前窗口弹出
target="_blank" 新窗口弹出
1.外部链接:例如<a href="http://www.baidu.com">百度</a>
2.内部链接:网站内部页面之间的相互链接,直接链接内部页面名称即可,例如<a href="index.html">首页</a>
3.空链接:如果当时没有确定链接目标时,通常将链接标签的href属性值定义为“#”(即href="#"),表示该链接暂时为一个空链接
4.下载链接:如果herf里边地址是一个文件或者压缩包,会下载这个文件
5.网页元素链接:不仅可以创建文本超链接,在网页中各种网页元素,如图像、表格、音频、视频等都可以添加超链接
锚点定位:通过创建锚点链接,用户能够快速定位到目标内容
1.使用相应的id名标注跳转目标的位置。 (找目标)
<h3 id="two">第2集</h3>
2. 使用<a href="#id名">链接文本</a>创建链接文本(被点击的)
<a href="#two">
常用特殊字符:
空格符: eg:<p>文 本</p> 显示:文 本
大于号>:>
小于号<:< eg:<p>这是一个< p >标签</p> 显示:这是一个<p>标签