html5最基础的标签总结

一、HTML5基础标签学习

今天学习了HTML5中一些最基础的标签，下面为你详细介绍这些标签及其常用属性：

1. <font> 标签

<font> 标签可用于设置文本的字体样式。它的常用属性有 size（字号大小）、color（字体颜色）、face（字体类型）和 align（文本对齐方式）。需要注意的是，size 属性最大的字号是 7，如果想要更大的字号，可以使用 style="font-size" 来设置，因为 style 是样式表中的属性，使用它可以更灵活地控制字体大小。不过，在HTML5中，<font> 标签已不被推荐使用，建议使用CSS来进行字体样式的设置。

2. <p> 标签

<p> 标签用于设置段落。使用 <p>...</p> 包裹的内容会形成一个段落，并且与下一个标签的内容会自动换行，实现段落之间的分隔。

3. <br/> 标签

<br/> 是单标签，主要用于在文本中实现换行。当你需要在一行内强制换行时，可以使用该标签。

4. <b> 和 <i> 标签

• <b> 标签用于将文本设置为加粗显示，强调文本的重要性。
• <i> 标签用于将文本设置为斜体显示，通常用于表示一些特殊的词汇或引用。

5. <h1> - <h6> 标签

<h1> - <h6> 是标题标签，从 <h1> 到 <h6> 标题的字号依次减小，重要性也逐渐降低。<h1> 通常用于页面的主标题，而 <h6> 则用于一些不太重要的小标题。

6. <table> 标签

<table> 是表格标签，用于创建表格。以下是其一些常用属性和相关标签的说明：

• border：用于设置表格的边框大小。
• <tr>：表示表格的行，一个 <tr> 标签代表表格中的一行。
• <td>：表示表格的列，一个 <td> 标签代表表格中的一个单元格。
• colspan：用于合并单元格，实现一行跨越多列的效果。
• rowspan：同样用于合并单元格，实现一列跨越多行的效果。
• cellspacing：设置单元格之间的间距。
• cellpadding：设置单元格内容与边框之间的填充距离。

7. <img> 标签

<img> 标签用于在页面中插入图片。它的常用属性有：

• src：指定图片的源文件路径，这是 <img> 标签必不可少的属性。
• width 和 height：分别设置图片的宽度和高度，可以使用像素值或百分比。
• border：设置图片的边框大小。
• alt：当图片无法正常显示时，会显示该属性指定的替代文本，这对于提高网站的可访问性很重要。
• align：设置图片的对齐方式。

二、HTML的运行原理

HTML的运行基于浏览器与服务器之间的交互，其基本原理可以简单描述为：浏览器向服务器发送请求，服务器接收到请求后，将相应的HTML文件发送给浏览器，浏览器对HTML文件进行解析和渲染，最终将页面展示给用户，即“浏览器 <==> 服务器”。

三、服务器对HTML的默认端口号

在网络通信中，服务器对HTML的默认端口号是 80。当浏览器访问一个网站时，如果没有指定端口号，默认会使用80端口与服务器进行通信。