200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > html 排版标签 文本格式化标签 图像标签 链接标签 注释标签 路径 锚点定位 ba

html 排版标签 文本格式化标签 图像标签 链接标签 注释标签 路径 锚点定位 ba

时间:2020-05-31 09:38:51

相关推荐

html 排版标签 文本格式化标签 图像标签 链接标签 注释标签 路径 锚点定位 ba

基本样式标签

一、排版标签

标题标签:

<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标签 特殊字符

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。