前端经典面试题合集, 有哪些常用的 HTML 标签?

Step 1

Q:: HTML 常用的标签有哪些？

A:: HTML（超文本标记语言）有很多常用标签，包括但不限于：<a>（链接）、<p>（段落）、<div>（块级元素）、<span>（内联元素）、<h1> 至 <h6>（标题）、<img>（图片）、<ul>（无序列表）、<ol>（有序列表）、<li>（列表项）、<table>（表格）、<tr>（表格行）、<td>（表格单元）、<th>（表格头）、<form>（表单）、<input>（输入框）、<button>（按钮）、<select>（选择框）、<option>（选项）。

Step 2

Q:: 描述 <div> 和 <span> 标签的区别。

A:: <div> 是块级元素，用于将内容分块，可以包含其他块级和内联元素。<span> 是内联元素，用于将内容内联，可以包含内联元素。它们的主要区别在于呈现和布局方式：<div> 独占一行，<span> 不独占一行。

Step 3

Q:: 如何在 HTML 中插入图片？

A:: 可以使用 <img> 标签插入图片，格式为 <img src="image_url" alt="description">。src 属性指定图片路径，alt 属性提供图片的替代文本，用于描述图片内容。

Step 4

Q:: HTML 表单的主要标签和属性有哪些？

A:: HTML 表单常用标签包括 <form>、<input>、<textarea>、<button>、<label>、<select> 和 <option>。<form> 标签的 action 属性指定表单提交的 URL，method 属性指定提交方法（GET 或 POST）。<input> 标签有多种类型（text、password、submit 等）。<textarea> 用于多行文本输入，<button> 用于提交或重置表单，<label> 用于描述表单控件，<select> 和 <option> 用于下拉选择框。

Step 5

Q:: 如何创建一个超链接？

A:: 可以使用 <a> 标签创建超链接，格式为 <a href="url">链接文本</a>。href 属性指定链接目标地址。

Step 6

Q:: 什么是 HTML5？它有哪些新特性？

A:: HTML5 是 HTML 的最新版本，引入了许多新特性，包括语义化标签（如 <header>、<footer>、<article>、<section>）、本地存储（localStorage 和 sessionStorage）、新表单控件（如日期选择、颜色选择）、多媒体标签（<audio> 和 <video>）、Canvas 绘图 API 和 WebSocket 协议。