HTML---图像标记和表格标记

HTML---图像标记和表格标记,第1张

基本语法格式:<img src="图像 URL(路径)" />

src属性用于引入图片,指定图像文件的路径,包括绝对路径或相对路径(同级目录(同一文件夹)、上级目录、下级目录)

width和height属性分别用来设置图像的宽度和高度,单位为像素。

border属性用来设置图像的边框,单位是像素,0表示无边框。

基本语法格式:<table>

                                <tr>

                                       <td>单元格内的文字<td>

                                 </tr>

                         </table>

<table></table>用于定义一个表格,<tr></tr>用于定义表格中的行,<td></td>用于定义表格中的单元格(列)。

<th></th>也表示单元格,自动居中,加粗显示

常用的属性:

(1)<table>标记的border属性会为每个单元格应用边框,并用边框围绕表格。

如图,如果border值发生改变,那么只有围绕表格的边框尺寸会发生变化,表格内部的边框还是1像素宽(若改为0,则边框全无)。

(2)width、height:宽度、高度

(3)align:描述表格的位置(文字位置)

(4)cellspacing:描述边框的厚度

(5)cellpadding:描述表格内文字与边框的距离

(6)background:设置表格背景颜色

(6)bgcolor:设置单元格背景颜色

(7)rowspan:设置单元格竖跨的行数(合并)

(8)colspan:设置单元格横跨的列数(合并)

格式:<!-- -->

注释内容不会显示在网页中

HTML中的单标记:

1、<area>:用于图像映射内的区域。

2、<base>:文档中所有相对URL的基本URL。每个文档只能有一个,它必须位于页面的

<head>中。

3、<br>:换行符,通常用于文本内容以创建单个换行符而不是段落。它不应该用于通过堆叠

许多<br>标签在页面上创建视觉分离,因为该函数是视觉需求,因此是CSS的域而不是

HTML。

4、<col>:指定<colgroup>元素中每列的列属性。

5、<command>:指定用户可以调用的命令。

6、<embed>:与外部应用程序和交互式内容一起使用以进行集成。

7、<hr>:水平规则,是页面上的一条直线。在许多情况下,CSS边框用于创建分隔线而不是

此HTML元素。

8、<img>:HTML的主要元素之一,这是图像标记。它用于将图形图像添加到网页。

9、<input>:用于从访问者捕获信息的表单元素。有许多有效的输入类型,从多年来在表单

中使用的常见“文本”输入到属于HTML5的一些新输入类型。

10、<keygen>:此标记创建用于表单的密钥对生成器字段。

11、<link>:不要与“超链接”或锚点(<a>)标签混淆,此链接用于设置文档与外部资源之

间的链接。例如,您可以使用它链接到外部CSS文件。

12、<meta>:元标记是“有关内容的信息”。它们位于文档的<head>中,用于将页面信息

传递给浏览器。有许多不同的meta标签,你可以在网页上使用。

13、<param>:用于定义插件的参数。

14、<source>:此标记允许您为页面上的媒体指定备用文件路径,包括视频或图像或音频文件。

15、<track>:此标记设置要与媒体文件,视频或音频一起使用的轨道,这些轨道通常与

<video>或<audio>标记一起添加。

16、<wbr>:这代表断言机会。它指定添加换行符可以接受的文本块中的位置。

扩展资料:

在HTML5的版本中<command />、<command />、<menuitem />这三个单标记是已经

报废无效了,而在HTML4中是可以继续使用的。

使用单标记时不同的HTML版本对是否需要带斜杆是有不同的要求的。

HTML5:斜杠是可选的。

HTML4:斜杠不可选的。但是,它被W3C的HTML验证器接受了。

XHTML:斜线是必需的。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7234445.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-03
下一篇 2023-04-03

发表评论

登录后才能评论

评论列表(0条)

保存