适用于初学者的HTML:问答



在面试中,许多与HTML相关的职位的初学者(不仅是申请人)突然意识到他们无法回答相同的标准,而且看似基本的问题。但是,一旦这应该结束?我认为您肯定知道该问题的答案。

我们整理了一份最有可能在面试中问到的HTML问题和答案的列表。了解了这些内容后,申请人将能够展示出关于该主题的相当高的知识水平。如果候选人能很好地准备好这些问题的答案,并能在面试前迅速回答,这将给人留下很好的印象,并使他比“慢”的竞争对手有优势。

问题和解答




什么是HTML?


HTML代表超文本标记语言。这是万维网(WWW)上文档的标记语言。HTML是格式化文本的标准语言。浏览器对其进行解释并在屏幕上显示网页的元素。

HTML格式的文本由什么组成?


首先,HTML是内容和标签。标签使您可以指定内容在网页上的显示方式。

什么是HTML标签?


标签是放在尖括号中的特殊服务词。也称为“ HTML元素”。HTML语言中有很多标签,每个标签都对内容有所作用,通常位于括号内或标签之间。
如果标记已配对,则<TEG>标记对应</ TEG>。

所有标签都配对了吗?


不,不是全部。有单个标签,例如<img>-用于图像。在这种情况下,内容和其他服务词(例如,对于<img>,它可以是src =“ image url”)放在括号之间,但在img词之后。

用于创建网页的列表的主要类型是什么?


创建网页时,可以使用:

  1. 菜单列表(菜单列表-<菜单>)。
  2. 目录列表(目录列表-<dir>)。
  3. 有序列表(编号列表-<ol>)。
  4. 无序列表(项目符号列表-<ul>)。
  5. 定义列表(<dl>)。


为什么要使用HTML中的列表?


列表使信息更直观和易于阅读。此外,在列表内部(更确切地说,用于列表项的任意显示),您还可以使用各种标签。

我们可以用HTML编写注释吗?怎么样?


我们可以。为此,注释文本必须放在<!-和->内。

为什么网页上的某些字符有时显示不正确?


大多数情况下,由于编码问题,字符显示不正确。这就是原因-在浏览器或Web服务器的设置中。

什么是图片地图?


在HTML中,图像映射是一项允许您将链接链接到图像片段的技术。通过单击图像的各个部分,用户可以跟随该链接或指向不同网页的链接。

什么是空格?


空格是允许您在显示网页时更改单词之间的空格数的属性。默认情况下,浏览器将HTML代码中的任意数量的空格解释为一个空格。

空格的主要优点是什么?


编写HTML代码时,开发人员无需担心他可以输入的多余空间:显示网页时,浏览器将删除所有多余空间。
开发人员可以在代码中添加空格,这不仅是偶然的,而且是有目的的:使代码更具可读性。

我可以不为所有标签属性分配值吗?


是的,在这种情况下,浏览器将使用默认值。如果您对他显示网页的方式不满意,那么也许您应该明确指定某些属性的值。

由于没有在键盘上,因此如何在网页上放置版权标记?


版权符号是指特殊字符。要将其放置在网页上,您需要在相应HTML代码片段中的键盘上键入序列&复制或&#169。

如何创建指向同一网页的不同片段(节)的链接?


为此,请在HTML代码中找到所需片段的开头。在此位置,使用<a>标记的name属性创建所谓的“ anchor”,并使用href属性和#符号给出指向片段名称的链接:
href =“ #link_name_to_fragment”

我们可以在HTML文件中对齐列表项吗?


是的,我们可以使用缩进将列表项直接存储在HTML文件中。缩进还可以用于父级内部的任何嵌套列表。

通常将哪个网页地址视为站点地址?


这通常是顶层页面之一,即主页。用户从中转到位于较低级别的页面。它们的地址通常是基于主页的地址形成的。

为什么我们为图像使用替代文本(<img>标签的alt属性)?


当在用户浏览器中禁用图形或加载特定图像时出现问题时,将显示替代文本。这段文字清楚地说明了该图片中应描绘的内容。

HTML文件能否在某些罕见或尖端的浏览器中正常运行?


当然,HTML文件可以并且应该在任何浏览器中都能正常工作,因为浏览器必须符合HTML标准。如果开发人员决定不支持该标准的某些功能,那么这仍然取决于他们的良心。

您认为超链接只能是文本吗?


不,超链接不仅可以是文本,还可以是图形。这意味着我们可以将图像转换为将用户定向到另一个页面的链接。超链接不取决于“其下”的内容类型。

<li>标记-列表项的属性是什么?


其中有两个:

  1. 类型设置项目符号或项目符号列表标记的外观;
  2. value-从编号列表开始的数字。


样式表(CSS)有什么用?


样式表使您可以设置明确的规则,以确定内容的外观,各种HTML元素以及整个页面。此外,相同的规则可以一次应用于多个网页,从而简化了保存过程,并在必要时更改了网站的统一样式。

您知道列表中的哪些类型的编号?


以下值可用作编号元素:

  • 阿拉伯数字(1、2、3,...);
  • 拉丁大写字母(A,B,C,...);
  • 小写拉丁字母(a,b,c,...);
  • 大写罗马数字(I,II,III,...);
  • 小写罗马数字(i,ii,iii,...)。


如何为网页的文本片段设置不同的颜色?


要为文本片段设置不同的颜色,您需要将每个片段放入配对的字体标签中:

<font color=“color”>-    “color”</font>


HTML中的数字字符代码存储在哪里?


在ASCII表中。当显示网页时,浏览器从HTML文档中获取数字字符代码,并将其替换为表中的相应字符。

将多个复选框(复选框元素)分组有什么好处?


对标志进行分组有几个优点:

  • 它有助于更​​好地组织和构造它们;
  • 这使您可以使用id访问组中的特定标志;
  • 这使您可以在同一网页上创建另一组标记,而不必担心混淆标记的名称或标识符。


标签重叠如何影响内容显示?


HTML中的重叠标签只能识别第一个标签。但是,只有在浏览器尝试识别没有文本的标签时,才会出现此类问题。

如果标签之间没有文本,结果将如何?举个例子?


如果标签之间没有文本,则内容将无法格式化。例如,单个标签(例如<img>)不需要文本输入,因此在这种情况下不需要格式化。

如何为表格边框指定颜色?


这可以在样式表中完成,如果缺少,将使用文本颜色。

我们可以创建一个指向另一个网页的链接吗?


是的,您需要为此使用href属性。

样式表可以帮助对齐图像并确定文本相对于图像的位置吗?


是的,样式表可能包含用于放置文本和图像的规则。

单个超链接能否指向不同的页面?


不可以,一个超链接只能指向一个网页,该网页是您提供的地址。

项目符号列表与目录和菜单列表之间有区别吗?


是的,区别在于无序列表具有更改标记样式的属性。

如何更改标记颜色?


标记的颜色通常与列表中第一个字符的颜色匹配。如果使用<font>标签更改第一个字符的颜色,则标记的颜色也会更改。
如果要在列表中设置标记的颜色而不更改文本的颜色,则需要将<span>标记放在<li>内,然后将文本放入其中。然后,标记的颜色将由LI选择器的style属性颜色确定,文本的颜色将由SPAN选择器的color属性确定。

是否可以对HTML中文本字段的大小引入一些限制?


标准大小为20-25个字符。但是使用size或maxsize属性,您可以设置其他限制。例如:

<input type="text" size="5" />


文本字段的最大大小是多少?


浏览器窗口的宽度。

如果将文本字段的大小设置为零会怎样?


浏览器将使用默认值。

边界和规则属性之间的相似之处是什么?


如果border属性设置为非零值,则厚度为1像素的单元格的默认边框将自动添加。如果将rules属性添加到<table>标记,则不会包含border属性。
但是同时在每个像元周围(与边框相同),将出现一个默认情况下厚度为一个像素的框架,从而形成一个网格。

什么是跑马灯?我们该如何应用呢?


字幕可以帮助自定义网页上的文本滚动。要激活滚动,您需要使用<marquee>标签。

<br>标签有什么作用?


<br>标记的功能是将文本彼此分开。

还有其他方法可以不使用<br>来拆分文本吗?


是的,还有其他拆分文本的方法。您可以使用<p>标记或<blockquote>标记。

文本可以显示在浏览器窗口之外吗?


默认情况下,文本无法在浏览器外部显示,但是如果文本是具有预定宽度的表格单元的一部分,则它可以超出浏览器窗口。

活动链接和非活动链接有什么区别?


活动链接具有焦点,即鼠标位于其上方。在其他情况下,重点放在其他地方。

样式表是否对规则数量有限制?


不,样式表不限制选择器的规则数量。但是,每个新规则都必须用分号分隔。

样式表有规则的层次结构吗?


是的,有一个包含四个级别的层次结构(从最高优先级到最低优先级):

  1. 内联样式:直接附加到为其创建样式的元素。例:
    <h1 style="color: #ffffff;">
  2. 标识符是页面元素(例如#navbar)的唯一标识符。
  3. 类,属性和伪类:这些类别包括.class [attribute]和伪类,例如:hover,:focus等。
  4. 元素和伪元素:此类别包括元素和伪元素,例如h1,div,:before和:after。


我们可以用不同的类名将不同的选择器分组吗?


是的,为此,您只需要用逗号编写类名。

我可以在浏览器中附加外部CSS文件吗?


不可以,可以使用HTML文档本身中的<link />标记包含外部CSS文件。

列表样式类型的属性会影响段落吗?


不可以,list-style-type属性不能影响段落,它很可能会忽略它。

什么是画布元素?


HTML5 canvas元素可用于插入图像,渐变和复杂的动画。它还可以帮助直接在HTML文档的源代码内部创建2D图像。

结论


上面对问题的回答可以使您对可能会问到的问题有所了解。您可以克服恐惧并获得自信,这将帮助您获得所需的工作。上面概述的答案大部分都非常清楚和简短。但这足以使面试官理解应聘者在主题中。

结论


除了准备上面列出的答案外,我们还建议您与最近被采访过的朋友或亲戚聊天。这将帮助您获取有关行业趋势和雇主期望的信息。因此,您可以相应地提高自己的技能和能力,然后使用它为雇主提供服务,并根据雇主的期望正确地介绍自己。

与最近被采访的人进行交流,以及对以上问题的答案,将有助于您将自己定位为更有价值的候选人,并增加被录取的机会。


All Articles