📜  44个HTML面试问题| HTML5面试问题

📅  最后修改于: 2020-11-02 03:13:54             🧑  作者: Mango

HTML面试问题

下面列出了最常见的HTML面试问题和HTML5面试问题及答案。

1)什么是HTML?

HTML代表超文本标记语言。它是万维网的一种语言。它是一种标准的文本格式设置语言,用于在Web上创建和显示页面。它使文本更具交互性和动态性。它可以将文本转换为图像,表格,链接。更多细节。

2)什么是标签?

HTML标签由三部分组成:开始标签,内容和结束标签。一些标签是未关闭的标签。

HTML文档包含两件事:

  • 内容,以及
  • 标签

当网络浏览器读取HTML文档时,浏览器从上至下,从左至右读取。 HTML标记用于创建HTML文档并呈现其属性。每个HTML标签都有不同的属性。

句法

 content 

内容放置在标签之间,以在网页上显示数据。

3)所有HTML标签是否都有结束标签?

不。有些HTML标记不需要结束标记。例如:标签,
标签。更多细节。

4)HTML的格式是什么?

HTML格式化是格式化文本以获得更好外观的过程。它使用不同的标签使文本加粗,斜体,加下划线。更多细节。

5)HTML包含多少种标题?

HTML包含六种标题,分别用

标签。每种标题标签显示的文本大小都不同。所以,

是最大的标题标签,并且

是最小的。例如:

Heading no. 1

Heading no. 2

Heading no. 3

Heading no. 4

Heading no. 5
Heading no. 6

6)如何在HTML中创建超链接?

HTML提供了一个锚标记来创建将一个页面链接到另一页面的超链接。这些标签可以通过以下任何一种方式出现:

  • 未访问的链接-显示,带下划线的蓝色。
  • 已访问链接-已显示,带下划线的紫色。
  • 活动链接-显示,带下划线的红色。

7)哪个HTML标记用于以表格形式显示数据?

HTML表标签用于以表格形式(行*列)显示数据。它还管理页面的布局,例如,标题部分,导航栏,正文内容,页脚部分。以下是以表格形式显示数据时使用的标签列表:

Tag Description
element to specify column properties for each
column.
It defines a table.
It defines a row in a table.
It defines a header cell in a table.
It defines a cell in a table.
It defines the table caption.
It specifies a group of one or more columns in a table for formatting.
It is used with
It is used to group the body content in a table.
It is used to group the header content in a table.
It is used to group the footer content in a table.

8)设计页面时使用哪些常见列表?

有许多用于设计页面的常见列表。您可以选择以下列表类型中的任何一种或组合:

  • 有序列表-有序列表以编号格式显示元素。它由
      标记表示。
    1. 无序列表-无序列表以项目符号格式显示元素。它由
        标记表示。
      • 定义列表-定义列表以定义形式显示元素,例如在字典中。
        标记用于定义描述列表。

      9)HTML元素和标签有什么区别?

      HTML元素与浏览器进行通信以呈现文本。当元素用方括号<>括起来时,它们形成HTML标记。大多数情况下,标签是成对出现并围绕内容的。

      10)什么是语义HTML?

      语义HTML是一种编码样式。它是使用HTML标记来增强内容的语义或含义。例如:在语义HTML中 标签不用于粗体语句以及 标签用于斜体。代替这些,我们使用标签。

      11)什么是图像图?

      图像映射可帮助您使用单个图像链接许多不同的网页。它由标签。您可以在要成为图像映射一部分的图像中定义形状。

      12)如何在浏览器页面上插入版权符号?

      您可以在HTML文件中使用©或©插入版权符号。

      13)如何用HTML创建嵌套的网页?

      HTML iframe代码用于显示嵌套的网页。换句话说,它表示网页内的网页。 HTML

      14)如何将列表元素直接放在HTML文件中?

      您可以使用缩进来使列表元素保持直线。

      15)超链接仅适用于文本吗?

      不,您可以在文本和图像上都使用超链接。 HTML锚标记定义了将一个页面链接到另一页面的超链接。 “ href”属性是HTML锚标记的最重要属性。

      句法

      16)什么是样式表?

      样式表用于构建一致,可移植且设计良好的样式模板。您可以将这些模板添加到几个不同的网页上。它描述了以标记语言编写的文档的外观和格式。

      17)您可以在网页上创建彩色文本吗?

      是。要在网页上创建多色文本,您可以使用 用于您要着色的特定文本。

      18)是否可以更改子弹的颜色?

      项目符号的颜色始终是列表的第一个文本的颜色。因此,如果要更改项目符号的颜色,则必须更改文本的颜色。

      19)解释HTML的布局吗?

      HTML布局指定了排列网页的方式。

      每个网站都有特定的布局以特定方式显示内容。

      以下是用于定义网页不同部分的不同HTML5元素。

      • :用于定义文档或节的标题。
      • :用于在文档中定义一个部分
      • :用于定义独立的,独立的文章
      • :用于为文档或节定义页脚

      20)什么是跑马灯?

      选框用于将滚动文本放在网页上。它会自动向上,向下,向左或向右滚动图像或文本。您应该将要滚动的文本放在……标签。更多细节。

      21)可以使用多少个标签来分隔一段文本?

      三个标签用于分隔文本。


      • 标记-通常
        标记用于分隔文本行。它中断当前行并将流传送到下一行
      • 标记-

        标记包含新段落形式的文本。

      • 标记-用于定义一个大的带引号的部分。如果报价很大,则将整个文本放在
        …………. 标记内。

      22)如何制作网页背景图片?

      要将图片作为网页上的背景图片,您应将以下标记代码放在标签。

      
      

      在这里,将“ image.gif”替换为要在网页上显示的图像文件的名称。

      23)什么是空元素?

      没有内容的HTML元素称为空元素。例如:


      等等

      24)span标签的用途是什么?举一个例子。

      span标签用于以下用途:

      • 用于在文本上添加颜色
      • 用于在文本上添加背景
      • 突出显示任何颜色文本

      例:

      In this page we use span.

      25)iframe广告代码的用途是什么?

      iframe用于显示网页内的网页。

      句法:

      
      

      例:

      
      

      定位到链接:

      
      

      26)HTML中的实体是什么?

      HTML字符实体用于替换HTML中的保留字符。您也可以用实体替换键盘上不存在的字符。由于某些字符保留在HTML中,因此替换了这些字符。

      27)为什么URL用HTML编码?

      URL被编码为将非ASCII字符转换为可在Internet上使用的格式,因为URL仅通过使用ASCII字符集在Internet上发送。如果URL包含ASCII字符集以外的字符,该URL必须被转换。非ASCII字符替换为“%”,后跟十六进制数字。

      28)是否标签是HTML标签?

      不,声明不是HTML标记。 HTML有很多类型,例如HTML 4.01 Strict,HTML 4.01 Transitional,HTML 4.01 Frameset,XHTML 1.0 Strict,XHTML 1.0 Transitional,XHTML 1.0 Frameset,XHTML 1.1等。用于指示Web浏览器有关HTML页面的信息。

      HTML5面试问题

      让我们看一下最重要的HTML5面试问题和答案。

      29)HTML5中的canvas元素是什么?

      element是一个容器,用于使用JavaScript之类的脚本语言在网页上绘制图形。它允许对2D形状和位图图像进行动态且可编写脚本的渲染。画布中有几种绘制路径,框,圆,文本和添加图像的方法。例如:

        
      Your browser does not support the HTML5 canvas tag.  
        
      

      30)什么是SVG?

      HTML SVG用于描述二维矢量和矢量/光栅图形。 SVG图像及其行为在XML文本文件中定义。因此,作为XML文件,您可以使用文本编辑器创建和编辑SVG图像。它主要用于向量类型图,例如饼图,X,Y坐标系中的二维图。

        
         
       
      

      31)HTML 5中有哪些不同的新表单元素类型?

      以下是HTML 5中10个常用的新元素的列表:

      • 颜色
      • 日期
      • 本地时间
      • 电子邮件
      • 时间
      • 网址
      • 范围
      • 电话
      • 搜索

      32)是否需要更改网络浏览器以支持HTML5?

      不会。几乎所有浏览器(更新版本)都支持HTML5。例如Chrome,Firefox,Opera,Safari,IE。

      33)HTML5支持哪种类型的视频格式?

      HTML 5支持三种类型的视频格式:

      • mp4
      • WebM
      • 奥格

      34)HTML 5是否支持音频标签?

      是。它用于在网页上添加声音或音乐文件。 HTML 5音频标签支持三种文件格式。

      • mp3
      • WAV
      • 奥格

      让我们看看使用HTML音频标签播放mp3文件的代码。

        
      

      您可以传递任何mp3文件名,而不是koyal.mp3。

      35)进度标签和仪表标签有什么区别?

      仅当仪表标签用于测量给定范围内的数据时,进度标签才用于表示任务的进度。更多细节。

      36)HTML 5中的数字标签有什么用途?

      图形标签用于在网页上的文档中添加照片。它用于处理带有某些嵌入式内容的图表,照片和代码清单。

      The Taj Mahal is widely recognized as "the jewel of Muslim art in India and one of the universally admired masterpieces of the world's heritage."

      Taj Mahal

      37)HTML 5中figcaption标记的用途是什么?

      元素用于为图像提供标题。这是一个可选标记,可以显示在
      标签。的
      元素用于
      元素,可以将其放置为
      元件。

      Taj Mahal
      Fig.1.1 - A front view of the great Taj Mahal in Agra.

      38)什么是按钮标签?

      button标记在HTML 5中使用。它用于在网页的HTML表单内创建可单击的按钮。通常用于创建“提交”或“重置”按钮。让我们看一下显示按钮的代码。

        
      

      39)细节和摘要标记有什么用?

      details标签用于在网页上指定一些其他详细信息。可以按需查看或隐藏它。摘要标签与详细信息标签一起使用。更多细节。

      40)什么是数据列表标签?

      HTML 5数据列表标记在form元素上提供了自动完成功能。它方便用户选择预定义的选项供用户选择数据。

         
      

      41)标签如何从HTML4迁移到HTML5?

      No. Typical HTML4 Typical HTML5
      1)
      2)
      3)
      4)
      5)

      页眉和页脚示例

      HTML 4页眉和页脚:

      
      .
      .
      .
      
      

      HTML 5页眉和页脚:

      Monday Times

      . . .

      © JavaTpoint. All rights reserved.

      菜单示例

      HTML 4菜单:

      
      

      HTML 5菜单:

      
      

      42)如果我不放HTML 5可以工作吗?

      否,浏览器将无法识别它是HTML文档,并且HTML 5标签无法函数运行。

      43)HTML5中required属性的用途是什么?

      它强制用户在提交表单之前在文本字段或文本区域上填写文本。它用于表单验证。

      例:

      Name: 
      

      44)有哪些新功能HTML5中用于表单验证的类型?

      用于表单验证的新输入类型是电子邮件,URL,数字,电话和日期。

      例: