HTML Interview Questions: 20 Practice Questions with Answers and Code Examples

1. What is HTML?

HTML (Hypertext Markup Language) is a markup language used to create web pages. It consists of tags and attributes that describe the structure and content of the document.

1. What are the new features of HTML5?

HTML5 has added many new features, including semantic tags, video and audio support, canvas elements, form controls, geographic location API, etc.

1. What are semantic tags?

Semantic tags refer to tags used to describe page content, such as

、

、

、

wait. These tags can not only improve the readability and maintainability of the page, but also help search engines better understand the page structure.

1. How to add comments?

In HTML, comments can be enclosed in parentheses. For example:

<!-- 这是一个注释 -->

1. How to create a hyperlink?

Hyperlinks can be created using tags. For example:

<a href="<http://www.example.com>">这是一个链接</a>

1. How to create an unordered list?

An unordered list can use

• and
• tags to create. For example:

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

1. How to create an ordered list?

An ordered list can be used

1. and
2. tags to create. For example:

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

1. How to create the form?

The form can be used

、、

、	Wait for the label to be created. For example:

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

1. How to set table border?

Table borders can be set by

The border attribute of the label is implemented. For example:

<table border="1">
  <!-- 表格内容 -->
</table>

1. How to set table width and height?

Table width and height can be set by

and

The width and height attributes of the label are implemented. For example:

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

1. How to create pictures?

Images can be created using tags. For example:

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

1. How to set image size?

The size of the image can be achieved by setting the width and height attributes of the label. For example:

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

1. How to create the form?

Forms can be created using tags. For example:

<form>
  <!-- 表单内容 -->
</form>

1. How to create textbox?

Text boxes can be created using labels. For example:

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

1. How to create checkbox?

Checkboxes can be created with a label and a type attribute of "checkbox". For example:

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

1. How to create radio button?

Radio buttons can be created with a tag and a type attribute of "radio". For example:

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

1. How to create a dropdown list?

Dropdown lists can be created using and labels. For example:

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

1. How to create a multiline textbox?

Multiline text boxes can be created using labels. For example:

<textarea name="content"></textarea>

1. How to create the button?

Buttons can be created using labels. For example:

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

1. How to create dividing line?

The dividing line can be used

---

tags to create. For example:

<hr>