对于html的理解

网上有关“对于html的理解”话题很是火热,小编也是针对对于html的理解寻找了一些与之相关的一些信息进行分析,如果能碰巧解决你现在面临的问题,希望能够帮助到您。

HTML 的 div 标签的一个非常重要的作用是把其它的HTML标签及内容装起来,这么一来就可以一次性对这些被装起来的内容进行各种操作,例如:一次性把这些装起来的内容固定在某一个位置。所以说到 div 标签,经常都跟 CSS 放在一起,因为通过 CSS 可以对 div包含的所有内容 进行各种操作。

“为什么可以文字可以越过原本定义的框的大小呢?”

因为HTML没有规定不准文字在 div 边框外显示。只能这么解释。

文字或者其他内容越过边框,这个叫“溢出”。这就引出 CSS 中的一个属性 overflow,它的取值包括以下:

overflow: visible; 你经常看见的越过边框的情况就是因为默认状态下,所有的溢出内容都以这种状态显示。

overflow: hidden; 隐藏溢出

overflow: scroll; ?下拉框显示

overflow: auto; 自动,没有溢出不显示下拉框,有溢出显示下拉框

不仅仅是 div 有溢出,很多的其它标签都会有溢出的时候。例如:

div溢出.html 文件代码如下:

<!doctype?html>

<html?lang="zh">

<head>

<meta?charset="utf-8">

<title>div溢出</title>

<link?href="divoverflow.css"?rel="stylesheet">

</head>

<body>

<p>p溢出</p>

<p?id="p1">p溢出</p>

<div>

<h1>div溢出</h1>

</div>

<div?id="div1">

<h1>div溢出</h1>

</div>

</body>

</html>

divoverflow.css 文件代码如下:

p?{

position:?relative;

top:?30px;

width:?100px;

height:?10px;

background:?goldenrod;

}

#p1?{

overflow:?auto;

}

div?{

position:?relative;

top:?100px;

width:?120px;

height:?50px;

background:?navy;

color:?red;

}

h1?{

width:?100px;

height:?10px;

background:?goldenrod;

}

#div1?{

top:?150px;

overflow:?auto;

}

以上HTML和CSS可以看到除了 div 还有 p,h1标签也会溢出,其他的标签还有很多。

1、首先打开sublime编译器,创建一个.html文件。

2、然后在title标签之间写上标题的名称,这里输入视频播放器。

3、接着在body标签对的之间插入<video>标签。

4、然后设置视频窗口的大小,在video标签添加width和height属性。

5、最后在video标签之间添加source播放源,及其地址运行后,就会出现如下图视频窗口。

关于“对于html的理解”这个话题的介绍,今天小编就给大家分享完了,如果对你有所帮助请保持对本站的关注!

本文来自作者[张明轩]投稿,不代表自寻号立场,如若转载,请注明出处:https://www.688zixun.com/zixu/326.html

(9)
张明轩的头像张明轩签约作者

文章推荐

发表回复

作者才能评论

评论列表(3条)

  • 张明轩的头像
    张明轩 2025年09月03日

    我是自寻号的签约作者“张明轩”

  • 张明轩
    张明轩 2025年09月03日

    本文概览:网上有关“对于html的理解”话题很是火热,小编也是针对对于html的理解寻找了一些与之相关的一些信息进行分析,如果能碰巧解决你现在面临的问题,希望能够帮助到您。HTML 的...

  • 张明轩
    用户090309 2025年09月03日

    文章不错《对于html的理解》内容很有帮助