- 标题标签:<head></head> <title></title> <h1></h1>~<h6></h6> (h1到h6字体从大到小逐级递减)
- 段落标签:<p></p>
- 水平线标签:<hr />
- 换行标签:<br />
- 盒子:<div></div> <span></span> (l两者没有语义,主要用于网页布局)
- 文本格式标签:
- 粗体:<b></b> <strong></strong>
- 斜体:<i></i> <em></em>
- 加删除线:<s></s> <del></del>
- 加下划线:<u></u> <ins></ins>
(b i s u 只有使用 没有 强调的意思 strong em del ins 语义更强烈)
- 图像标签:<img src="图像URL" />
- <img />标记属性:
- src:路径
- alt:图片显示失败时替换的文本
- title:鼠标悬停时显示的内容
- width:图片的宽度
- height:图片的高度
- border:图片边框的宽度
- 链接标签:<a href="跳转目标" target="目标窗口弹出方式“>文本或图像</a>
(没有跳转目标时可以使用#,表示暂时为一个空链接)
- 锚点定位:
- 使用<a href="#id名">链接文本</a>
- <h3 id="id名">文本</h3>
- Base标签:能使所有的a链接都以新窗口的方式打开(再head内写入<base target="_blank" />)
- 特殊字符标签:
- 空格
- 大于 >
- 小于 <
- & &
- ¥ ¥
- 版权© ©
- 注册商标® ®
- 摄氏度o °
- 正负号 ±
- 乘 ×
- 除 ÷
- 平方 ²
- 立方 ³
- 注释标签:<!--注释内容-->
(路径分为相对路径和绝对路径)
- 相对路径:
以引用文件之网页所在位置为参考基础,而建立出的目录路径。因此,当保存于不同目录的网页引用同一个文件时,所使用的路径将不相同,故称之为相对路径。
-
图像文件和HTML文件位于同一文件夹:只需输入图像文件的名称即可,如img src="logo.gif" /。
-
图像文件位于HTML文件的下一级文件夹:输入文件夹名和文件名,之间用“/”隔开,如img src="img/img01/logo.gif" /。
-
图像文件位于HTML文件的上一级文件夹:在文件名之前加入“../” ,如果是上两级,则需要使用 “../ ../”,以此类推,如img src="../logo.gif" /。
- 绝对路径:
绝对路径以Web站点根目录为参考基础的目录路径。之所以称为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的
“D:\web\img\logo.gif”,或完整的网络地址,例如“http://www.itcast.cn/images/logo.gif”。
- 列表标签:
- 无序列表ul 例:<ul><li>内容</li></ul>
- 有序列表ol 例:<ol><li>内容</li></ol>
- 自定义列表dl 例:<dl><dt>名词</dt><dd>名词解释</dd></dl>
Html基础知识点1-标签
原文:https://www.cnblogs.com/ld-xiaoluohao/p/11192299.html