基本样式标签
一、排版标签
标题标签:
<h1> </h1>...<h6> </h6>
换行标签:
英文缩写:break
<br/>
div 和 span 标签:
div标签会独占一行,span标签不会。
div是一个容器级别的标签,span是一个文本级别的标签
容器级别标签可以嵌套所有标签。
文本级别标签只可以嵌套文字/超链接/图片
水平线标签:
<hr> 水平线<hr width="70%" height="10px" color="blue" align="center" /> 设置水平线样式
删除线
<strike> </strike>
二、文本格式化标签
例
代码如下
<body><font size="5"> <p><b>静夜思</b></p><strong><u>李白</u></strong><br><i>床前明月光</i><br><em>疑是地上霜</em><br><s>巨头</s>举头望明月<br><u>低头思故乡</u></font></body>
三、图像标签img
img标记属性
<img src=" " alt="" >
四、链接标签
外部链接<a href= "" > 文本 </a>内部链接<a href="demo.html"> 文本 </a>
如果我们想在新窗口中打开链接,使用 target="_blank"
<a href="" target="_blank" >百度一下</a>
五、注释标签
<!-- 我是注释 -->
快捷键 ctrl+/ 或ctrl + shift + /
六、路径
1.相对路径
2.绝对路径
绝对路径以web站点根目录为参考基础的目录路径,之所以称之为绝对,意指当所有网页引用同一个文件时,所使用的路径都是一样的。
“F:\奥特曼”,或完整的网络地址例如" https://img-/images/2024032511.png"
绝对路径使用较少,简单理解下就可以
七、锚点定位
通过创建锚点链接,用户能够快速定位到目标内容
常用来制作目录和超链接
1. 使用相应的id名称标注跳转目标的位置。<h3 id="two">文本</a>2. 使用<a href="#id名">链接文本</a>创建链接文本(被点击的)
八、base文本标签
base可以设置整体链接的打开状态base写道 head 标签之间把所有的链接都默认添加target="_blank" 如下所示九、预格式化文本pre标签
所谓的预格式化文本就是,按照我们预先写好的文字格式来显示页面,保留空格和换行等
有了这个标签,里面的文字会按照我们书写的模式显示,不需要段落和换行标签了。
十、特殊字符:空格、大小于号、人民币…
如下表html 排版标签 文本格式化标签 图像标签 链接标签 注释标签 路径 锚点定位 base文本标签 pre标签 特殊字符