HTML与CSS的照片表格表单
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">#### <span style="color: black;">照片</span></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> img 元素向网页中嵌入一幅图像。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <span style="color: black;">重视</span>：从技术上讲，<img> 标签并不会在网页中<span style="color: black;">插进</span>图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">```html</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><img src="" alt="" ></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">```</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">必要</span>属性</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| 属性 | 值 | 描述 |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| ---- | ---- | ------------------------------------------------------ |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| alt | text | 规定图像的替代文本，<span style="color: black;">通常</span>在<span style="color: black;">照片</span><span style="color: black;">没</span>法正常<span style="color: black;">表示</span>占位的文字。 |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| src | URL | 规定<span style="color: black;">表示</span>图像的 URL。 |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">常用属性</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| 属性 | 值 | 描述 |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| ------ | -------------------------------- | -------------------------------- |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| align | top、bottom、middle、left、right | 规定<span style="color: black;">怎样</span><span style="color: black;">按照</span><span style="color: black;">周边</span>的文本来<span style="color: black;">摆列</span>图像 |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| border | pixels | 定义图像<span style="color: black;">周边</span>的边框 |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| height | pixels、% | 定义图像的高度。 |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| width | pixels、% | 定义图像的宽度。 |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| title | 文本 | 当鼠标在<span style="color: black;">照片</span>上时<span style="color: black;">表示</span>的文字 |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">#### 表格</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <table></table> 标签定义 HTML表格。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <tr></tr>标签定义表格的行。tr元素<span style="color: black;">包括</span>一个或多个th或td元素</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <td></td>标签定义 HTML 表格中的标准单元格。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> <th></th>定义表格内的表头单元格。th元素内部的文本<span style="color: black;">一般</span>会呈现为居中的粗体文本，而 td 元素内的文本<span style="color: black;">一般</span>是左对齐的普通文本。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 简单的HTML表格由table元素以及一个或多个tr、th、或td元素<span style="color: black;">构成</span>。</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"> 理解：table相当于一个表格的外框，tr为行，td为一个一个单元格，th为有标题<span style="color: black;">功效</span>的单元格，th中的内容<span style="color: black;">同期</span>有加粗的效果。 </p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">常用属性</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| **属性** | **值** | **描述** |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| -------- | ------------------- | ------------------ |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| align | right、center、left | 表格对齐方式 |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| border | px | 规定表格边框的宽度 |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| width | % 、px | 规定表格的宽度 |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">tr常用属性</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| 属性 | 值 | 描述 |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| ------- | ------------------------------ | ---------------------------------------------------- |</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">| align | right、left、center | 定义表格</p>
你的话语真是温暖如春，让我心生感激。 外链发布论坛学习网络优化SEO。 一看到楼主的气势，我就觉得楼主同在社区里灌水。
页:
[1]