HTML面试题：20道含答案和代码示例的练习题

1. 什么是HTML？

HTML（超文本标记语言）是一种用于创建网页的标记语言。它由标签和属性组成，用于描述文档的结构和内容。

1. HTML5有哪些新特性？

HTML5新增了许多新的特性，包括语义化标签、视频和音频支持、canvas元素、表单控件、地理位置API等。

1. 什么是语义化标签？

语义化标签是指用于描述页面内容的标签，如

、

、

、

等。这些标签不仅可以提高页面的可读性和可维护性，还能帮助搜索引擎更好地理解页面结构。

1. 如何添加注释？

在HTML中，注释可以用 括起来。例如：

1. 如何创建超链接？

超链接可以使用标签来创建。例如：

<a href="">这是一个链接a>

1. 如何创建无序列表？

无序列表可以使用

• 和
• 标签来创建。例如：

<ul>
  <li>列表项1li>
  <li>列表项2li>
  <li>列表项3li>
ul>

1. 如何创建有序列表？

有序列表可以使用

1. 和
2. 标签来创建。例如：

<ol>
  <li>列表项1li>
  <li>列表项2li>
  <li>列表项3li>
ol>

1. 如何创建表格？

表格可以使用

、、

、	等标签来创建。例如：

<table>
  <tr>
    <th>表头1th>
    <th>表头2th>
  tr>
  <tr>
    <td>单元格1td>
    <td>单元格2td>
  tr>
  <tr>
    <td>单元格3td>
    <td>单元格4td>
  tr>
table>

1. 如何设置表格边框？

表格边框可以通过设置

标签的border属性来实现。例如：

<table border="1">
  
table>

1. 如何设置表格宽度和高度？

表格宽度和高度可以通过设置

和

标签的width和height属性来实现。例如：

<table width="100%" height="200px">
  <tr>
    <td width="50%">单元格1td>
    <td width="50%">单元格2td>
  tr>
table>

1. 如何创建图片？

图片可以使用标签来创建。例如：

<img src="image.jpg" alt="图片">

1. 如何设置图片大小？

图片大小可以通过设置标签的width和height属性来实现。例如：

<img src="image.jpg" alt="图片" width="200px" height="100px">

1. 如何创建表单？

表单可以使用标签来创建。例如：

<form>
  
form>

1. 如何创建文本框？

文本框可以使用标签来创建。例如：

<input type="text" name="username">

1. 如何创建复选框？

复选框可以使用标签和type属性为"checkbox"来创建。例如：

<input type="checkbox" name="fruit" value="apple">苹果
<input type="checkbox" name="fruit" value="banana">香蕉
<input type="checkbox" name="fruit" value="orange">橙子

1. 如何创建单选框？

单选框可以使用标签和type属性为"radio"来创建。例如：

<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女

1. 如何创建下拉列表？

下拉列表可以使用和标签来创建。例如：

<select name="fruit">
  <option value="apple">苹果option>
  <option value="banana">香蕉option>
  <option value="orange">橙子option>
select>

1. 如何创建多行文本框？

多行文本框可以使用标签来创建。例如：

<textarea name="content">textarea>

1. 如何创建按钮？

按钮可以使用标签来创建。例如：

<button type="submit">提交button>

1. 如何创建分割线？

分割线可以使用

---

标签来创建。例如：

<hr>