您现在的位置是:首页 > Javascript
当前栏目
HTML的常用标签
2023-03-20 14:41:05 时间
我们为什么要学html标签呢?
我们把文字内容直接添加到body标签内,网页中就可以展示内容了,为什么要学标签呢?那图片怎么添加?链接怎么添加?网页中带有的颜色大小等怎么控制呢?
浏览器并不会显示html标签,只是使用标签来解释页面内容的,所以我们要知道怎么区分和展示内容。
html标签有哪些呢?
<div>元素是块级元素,没有特定的含义,用于组合其他标签使用。div内可以嵌套任何标签使用,包括本身。
示例代码:
<div>
<div>1</div>
<p>
<span>2</span>
</p>
</div>
标题:通过<h1>--<h6>标签来进行定义。
<h1>This is a heading</h1>
...
<h6>This is a heading</h6>
段落:使用<p>标签来定义。<p>段落内容</p>
<pre>定义预格式化的文本。通常会保留空格,换行。
链接:常见的点击某个链接、图片或文字进入网页,就需要使用<a>标签。
<a href="https://baidu.com">文字、图片</a>
图片:插入图片需要使用<img>标签。
<img src="图片地址" /> 图片的地址可以是相对路径(本地图片),也可以是绝对路径(任意网上图片)
文本标签:
<b>加粗</b>
<strong>加粗</strong>
<i>定义斜体</i>
<big>定义大字号</big>
<small>定义小字号</small>
<sub>下标字</sub>
<sup>上标字</sup>
<del>定义删除字</del>
<ins>定义插入字</ins>
换行:<br />属于单标签内容。
水平线:<hr />属于单标签。
框架:<iframe> 元素会创建包含另外一个文档的内联框架(即行内框架)。
相关文章
- 从零打造一款轻量且天然支持SSR的CMS系统-SimpleCMS
- 理解JavaScript中的数据结构(链表)
- 一篇文章带你了解Django ORM操作(高端篇)
- 在流水线中使用容器进行编译构建
- 前端:使用CSS3实现酷炫的3D旋转透视
- 如何用Furmark对GPU进行压力测试?
- Spring Boot 集成 Mybatis Plus 自动填充字段
- 不使用TypeScript的7个非常好的理由
- 看图学NumPy:掌握n维数组基础知识点,看这一篇就够了
- 2021 年 Web 开发的 7 大趋势
- 详解滑动窗口最值问题
- 一篇文章带你了解SVG marker 标记
- 前端大数的运算及相关知识总结
- 如何优雅地实现判断一个值是否在一个集合中?
- 值得了解的六大优秀JavaScript图表库
- Class文件结构3之字段表与方法表
- Node.js 小知识 — 实现图片上传写入磁盘的接口
- 编写高质量 JS 变量的5种优秀做法
- 9条消除if...else的锦囊妙计,助你写出更优雅的代码
- 从Vue.js源码中我学到了尤大大几点精妙方法