<body>中间,我们使用了<br/>标签来换行。HTML中的标签大多成对出现,比如这里看到的<head></head>、<body></body>以及<br/>. 标签是用来告诉浏览器如何解析和显示内容的。
3.1.2 HTML元素与属性
HTML文档由一系列的元素组成,每个元素都有其特定的含义。例如,<title>元素定义了浏览器窗口的标题,<h1>到<h6>元素用于创建不同级别的标题,<p>元素表示段落,而<a>元素则用于创建超链接。此外,许多元素还支持属性,用来提供更多的信息。例如,<a>元素的href属性用于指定链接的目标地址,target属性可以设置链接打开的方式(新窗口或当前窗口)。
3.1.3 HTML文本格式化
HTML提供了多种标签来控制文本的格式,如<b>用于加粗文本,<i>用于斜体,<u>用于下划线,<em>用于强调(通常表现为斜体),<strong>用于加重强调(通常表现为粗体)。通过这些标签,可以实现丰富的文本样式。
3.2 HTML列表与表格
HTML中的<ul>和<ol>元素分别用于创建无序列表和有序列表,而<li>元素则是列表项。在表格方面,<table>定义一个表格,<tr>代表表格行,<th>定义表头单元格,<td>定义普通数据单元格。表格的复杂布局可以通过colspan和rowspan属性来调整单元格的合并。
3.3 HTML图像与链接
<img>元素用于插入图像,src属性指向图像文件的位置,alt属性为图像提供替代文字,便于无法显示图像时的替代。<a>元素不仅可以创建链接,还可以通过邮箱、电话等属性链接到电子邮件地址或拨打电话。
3.4 HTML表单
<form>元素用于创建表单,用户可以在其中输入数据。表单中的控件如<input>(文本框、密码框、按钮等)、<select>(下拉列表)、<textarea>(多行文本输入)和<label>(标签)等,通过name属性标识,以便服务器处理数据。
3.5 HTML5的新特性
HTML5引入了许多新的元素和功能,如<section>、<article>、<aside>等用于语义化的标签,<canvas>用于图形绘制,<video>和<audio>元素支持多媒体播放,离线存储的离线应用缓存,以及地理定位API等,大大增强了网页的交互性和功能性。
3.6 响应式设计与移动优化
随着移动设备的普及,HTML5引入了媒体查询(media queries)和弹性布局(flexbox)等技术,使得网页能够根据不同的设备屏幕大小自动调整布局,实现响应式设计,提供良好的用户体验。
HTML作为Web开发的基础,涵盖了从文本格式化、图片和链接的展示,到表单的创建、表格的布局,再到HTML5的新特性和响应式设计等多方面的知识。掌握好HTML,是成为一名合格的Web开发者的第一步。后续的JavaScript和CSS学习,则会进一步提升网页的交互性和视觉效果。