在前端开发中，我们经常需要向网页中添加各种元素，包括文本、图片、视频等等。下面将介绍一些添加元素的基本方法。
添加文本
在 HTML 中，添加文本最简单的方式就是使用 <p> 标签，如下所示：
--------------
如果需要添加标题，可以使用 <h1> 到 <h6> 标签：
-------------- --------------
如果需要添加链接，可以使用 <a> 标签：
-- -------------------------------------
添加图片
在 HTML 中，添加图片需要使用 <img> 标签，并指定图片的 URL：
---- ----------------------------------- -----------
其中，src 属性指定图片的 URL，alt 属性用于当图片无法加载时显示的文本。
添加视频
在 HTML5 中，可以使用 <video> 标签来添加视频，如下所示：
------ --------- ------- ----------------------------------- ----------------- ------- ------------------------------------ ------------------ -------- ----- --- --------
其中，controls 属性用于显示视频播放控件，<source> 标签指定视频的 URL 和 MIME 类型。
添加样式
在 CSS 中，可以使用各种选择器来添加样式，如下所示：
- - ---------- ----- ------ ----- - -- - ---------- ----- ------ ---- - --- - ---------- ----- ------- ----- -
以上代码分别为 <p>、<h1> 和 <img> 元素添加了不同的样式。
添加脚本
在 JavaScript 中，可以使用 <script> 标签来添加脚本，如下所示：
-------- ------------- --------- ---------
当浏览器加载到 <script> 标签时，会执行其中的 JavaScript 代码。
结论
以上是向网页中添加元素的基本方法。通过 HTML、CSS 和 JavaScript 的组合，我们可以实现更加丰富的功能，比如响应式布局、动态效果等等。希望这篇文章能够帮助读者更好地理解前端开发中的基础知识。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/11918